【Cocoon】ウィジェット SNSフォローボタンのカスタマイズ

INDEX

WordPressテーマ Cocoon
1. WordPressテーマ Cocoon ウィジェット SNSフォローボタン
ウィジェット SNSフォローボタンのカスタマイズ
1. カスタマイズ内容
2. カスタマイズ後のウィジェット SNSフォローボタン
最後に

WordPressテーマ Cocoon

このMASAa.netは、WordPressテーマ Cocoonを使って構築しています。

MASAa.net | WordPress blog site specialized in PC produce by masaa

このMASAa.netでは、ソフトウェア（Windows）やハードウェア（自作PC）、WordPressテーマのカスタマイズなどパソコン関連の情報を掲載しています。

今回は、WordPressテーマ Cocoonでの「ウィジェット SNSフォローボタン」のカスタマイズについてまとめてみました。

WordPressテーマ Cocoon ウィジェット SNSフォローボタン

これまでサイドバーに「ウィジェットプロフィール」を設置してきました。

プロフィールのコンテンツページは別に有るので、敢えてサイドバーに表示させる必要は無いと判断し「ウィジェットプロフィール」を表示しないようにしてみました。

但し、SNSフォローボタンの表示が無くなるのは問題なので、「ウィジェットプロフィール」の代わりにサイドバーに「ウィジェット SNSフォローボタン」を設置してみました。

設置した「ウィジェット SNSフォローボタン」は下記の通りです。

このまま「ウィジェット SNSフォローボタン」を設置して表示させても良かったのですが、少しカスタマイズしてみました。

ウィジェット SNSフォローボタンのカスタマイズ

「ウィジェット SNSフォローボタン」のカスタマイズを行います。

カスタマイズ内容

「インデックスのタイトル」のカスタマイズ内容は、下記の通りです。

「スタイルシート(style.css)」を開き、今回のカスタマイズ内容を追記します。

/************************************
** ●SNSフォローボタン
************************************/
.sns-share-message, .sns-follow-message {
  display: none; /*説明文字削除*/
}
.follow-button {
  border-radius:6px!important; /*角丸コーナー*/
  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
}