コピペだけでSimplicityのSNSフォローボタンに色をつけるカスタマイズ

Pink color pencil

最新バージョンのSimplicityでは、こちらの方法を使用できません。最新バージョンでSNSサービスごとに色を付ける場合は、「外観→カスタマイズ→SNS」項目にある「フォローボタンに色をつける」を有効にしてください。

Simplicityのver20140812から、こちらのカスタマイズは、管理画面からできるようになりました。

「外観→カスタマイズ→SNSの設定」から行ってください。

もちろんCSSで行ってもOKです。


SimplicityのSNSフォローボタンにSNSサイト特有の色をつけるカスタマイズです。

こんな感じになります。

ページトップ。

ページトップ

記事下。

記事の下

カスタマイズ方法は、テーマのstyle.cssに以下を追記するだけです。(子テーマでもstyle.cssに追記。)

ul.snsp li.twitter-page a{
  color:#55ACEE;
}

ul.snsp li.facebook-page a{
  color:#3C5A99;
}

ul.snsp li.google-plus-page a{
  color:#DD4B39;
}

ul.snsp li.feedly-page a{
  color:#87BD33;
}

ul.snsp li.rss-page a{
  color:#FE9900;
}

ul.snsp li a:hover{
  opacity:0.7 !important;
}

フォローボタンを目立たせたいときに有効です。

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

スポンサーリンク
アドセンス(大)
アドセンス(大)

フォローする

スポンサーリンク
アドセンス(大)