好きなことを好きなときに更新するよ

[Stinger6] SNSボタンに「RSS」「feedly」を追加して8種類にする方法

 
この記事を書いている人 - WRITER -
よっちゃん
元引きニートの「よっちゃん」です。日本各地に神出鬼没する坊主です。 興味・関心を持ったことをブログにて発信しています!
詳しいプロフィールはこちら

「STINGER5」までは不揃いだったSNSボタンですが、

「STINGER6」からは整ったこちらのようなフラットデザインのものに変わりましたね。

sas

 

このままでもシンプルで良いのですが、カスタマイズしてデザインを変更しました。

変更後は「RSS」「feedly」も追加されてこんな感じになります。

 

sass

 

どうですか!?

SNSボタンとテキストを加えることで、より一層わかりやすくなったと思いませんか。

 

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

↓↓↓

Stinger6 8種類にSNSボタンを増やす

 

 

記事最下部のSNSボタンを変更する方法

1. WordPressの外観タブ-テーマの編集を選択する

 

120-2

 

2. 右のテンプレートから、sns.php を選択する

 

sns.php1

 

*デフォルトの「sns.php」は、メモ帳などでいいので

必ずバックアップを取っておいてください。

 

デフォルトの設定に戻す際に、必要になります。

 

3. sns.php 内のコードを入れ替える

 

sns.php のコードを全部消します。

下記コードをコピー&ペーストして入替えます。

 

※ 他のカスタマイズで変更してある人は注意して下さい。

 

 

56行目の「設置するアドレス」を自分のサイトURL に変更して下さい。

例えば、このサイトの場合 yocchan0.com です。

 

4. 設定が完了したら、「ファイルを更新」をクリック

 

sns.php2

 

5.右のテンプレートから、style.css を選択し、コードを追加する

 

style.css をテキストエディタで開きます。

下記のコードを探して下さい。(style.cssのバックアップもお忘れなく)

 

 

発見したら、コードのすぐ下に下記のコードを追加して下さい。

 

 

 

下図のように、上記のコードを追加して下さい。

 

120-4

 

追加が完了したら、「ファイルを更新」をクリック

 

以上で記事最下部のSNSボタンが変更されました。

 

トップページ最下部のSNSボタンを変更する方法

1. sns-top.php 内のコードを入れ替える

 

sns-top.php のコードを全部消します。(sns-top.php のバックアップもお忘れなく)

下記コードをコピー&ペーストして入替えます。

 

※ 他のカスタマイズで変更してある人は注意して下さい。

 

 

83行目の「設置するアドレス」を自分のサイトURL に変更して下さい。

例えば、このサイトの場合 yocchan0.com です。

 

設定が完了したら、「ファイルを更新」をクリック

 

 

以上でトップページ最下部のSNSボタンが変更されました。

 

 

最後に、今回はこちらのブログを参考にさせて頂きました。

非常にわかりやすかったです。ありがとうございました。

↓↓↓

Stinger6 8種類にSNSボタンを増やす

 

 

 

この記事を書いている人 - WRITER -
よっちゃん
元引きニートの「よっちゃん」です。日本各地に神出鬼没する坊主です。 興味・関心を持ったことをブログにて発信しています!
詳しいプロフィールはこちら







- Comments -

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

Copyright© よっちゃんの部屋 , 2016 All Rights Reserved.