Sibatabi

旅の経験を情報として配信するブログ

【STINGER6】購読者数カウント付!SNSボタンに「RSS」「feedly」ボタンを追加するカスタマイズ

 2016/01/17 
stinger6

SNSボタンに「RSS」と「feedly」を追加する

「STINGER5」までは不揃いだったSNSボタンですが、「STINGER6」からは整ったフラットデザインのものに変わりましたね。

僕は、このボタン結構気に入っています。

今回、このSNSボタンに「RSS」と「feedly」のボタンを追加したので、そのカスタマイズを備忘録的に残しておきます。

「feedly」については、購読者カウント付きでこれが今回のカスタマイズのミソです。
少ないながら、現時点で15名もの方がこのブログを購読してくださっているので、是非とも表示させたくて頑張りました。笑

今回のカスタマイズについては、下記ブログを参考にさせて頂きました。

 

PHPファイルにボタンのコードを追加する

まずは、sns.phpとsns-top.phpに「RSS」と「feedly」それぞれのボタンを追加します。

※子テーマ内にそれぞれのファイルをコピペ、編集してアップロードしています。

上記のように「はてブ」と「LINE」の間にボタンを追加しました。
また、「LINE」については、「LINEへ送る」という文言を「LINE」に変えています。

コピペする場合は、【sibatabi.com】の部分にご自身のドメインを入れてください。

 

CSSで見た目を整える

次にCSSで見た目を整えます。

上記のように、style.cssの子テーマへ書き込みました。

 

「stinger6」snsボタンカスタマイズ

これで、このようにSNSボタンに「RSS」と「feedly」が追加されているはずです。

以上、SNSボタンのカスタマイズでした。