WordPressの投稿記事に表示される関連記事の位置をこのようにソーシャルボタンの下に設置できます。
ワードプレスの関連記事を表示させる時に、プラグインWordPress Related Postsを使っている場合、プラグインを導入したままの状態だと拡散用のソーシャルボタン(TwitterやFacebookやブックマークなどの)が関連記事の下に表示されてしまいませんか?
せっかく記事を拡散させるリンクを貼っているのに、このままではもったいないですよね。
今回は、関連記事の表示位置をソーシャルボタンの下に変更する方法について紹介します。応用すれば、好きな場所に配置することも可能です。ワードプレスのどのテーマを使っていても問題なく実践していただけると思います。
目次
WordPress管理画面「設定」からWordpress Related Postsを選択
ワードプレスの管理画面の「設定」からプラグイン「Wordpress Related Posts」を選択します。
「Advanced settings」の▼をクリックします。
その中にある「Other Settings」の「 (or add<?php wp_related_posts()?>to your single post template) 」のチェックを外します。
そして、赤枠で囲った「<?php wp_related_posts()?>」の部分をコピーします。
ここまで出来たら設定を保存します。
WordPress管理画面からテーマの編集
WordPress管理画面のサイドメニュー「外観」→「テーマ編集」へと進みます。
すると、下の図のような画面になりますので、「単一記事の投稿(single.php)」を選択します。
追記するソース
<?php wp_related_posts()?>
追記する箇所の例1
例えば、記事の前後に関連記事を表示したい場合、下記のソースコードの前後などに入れます。ご自身のテーマによりご希望の位置に入れてみてください。
<?php the_content(); ?>
追記する箇所の例2
また、ソース内にソーシャルボタンのソース「<?php get_template_part(‘social-button’); ?>」が記述されている場合は、この下に<?php wp_related_posts()?>を記述します。
(例)
<?php get_template_part(‘social-button’); ?>
<?php wp_related_posts()?>
設定を保存
ここまで出来たら設定を保存します。
確認する
関連記事がソーシャルボタンの下に表示されているか記事を開いて確認してみましょう。
このように関連記事がソーシャルボタンの下に配置されていれば完成です。