WP Social Bookmarking LightのSNSボタンをトップページなど任意の位置に表示・変更する方法

はじめに

wp-social-bookmarking-light07

WordPressにSNSボタンを配置する時、「WP Social Bookmarking Light」が良く使用されています。

操作方法も手軽ですし、安定して動作しているので、僕もよくおススメしています。

しかし、一つ問題点があって、このプラグインは表示位置がある程度固定されてしまってます。投稿や固定の上か下に表示させるのが標準になっていて、TOPページのここに表示したい!というのは一工夫必要になります。

標準だとこうなる

「WP Social Bookmarking Light」をインストールした
段階だと記事の上に表示されます。

wp-social-bookmarking-light01

使っているテンプレートは「Simply Read」です。
そこで今回はTOPページに表示したいという要望があったとします。
下記の画像を見てください。スライドショーとLATESTの間にSNSボタンを配置します。

wp-social-bookmarking-light02

SNSボタンをTOPページなど任意の位置に表示・変更する方法

では、実際に作業を行います。
まずは「WP Social Bookmarking Light」の設定を確認します。

位置がTOPになっているのでNoneに変更します。

wp-social-bookmarking-light03

「Simply Read」を確認すると該当箇所はTOPページの「index.php」にありました。

wp-social-bookmarking-light04

入力したい箇所に下記のソースコードを挿入します。
これがSNSボタンのソースコードです。入力した場所にSNSボタンが表示されます。

実際に入力してみます。

wp-social-bookmarking-light05

結果

下記のように表示されます。

wp-social-bookmarking-light06

同じように表示したい箇所にソースコードを記入すればSNSボタンを好きな位置に表示・変更することができます。

さいごに

TOPページに表示したいというのは普通にあることなので
覚えておくと便利ですね。