THE THORのシェアボタンの位置変更(ウィジェット表示)

WordPressテーマ「THE THOR」のシェアボタンの表示位置を、変更する方法を解説します。

本文の下ではなく、ウィジェットの位置にシェアボタンを配置します。

「プラグインなし」でシェアボタンの位置を変えれます。

THE THORのシェアボタンの位置変更

カスタマイズでシェアボタン表示

カスタマイズ>投稿ページ>シェアボタン設定

下部シェアボタン表示のところで「表示する」を選びます。

下部にシェアボタンを表示する

表示したいボタンにチェックを入れ、変更を保存します。

ソースからタグを探す

適当な1ページを開いて、シェアボタンが表示されてるのを確認します。

ソーシャルボタン

確認したら、右クリックして「ページのソースを表示」を選びます。

表示したら、キーボードのCtrl+Fキーを押します。
検索ボックスが出るので、

social-bottom

と入力してサーチします。
以下のようなコードを探します。

<aside class=”social-bottom”><ul class=”socialList socialList-type01″><li class=”socialList__item”>~~~省略~~~</li></ul></aside>

asideタグで囲われてる部分(asideタグを含めて)をコピーします。

ウィジェットに貼る

あとは、ウィジェットの「投稿ページ下部エリア」に、カスタムHTMLを用意し、さっきコピーしたasideタグを貼り付けます。

ウィジェット欄

保存すると、シェアボタンが表示されます。

本文直下とウィジェットで2つのシェアボタンが出ると思います。

もとのボタンを消す

カスタマイズのシェアボタン設定を開いて、「表示しない」を選びます。

これで、ウィジェットのシェアボタンを表示完了です。

どんなときに使う?

たとえば、ウィジェットで人気記事ランキングを表示しているときです。

シェアボタンより先にランキングを見て欲しいときに使います。

以上、THE THORテーマでシェアボタンの表示位置を変える方法でした。参考にしてみてください。