AFFINGER

アフィンガー5の記事下SNSボタンの位置を変更する方法

アフィンガーでは投稿ページの記事下にSNSボタンが設置されますが、投稿ページ下ウィジェットの下にSNSボタンがくるというのがデフォルトの仕様のようです。

なので、記事下に関連記事やGoogle広告などのウィジェットを設定すると、SNSボタンがどんどん下にいってしまいます。

SNSボタンの所在がわからなくなってシェアされにくくなるかもと思い、SNSボタンの位置を変更しました。

こんな感じで新着記事の投稿ページ下ウィジェットより上位にSNSボタンが表示されるようになりました↓

親テーマをいじることになるので、必ずバックアップを取ってから対応くださいませ。

SNSボタンの位置を親テーマで変更する

外観>テーマエディターで編集するテーマを選択をアフィンガーの親テーマにします。

ズラーっと並ぶリストの中から「single type-1.php」を選択します。

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

を探してカットします。記事を書いた人の上にあります。

注意しなければならないのは、記事上の「ソーシャルボタン読み込み」も記述されているので、記事下の「ソーシャルボタン読み込み」をカットするようにしてください。

カットした

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

<?php get_template_part( 'st-ad-on' ); //広告 ?>

の真上や真下など自分の希望の場所に貼り付けします。

貼り付けが終わったら、テーマの選択を子テーマに戻します。

ページで確認

実際のページを見ると、記事下のSNSボタンが変わっていることが確認できると思います。

この変更は親テーマを触ることになるので、必ずバックアップを取ってから実行してくださいませ。

おすすめwordpresstテーマ

アフィリエイト向けの機能が多くて使いやすい
▶︎WordPressテーマ「AFFINGER(アフィンガー)」

デザインがおしゃれでテンション上がる
▶︎WordPressテーマ「Bloom」

見やすくてブロガーに最適!
▶︎WordPressテーマ「ストーク」

  • この記事を書いた人

moni

メインの「急がば回れ!moniとスペイン」にスペインのこと綴り中。その他、推し活ブログ、語学学習ブログなど4つのブログを運営。こちらのブログでは、ブログ運営に関する内容(テーマやCSSなど)を記録しています。
こんなのも書いてます

-AFFINGER

Copyright© 急がば回れの裏側 , 2022 All Rights Reserved Powered by AFFINGER5.