Skip to content

Instantly share code, notes, and snippets.

View melaniemuellerdesign's full-sized avatar
🎯
Focusing

Melanie Müller melaniemuellerdesign

🎯
Focusing
View GitHub Profile
@melaniemuellerdesign
melaniemuellerdesign / jQueryfixedheader
Last active January 20, 2019 15:08
jQuery fixed header after scroll on wordpress
/*header script*/
function mobile_header_js() {
?>
<script>
jQuery(document).ready(function($) {
function fixed()
{
var window_top=$(window).scrollTop();
@melaniemuellerdesign
melaniemuellerdesign / wordpresspostautor
Last active December 16, 2018 17:44
Autor in WordPress post without gravatar
<div id="autorinfo">
<a href="<?php the_author_url() ?>" title="Website von Autor <?php the_author() ?>"><img alt="der-Autor <?php the_author() ?>" src="<?php bloginfo('template_directory'); ?>/images/images_user/autor_id_<?php the_author_ID(); ?>.jpg" /></a>
Dieser Artikel wurde am <?php the_time('d.F Y') ?> von <a title="Website von <?php the_author() ?>" href="<?php the_author_url() ?>"><strong><?php the_author() ?></strong></a> geschrieben.
<?php the_author_description() ?>
</div>
@melaniemuellerdesign
melaniemuellerdesign / SimpleBootstrapMobileMenuNavigation
Created December 15, 2018 17:04
SimpleBootstrapMobileMenuNavigation
<script type="text/javascript">
jQuery(document).ready(function($){
$('.navbar-collapse').addClass('animated fadeOutLeft');
$('.navbar-toggler').click(function(){
$('.navbar-collapse').toggleClass('fadeInLeft fadeOutLeft');
});
});
</script>
@melaniemuellerdesign
melaniemuellerdesign / StickyWordpressBootstrapHeader
Last active December 2, 2018 15:43
Wordpress sticky Bootstrap header with wordpress und class-wp-bootstrap-navwalker.php
<header id="masthead" class="site-header sticky-top">
<nav class="navbar navbar-expand-sm navbar-dark bg-dark" role="navigation">
<div class="container">
<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?> <?php the_custom_logo(); ?></a>
<!-- Brand and toggle get grouped for better mobile display -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-controls="bs-example-navbar-collapse-1" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>