25歳から株

高卒サラリーマンが20万円から始める株式投資ブログ

  •  
  • 村

【Stinger7】SNSシェアボタンを記事上にも表示する方法!

      2016/03/11

↓↓応援クリックお願いします!↓↓

にほんブログ村 株ブログ サラリーマン投資家へ


シェア

 

 

こんばんは、Toshiです。

 

個人的に、色々なサイトを拝見していて、記事を表示した瞬間に、SNSシェアボタンのカウントが多かったりすると、

「おっ この記事はいい記事なんだな」

と思うことがあるので、SNSシェアボタンを上に持ってくる方法を模索していました。

 

シェアボタンとはコイツのことです。

 

シェアボタン

 

Stinger7のテーマでは残念ながら、デフォルトで記事上にシェアボタンを持ってくる設定がありませんので、

 

昨日、ちょっといじって、SNSシェアボタンを記事上に持ってくることができたので、

その手順をご紹介します。

 

記事上にSNSシェアボタンを表示する

 

 

手順は超簡単です。

 

 

1 <?php get_template_part( 'sns' ); //ソーシャルボタン読み込み ?>

 

まずこのコードをコピーしてください。

で次にsingle.phpを開きます

wordpress2

 

 

<!--ループ開始ーー>が出てきてから19行目あたりに

<?php the_contet();//本文>という記述の上にバチンとコピペしてください。

1                     <!--ループ開始 -->
2                     <?php if (have_posts()) : while (have_posts()) :
3                     the_post(); ?>
4                     <h1 class="entry-title">
5                         <?php the_title(); //タイトル ?>
6                     </h1>
7  
8                     <div class="blogbox <?php st_hidden_class(); ?>">
9                         <p><span class="kdate"><i class="fa fa-calendar"></i>&nbsp;
10                 <time class="entry-date date updated" datetime="<?php the_time(DATE_W3C); ?>">
11                     <?php the_time( 'Y/m/d' ); ?>
12                 </time>
13                 &nbsp;
14                                 <?php if ( $mtime = st_get_mtime( 'Y/m/d' ) ) {
15                                     echo ' <i class="fa fa-repeat"></i>&nbsp; '$mtime;
16                                 } ?>
17                 </span></p>
18                     </div>
19                                         <?php get_template_part( 'sns' ); //ソーシャルボタン読み込み ?>
20                     <?php the_content(); //本文 ?>
21  
22                     <?php if ( function_exists'dynamic_sidebar' ) && dynamic_sidebar( 5 ) ) : else : ?>
23                     <?php endif; ?>
24
25                     <?php get_template_part( 'sns' ); //ソーシャルボタン読み込み ?>
26                     <?php get_template_part( 'popular-thumbnail' ); //任意のエントリ ?>
27                     <?php get_template_part( 'st-rank' ); ?>
28
29                     <?php wp_link_pages(); ?>

 

 

これだけで完了です!

 

どうでしょうか?記事上にシェアボタンは表示されたでしょうか。

 

私もまだまだ初心者ですので、色々カスタムして、面白い発見があればシェアしたいと思います。

 

 

ではまた。

 

 






↓↓応援クリックお願いします!↓↓

にほんブログ村 株ブログ サラリーマン投資家へ


 - wordpress