シェアボタンと関連記事の位置を入れ替える超簡単な方法
この2つの位置を変更。本来ならば「single.php」をいじらなければなりませんが、もっと簡単な方法があるのでご紹介。
関連記事とシェアボタンは記事の下に表示しますが、関連記事の方が記事の直下になってしまいます。
記事の下に数個の関連記事、その後にシェアボタンです。これだと、シェアボタンの意味が半減です。
関連記事はWordpress Related Postsを利用し表示させています。
上の画像より
つまり、下記を「single.php」等に記述しなければなりません。関連記事を表示させたい位置に記載します。
- <?php wp_related_posts()?>
しかし、「single.php」はいじりたくない方は次の方法はとても簡単です。
※テーマや利用しているプラグインによっては不具合が起こる可能性もあるので、バックアップ後に行って下さい。
プラグインを無効化する時の注意点があるので、先に注意点を記載しておきます。
WordPress Related PostsのPHPコードを貼った後に無効化する場合は、貼ったPHPコードを削除して無効化します。
プラグイン「Advanced Ads」を利用します。「Advanced Ads」は記事内の位置を指定して、コードや文章を入れることができます。
広告を貼り、管理するためのプラグインですが、様々なことに利用できます。
設定するところは2ヵ所です。
Allow PHP ▢Execute PHP code (wrapped in <?php ?> )↓(日本語) PHPができるように ▢PHPコードを実行 (包まれた <?php ?> ) |
一番下のこの部分にチェックを入れると、phpコードを実行することができます。
関連記事のコードは上記の「Advanced settings」に記載されていたコードです。
これで、記述は終了です。タイトルは「related posts」に保存しました。
Placementで、記事のどの部分に表示させるのか細かく指定します。
新規作成(New Placement)
保存すると、これで表示されます。
次のように位置が変更されました。
Advanced Adsの使い方は次のリンクに詳しく記載しています。
※ついでに、AddToAny Share Buttonsの位置の変更方法の変更方法について記載しておきます。
AddToAny Share Buttonsを利用してシェアボタンを設置している場合は、ショートコードを使えます。
記事内にこのショートコードを記載することで、その位置にシェアボタンが設置されます。
[addtoany] (注意: ] は全角で記載しています。) |
phpに記載する場合はシェアボタンを設置したい場所に以下のショートコードを記述します。
<?php echo do_shortcode(‘[addtoany]’); ?> (注意: ] は全角で記載しています。) |