【WordPress】プラグインなしでSNSボタンを設置することに

スポンサーリンク

これまでプラグインで運用していたのですが・・・。

WordPress に設置していた「SNSの共有ボタン」。

プラグインが便利だったのでそちらを利用していました。

使っていたのは、「WP Social Bookmarking Light」。

こちらを使っていたんですが、ちょっと不安なことがチラホラ。

崩れる表示

ある日ふと、ページをみると「Facebookボタン」が崩れていました。

sns-button

なんか、下がってるぞ・・・。

自分の記述した CSS が悪さしてるのかな?と思ったものの、そうではないようです。

結局原因は不明。

プラグイン側の問題?

それならそのうち修正されるかな?

とは思っていたんですが・・・。

Pocket のブックマーグ思ったようにならない

Pocket のブックマークを試したところ、いまいち画像などを拾ってくれない・・・。

というか、これ単なるリンクがブックマークされてるだけ?

pocket-bookmark

それでもよいといえばよいですが、Pocket の良さが半減してる気がする・・・。

しかし、これを設定するような窓口も設定にはないみたいだし・・・。

これだったら、自分で入れたほうがマシかも。

※よくよく調べたら、ざかしんくのサイトを「簡易表示できない」だけのようです・・・。

ボタン関係無かった・・・。

ということで、SNSブックマークの入れ替えです。

「WP Social Bookmarking Light」をどうこうするのは大変そうなので、普通に自分で記述します。

その方が何かとSNSボタン自体をコントロール配下に置ける気がする・・・。

やることといったら、それぞれ各サイトへ行ってブックマークのタグを取得。

あとは、Wordpress 側で single.php などに貼り付けるだけです。

貼り付けのコツ

今回の運用としては、single.php で提供する「個別ページのSNSボタン」です。

このときのポイントは、URL をどう設置するかですが、Wordpress などはその辺は得意分野ですね。

各ボタンには、URLを判別する箇所があります。

URLが入る箇所を、Wordpress のテンプレートタグで置き換えます。

<?php the_permalink(); ?>

としてあげれば大丈夫です。

Pocket のボタンはちょっとカスタマイズしないといけません。

やり方は、下記サイトを参照してください。

【WordPress】トップページの各記事にPocketボタンを設置する方法

確認してませんが、テンプレートタグはトップページではうまく取得できないみたいな情報もあるので、トップでも運用する方はご注意を。

あとは、設置したいSNSボタンを設置し、CSS で調整します。

new-sns-button

新しい、できあがりはこんな感じで。

以前までは、ページ上部にも設置していたんですが、一旦下だけに設置して様子を見たいと思います。

スポンサーリンク

シェアする

フォローする

スポンサーリンク