Hueman new Features

comments.php

<?php if ( post_password_required() ) { return; } ?>

<section id="comments" class="themeform">
	
	<?php if ( have_comments() ) : global $wp_query; ?>
	
		<h3 class="heading"><?php comments_number( __( 'No Responses', 'hueman' ), __( '1 Response', 'hueman' ), __( '% Responses', 'hueman' ) ); ?></h3>
	
		<ul class="comment-tabs group">
			<li class="active"><a href="#commentlist-container"><i class="fa fa-comments-o"></i><?php _e( 'Comments', 'hueman' ); ?><span><?php echo count($wp_query->comments_by_type['comment']); ?></span></a></li>
        <?php
        if( get_option('default_ping_status') == 'open' ) {
            ?>
                <li><a href="#pinglist-container"><i class="fa fa-share"></i><?php _e( 'Pingbacks', 'hueman' ); ?><span><?php echo count($wp_query->comments_by_type['pings']); ?></span></a></li>
        <?php
        }
        ?>
		</ul>

		<?php if ( ! empty( $comments_by_type['comment'] ) ) { ?>
		<div id="commentlist-container" class="comment-tab">
			
			<ol class="commentlist">
				<?php wp_list_comments( 'avatar_size=96&type=comment' ); ?>	
			</ol><!--/.commentlist-->
			
			<?php if ( get_comment_pages_count() > 1 && get_option('page_comments') ) : ?>
			<nav class="comments-nav group">
				<div class="nav-previous"><?php previous_comments_link(); ?></div>
				<div class="nav-next"><?php next_comments_link(); ?></div>
			</nav><!--/.comments-nav-->
			<?php endif; ?>
			
		</div>	
		<?php } ?>

        <?php
        if( get_option('default_ping_status') == 'open' ) {
            if ( ! empty( $comments_by_type['pings'] ) ) {
                ?>
                    <div id="pinglist-container" class="comment-tab">

                        <ol class="pinglist">
                            <?php // not calling wp_list_comments twice, as it breaks pagination
                            $pings = $comments_by_type['pings'];
                            foreach ($pings as $ping) { ?>
                                <li class="ping">
                                    <div class="ping-link"><?php comment_author_link($ping); ?></div>
                                    <div class="ping-meta"><?php comment_date( get_option( 'date_format' ), $ping ); ?></div>
                                    <div class="ping-content"><?php comment_text($ping); ?></div>
                                </li>
                            <?php } ?>
                        </ol><!--/.pinglist-->

                    </div>
		<?php
            }
        }
        ?>

	<?php else: // if there are no comments yet ?>

		<?php if (comments_open()) : ?>
			<!-- comments open, no comments -->
		<?php else : ?>
			<!-- comments closed, no comments -->
		<?php endif; ?>
	
	<?php endif; ?>
	
	<?php if ( comments_open() ) { comment_form(); } ?>

</section><!--/#comments-->

single.php

<?php get_header(); ?>

