ブログに設置してあるソーシャルボタンを見直してみる、まずはフォローボタンから

      2015/09/19

このエントリーをはてなブックマークに追加
Pocket

32e1f5ca05b476650d9fbfdff793a7c6.png

今まであまり意識していませんでしたが、Twitterやfacebookなどの「ソーシャルボタン」って大きく二つの意味があるらしいです。一つはブログそのものや中の人をフォローしてもらうフォローボタンと、記事を拡散してもらうためのシェアボタン。

今回はフォローボタンをタイトルの横にスタイリッシュに表示させるようにしてみました。

先人の力を借りる!コピペのみでおk

私はCSSとか詳しく触れないので、先人の力を借りてコピペのみで搭載してみました。参考にしたのはこちらのブログ記事です。

【STINGER5】コピペでOK!ヘッダーにアイコンフォントのフォローボタンを設置する方法 – Shufulifeこの記事の他にも色々と参考にさせていただいています。

いつもありがとうございます(*´ω`*)

いつもいつも、ありがとうございます(*´∀`*)

ここに記載されていることを忠実に実行すれば、まず問題なく搭載できました。ホント、ありがとうございます(´ω`)

こうなると「シェアボタン」も気になる

さて、こうしてアイキャッチ画像にあるように、タイトルの横にキレイにフォローボタンが設置されましたが、問題はシェアボタンの方です。

c38a547d499e98bb0a78ef6a4e37ba62.png

わかりますか?facebookのボタンだけ微妙に下がっていますし、他のボタンも感覚がバラバラです。

スマートフォン表示に関しては、もはやカオスに近い状態です。前に使用していたテーマでもここまでひどくはなかったのですが、「Stinger5」にしたらここまででになりました。もはやPocketできませんね。このボタンは「WordPress Social Bookmarking Light」というプラグインを使用しています。プラグインで設定したものを微調整するなんて私にとってはハードルが非常に高そうです(●´⌓`●)

しかし、せっかくフォローボタンを設置できましたので、次はシェアボタンの方も早急にどうにかしたいと思います。

 - ブログ運営

  • このエントリーをはてなブックマークに追加
  • Pocket
  •    
  • follow us in feedly
Loading Facebook Comments ...

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

最近よく娘を寝かしつけながら寝落ちする妻へ

ここ数日、君は娘を寝かしつけながら寝落ちするということを高頻度で繰り返しているね …

ブログを5年半続けてきて到達した、私のブログ運営論まとめ

ブログをある程度の年月をかけて運営していると、なんとなく自分のやり方ができてきま …

「人気ブログの作り方: 5ヶ月で月45万PVを突破したブログ運営術」は、そろそろブログを次のステップへ押し上げてみようと思っている人に最適の1冊でした

当ブログが誕生してからすでに3年が経過しています。相変わらず鳴かず飛ばずのブログ …

Stinger5というブログテーマに変更してからカスタマイズした箇所まとめ

ここ数日でブログテーマをカスタマイズした箇所をまとめておきたいと思います。 個人 …

ブログは自分の分身なのだと実感した日

多くは語りません。 でも全く語らないわけではありません。 このブログをみていただ …

ブログを本気で継続したいと思うなら、ブログを継続したいと本気でおもいなさい

優先順位が低いからブログが書けないというお話。 例えば食事やトイレは優先順位をな …

歳月庵は再出発から1周年を迎えました

実は昨日、7月12日は当ブログの1歳の誕生日でした。厳密にはもっと長く運営してい …

ブログ記事の執筆速度を上げるために必要な条件とその対応策とは

昨日、ブロガソンという企画に参加していました。私は3時間の間にちょうど4記事を書 …

「一点突破」するのに向かない自分に気付いてしまったときの対処法は?

私の性格は私が一番わかっている。 そして私の性格は私が一番わかっていない。 自分 …

たったの8記事で月間10,000PVを稼ぐブログをつくった際に意識した3つのこと

私はこのブログ以外にもサブブログとして「SRFan.jp」というバイク専門ブログ …