読者です 読者をやめる 読者になる 読者になる

中卒フリーライターほぼ無職。

在宅Webフリーライターaoikaraの日常ブログです。

【シェアボタン】Facebookアイコン消える問題を解決していただいた【SNSボタン】

ブログ

スポンサーリンク

f:id:aoikara:20170129182048p:plain

ブログをカスタマイズしたり、いろいろ工夫するほどアクセス数が落ちて伸び悩んでいるaoikaraです。いや、うん、仕方ないよ(号泣)やっぱりブログは趣味の範疇を出ないのかな。試行錯誤しながらちゃんと仕事もしないと。

 

というわけで今回のテーマはそんなブログの話…

 

シェアボタン・SNSフォローボタンにて、Facebookのアイコンが消える問題

 

についてです。

 

Facebookのアイコンが消えている問題

以前、ブログでシェアボタンSNSフォローボタンをカスタマイズしてみた、という記事を書きました。

 

www.aoikara-writer.com

 

すると、なぜかFacebookだけアイコンが表示されない事態が発生!

f:id:aoikara:20170129154518p:plain

 

はてなかFacebookのアイコンの更新か何かで消えてしまったらしいです。

 

アイコンのコードを変更しよう

そこで調べてみると、寒クマ (id:hatarakitakunaingo)さんのブログ「シロクマは冬眠したい」を参考にすることでアイコンが消えてしまう問題が解決しました!

 

www.lazypolarbear.com

 本当に神!

 

感謝しかないありません。コード内のアイコンについての記述を変えることで、また見られるようになったようです。

 

デザインCSSではなく、実際にボタンが貼ってある場所のコードを変更します。記事上、記事下、サイドバーなどですね。変更するコードの場所はこちら。

 

記事上のコードを変更する場合

記事上に表示されているアイコンはこちら。

f:id:aoikara:20170129171506p:plain

 

記事上のコードを変更したい場合は、まずブログの設定から「デザイン」を選択し、左側にある3つのマークから真ん中の「スパナ」を選びます。

f:id:aoikara:20170129171729p:plain

 

いろんな項目が表示されるなかで「記事」というタブを選択します。

f:id:aoikara:20170129171847p:plain

 

スクロールして「記事上下のカスタマイズ」から「記事上」の下をクリックすると、コードを入力する画面が出ます。

f:id:aoikara:20170129172153p:plain

このコードを変更することで、記事上のアイコンは復活します。

 

記事下のコードを変更する場合

記事下に表示されているコードはこちら。

f:id:aoikara:20170129172721p:plain

 

記事下のコードを変更したい場合は、先ほどの記事上と同じようにまずは設定から「デザイン」を選択します。次に左側に表示される3つのメニューのうち、真ん中にひょじされる「スパナ」を選択しましょう。

f:id:aoikara:20170129172822p:plain

 

表示されるタブの中から「記事」を選択します。

f:id:aoikara:20170129172850p:plain

 

スクロールして「記事上下のカスタマイズ」から「記事下」の下をクリックするとコードの入力画面が表示されます。

f:id:aoikara:20170129173028p:plain

このコードを変更することで、記事下のアイコンは復活します。

 

サイドバーのコードを変更する場合

サイドバーに表示されているアイコンはこちら。

f:id:aoikara:20170129173640p:plain

 

まず先ほどと同じようにブログの設定から「デザイン」を選択します。左側に表示されている3つのメニューの中から、真ん中の「スパナ」のマークを選択しましょう。

f:id:aoikara:20170129173906p:plain

 

たくさん表示されているタブの中から「サイドバー」を選択します。

f:id:aoikara:20170129174030p:plain

 

サイドバーのメニューがたくさん表示されます。その中から、フォローボタンを表示するための「HTML」を選択します。私の場合は「フォローはこちら」という見出しをつけているので、この項目の「編集」をクリックします。

f:id:aoikara:20170129174325p:plain

 

すると、HTMLのコードが表示されるはずです。その中のFacebookのアイコンのコードだけを変更しましょう。

f:id:aoikara:20170129174537p:plain

※プライバシー保護のため画像を加工しています。

 

実際に問題を解決してみた!

実際にFacebookのアイコンのコードを変更してみた結果…

f:id:aoikara:20170129174752p:plain

 

やりましたーFacebookアイコン復活です。寒クマさんは神です。

www.lazypolarbear.com

もう一度貼りました。こちらを参考にしてくださいね。参考にさせていただきました。本当にありがとうございました。

 

良かったらポチッとください。
励みになります。

 

にほんブログ村 ライフスタイルブログ フリーランス生活へ
にほんブログ村


フリーライター ブログランキングへ

 

aoikara

 

▼お仕事のご依頼はこちら

20170106193529

 

保存

保存

保存

スポンサーリンク