<section class="content">
	
	<?php get_template_part('inc/page-title'); ?>
	
	<div class="pad group">
		
		<?php while ( have_posts() ): the_post(); ?>
			<article <?php post_class(); ?>>	
				<div class="post-inner group">
					
					<h1 class="post-title"><?php the_title(); ?></h1>
					<p class="post-byline"><?php _e('by','hueman'); ?> <?php the_author_posts_link(); ?> &middot; <span itemprop="datePublished" content="<?php the_time('Y-m-d'); ?>"><?php the_time(get_option('date_format')); ?></span></p>
					
					<?php if( get_post_format() ) { get_template_part('inc/post-formats'); } ?>
					
					<div class="clear"></div>
					
					<div class="entry">	
						<div class="entry-inner">
							<?php the_content(); ?>
							<?php wp_link_pages(array('before'=>'<div class="post-pages">'.__('Pages:','hueman'),'after'=>'</div>')); ?>
						</div>
						<div class="clear"></div>				
					</div><!--/.entry-->
					
				</div><!--/.post-inner-->	
			</article><!--/.post-->

            <div class="clear"></div>
		<?php endwhile; ?>
		
		<div class="clear"></div>

        <?php
        $buffer_params = '';
        $buffer_params .= '?url=http://'.get_the_permalink();
        $buffer_params .= '&text='.get_the_title();
        $buffer_params .= '&via=tom_witkowski'; // here you should use a Wordpress-Setting if you want to use Buffer
        $buffer_params .= '&iframe';
        ?>
        <div class="shareme">
            <div id="shareme" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?> via @tom_witkowski"></div><!-- here you should use a Wordpress-Setting if you want to use Buffer -->
            <a href="http://bufferapp.com/add<?php echo $buffer_params; ?>" class="buffer fancybox fancybox.iframe" title="mit Buffer teilen">Buffer</a>
        </div>

        <div class="clear"></div>
		
		<?php the_tags('<p class="post-tags"><span>'.__('Tags:','hueman').'</span> ','','</p>'); ?>
		
		<?php if ( ( ot_get_option( 'author-bio' ) != 'off' ) && get_the_author_meta( 'description' ) ): ?>
			<div class="author-bio">
				<div class="bio-avatar"><?php echo get_avatar(get_the_author_meta('user_email'),'128'); ?></div>
				<p class="bio-name"><?php the_author_meta('display_name'); ?></p>
				<p class="bio-desc"><?php the_author_meta('description'); ?></p>
				<div class="clear"></div>
			</div>
		<?php endif; ?>
		
		<?php if ( ot_get_option( 'post-nav' ) == 'content') { get_template_part('inc/post-nav'); } ?>
		
		<?php if ( ot_get_option( 'related-posts' ) != '1' ) { get_template_part('inc/related-posts'); } ?>
		
		<?php comments_template('/comments.php',true); ?>
		
	</div><!--/.pad-->
	
</section><!--/.content-->

<?php get_sidebar(); ?>

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#shareme').sharrre({
            share: {
                twitter: true,
                facebook: true,
                googlePlus: true
            },
            urlCurl: '<?php echo get_template_directory_uri(); ?>/functions/sharrre.php', // this is the https://github.com/Julienh/Sharrre/ Plugin - load the required files into your Theme-Folders
            template: '<a href="#" class="facebook" title="auf Facebook teilen"><i class="fa fa-facebook"></i></a><a href="#" class="twitter" title="auf Twitter teilen"><i class="fa fa-twitter"></i></a><a href="#" class="googleplus" title="auf Google+ teilen"><i class="fa fa-google-plus"></i></a>',
            enableHover: false,
            enableTracking: true,
            render: function(api, options){
                jQuery(api.element).on('click', '.twitter', function() {
                    api.openPopup('twitter');
                });
                jQuery(api.element).on('click', '.facebook', function() {
                    api.openPopup('facebook');
                });
                jQuery(api.element).on('click', '.googleplus', function() {
                    api.openPopup('googlePlus');
                });
            }
        });
    });
</script>

<?php get_footer(); ?>

styles.less

.shareme {
  padding: 0;
  margin: 0 0 30px;

  &:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
  }

  .sharrre {
    padding: 0;
    margin: 0;
  }

  a {
    padding: 10px;
    width: 21.25%;
    margin-right: 5%;
    display: block;
    float: left;
    text-align: center;
    color: #ffffff;
    background: #666666;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 500ms ease-out 0s;
    -moz-transition: background-color 500ms ease-out 0s;
    -ms-transition: background-color 500ms ease-out 0s;
    -o-transition: background-color 500ms ease-out 0s;
    transition: background-color 500ms ease-out 0s;

    &:hover {
      &.facebook {
        background: #3b5998;
      }

      &.twitter {
        background: #55acee;
      }

      &.googleplus {
        background: #dd4b39;
      }

      &.buffer {
        background: #109D59; // this color isn't the Buffer color, but my Theme-primary - change it with your Settings
      }
    }
  }

  > a {
    margin: 0;
  }
}