WordPressのソーシャルボタンを変更!

2015年6月7日

おはこんばんちはmajinです。

以前「WordPressにたくさんソーシャルボタン付けてみた!」で書きましたが、

自分がたくさん使ってる事もあってソーシャルボタンをたくさん付けてたんですが、

「みんなそんなに使ってねぇよ、押しづらい」と指摘を受けたので変更してみました。

今回はプラグインではなく「【WordPress】8種類の自作SNSボタンのコードをご紹介!カウントも表示するよ」を参考にコードによる変更を試しました。

コピペでいけるので、おおまかな部分は「【WordPress】8種類の自作SNSボタンのコードをご紹介!カウントも表示するよ」を参考にして下さい。

いままで記事上は

0001

こんな感じでした、これはプラグインを停止すればすぐ外せますし、有効にすればまた表示されます

今回は記事下のこれを

0002

こんな感じに変更できます
0003
[adsense]

私はSTINGER5なのでSTINGER5における注意点をいくつか
コードのコピペなんですが
スタイルシート/style.css
ボタン設置ページ
トップページ/sns-top.php
記事ページ/sns.php
です

コードのコピペが終わってページを確認して、もし下記画像のようになっていたら
※ボタンの左脇に・がついている
0004

スタイルシートの

と後半の780px SNSの下

の部分にlist-style:none;がちゃんと書かれているか確認して下さい

もしそれでも消えないようなら

とdisplay:block;を追記してみてください

⇒〆の三行

1.久々のWordPressネタ!

2.次はカテゴリいじるべな!

3.部屋掃除しないと!

んではまた