賢威7.0に大きいSNSボタンを設置する方法を動画解説!!

どーも譲です。

sns500

 

今回は、賢威7.0のテンプレートに大きめの

SNSアイコンを設置する方法について解説です。

 

デフォルトのSNSボタンだとちょっと小さいですよね?

social

そこで、今回は少し大きめのかっこいいSNSを。

こんな感じのいいですよね?

social12

 

SNSカスタマイズ設定方法

1.Social Buttonのソースコード編集

まずは、【 外観 】 → 【 テーマの編集 】 → 【 social-button2.php 】

 

もともとある 【  social-button2.php 】の中身は全部削除しても大丈夫です。

 

つぎに下記にあるソースコードをコピーして貼り付けましょう。

 

2. base.cssの編集

social-button2.phpのソースコード編集が

終わりましたら、次に 【 base.css 】 の編集になります。

【 外観 】 → 【 テーマの編集 】 → 【 base.css 】を表示します。

【 base.css 】 を表示させて一番下に下記のソースコードを貼りつけます。

 

 

基本的にはこれで大丈夫です。

 

これでSNSアイコンが表示されない場合は、

賢威の設定をしなければなりません。

 

ダッシュボードから

【 賢威の設定 】 → 【 SNS の設定 】 を選択します。

SNS の設定画面が表示されますので、

ソーシャルボタンの表示で表示させたい項目の

選択をはずしましょう。

 

SNS

 

これで、大きめのかっこいいSNSアイコンが表示されます。

 

関連記事はこちらです!!