【WordPress】stinger3のSNSボタンをフラットな感じに変更する方法

３．削除した箇所に次の内容を追記します。

４．次にデスクトップ用CSSを編集します。「テーマ編集」→「スタイルシート（sytle.css）」をクリックします。ソース1/3あたり「タイトル下」のパートに次の内容を追記します。

解説

私の場合、Stinger3の記事本文のwidthを600pxにカスタマイズしているので「sns_button a」のwidthを150pxにしています。

５．最後にスマートフォン用のCSSを編集します。「テーマ編集」→「スタイルシート（smart.css）」をクリックします。ソース1/3あたり「タイトル下」のパートに次の内容を追記します。

解説

デスクトップ用CSSとの違いは「.sns_button a」のwidthです。140pxにすることで2行2列の表示になります。

まとめ

ここではWordPressのテーマ「stinger3」のSNS用ボタンをデフォルトからフラットデザインなボタンに変更する方法を紹介しました。

ツイート数などを読み込まないので動作を軽くしたい人はお試しください。