賢威7でフラットな独自デザインのSNSボタンを設置する方法」で記事ページのみにSNSボタンを設置する方法をご紹介しましたが、今回の記事ではトップページの記事タイトル下にもSNSボタンを設置する方法をご紹介します。

修正するファイルは「cont.php」のみ

当サイトの場合では、賢威の子テーマで運用しているため、子テーマディレクトリにある「cont.php」を修正しています。

修正内容

次のコードを追記するだけです。

      <?php get_template_part('sns_button'); ?>

※この内容は「賢威7でフラットな独自デザインのSNSボタンを設置する方法」でご紹介している内容に準じています。

修正前

      <div class="time-cat-tag-box">
        <span class="post-date"><time datetime="<?php the_time('Y-m-d'); ?>" itemprop="datePublished" content="<?php the_time('Y-m-d'); ?>" ><?php the_time(get_option('date_format')); ?></time></span><?php if (get_the_modified_date()) : ?><span class="post-date2"><?php the_modified_date('Y/m/d') ?></span><?php endif; ?><span class="post-category"><?php get_post_category_link($post_id); ?></span><?php if (get_the_tags()) : ?><span class="post-tag"><?php the_tags('', ''); ?></span><?php endif; ?>
      </div>

修正後

      <div class="time-cat-tag-box">
        <span class="post-date"><time datetime="<?php the_time('Y-m-d'); ?>" itemprop="datePublished" content="<?php the_time('Y-m-d'); ?>" ><?php the_time(get_option('date_format')); ?></time></span><?php if (get_the_modified_date()) : ?><span class="post-date2"><?php the_modified_date('Y/m/d') ?></span><?php endif; ?><span class="post-category"><?php get_post_category_link($post_id); ?></span><?php if (get_the_tags()) : ?><span class="post-tag"><?php the_tags('', ''); ?></span><?php endif; ?>
      </div>

      <?php get_template_part('sns_button'); ?>

これでトップページの各記事タイトルの下にもSNSボタンが表示されます。