ブログをカスタマイズしたり、いろいろ工夫するほどアクセス数が落ちて伸び悩んでいるaoikaraです。いや、うん、仕方ないよ(号泣)やっぱりブログは趣味の範疇を出ないのかな。試行錯誤しながらちゃんと仕事もしないと。
というわけで今回のテーマはそんなブログの話…
シェアボタン・SNSフォローボタンにて、Facebookのアイコンが消える問題
についてです。
Facebookのアイコンが消えている問題
以前、ブログでシェアボタンやSNSフォローボタンをカスタマイズしてみた、という記事を書きました。
すると、なぜかFacebookだけアイコンが表示されない事態が発生!
はてなかFacebookのアイコンの更新か何かで消えてしまったらしいです。
アイコンのコードを変更しよう
そこで調べてみると、寒クマ (id:hatarakitakunaingo)さんのブログ「シロクマは冬眠したい」を参考にすることでアイコンが消えてしまう問題が解決しました!
本当に神!
感謝しかないありません。コード内のアイコンについての記述を変えることで、また見られるようになったようです。
デザインCSSではなく、実際にボタンが貼ってある場所のコードを変更します。記事上、記事下、サイドバーなどですね。変更するコードの場所はこちら。
記事上のコードを変更する場合
記事上に表示されているアイコンはこちら。
記事上のコードを変更したい場合は、まずブログの設定から「デザイン」を選択し、左側にある3つのマークから真ん中の「スパナ」を選びます。
いろんな項目が表示されるなかで「記事」というタブを選択します。
スクロールして「記事上下のカスタマイズ」から「記事上」の下をクリックすると、コードを入力する画面が出ます。
このコードを変更することで、記事上のアイコンは復活します。
記事下のコードを変更する場合
記事下に表示されているコードはこちら。
記事下のコードを変更したい場合は、先ほどの記事上と同じようにまずは設定から「デザイン」を選択します。次に左側に表示される3つのメニューのうち、真ん中にひょじされる「スパナ」を選択しましょう。
表示されるタブの中から「記事」を選択します。
スクロールして「記事上下のカスタマイズ」から「記事下」の下をクリックするとコードの入力画面が表示されます。
このコードを変更することで、記事下のアイコンは復活します。
サイドバーのコードを変更する場合
サイドバーに表示されているアイコンはこちら。
まず先ほどと同じようにブログの設定から「デザイン」を選択します。左側に表示されている3つのメニューの中から、真ん中の「スパナ」のマークを選択しましょう。
たくさん表示されているタブの中から「サイドバー」を選択します。
サイドバーのメニューがたくさん表示されます。その中から、フォローボタンを表示するための「HTML」を選択します。私の場合は「フォローはこちら」という見出しをつけているので、この項目の「編集」をクリックします。
すると、HTMLのコードが表示されるはずです。その中のFacebookのアイコンのコードだけを変更しましょう。
※プライバシー保護のため画像を加工しています。
実際に問題を解決してみた!
実際にFacebookのアイコンのコードを変更してみた結果…
やりましたーFacebookアイコン復活です。寒クマさんは神です。
もう一度貼りました。こちらを参考にしてくださいね。参考にさせていただきました。本当にありがとうございました。
良かったらポチッとください。
励みになります。
aoikara
▼お仕事のご依頼はこちら