WordPressのテーマ「Cocoon」の初期設定では、投稿記事のタイトルすぐ下にSNSシェアボタンが表示されています。
これをトップシェアボタンといいます。
![](https://i1.wp.com/puromane.blog/wp-content/uploads/2021/01/01.png?resize=458%2C306&ssl=1)
記事の終わりにもSNSシェアボタンが表示されています。
これをボトムシェアボタンといいます。
![](https://i2.wp.com/puromane.blog/wp-content/uploads/2021/01/02-1.png?resize=452%2C321&ssl=1)
トップ・ボトムSNSシェアボタンに記事が挟まれる形になっています。
この記事ではSNSシェアボタンの設定を変更する方法を説明します。
手順
トップシェアボタンを消去する
SNSボタン2箇所の内、タイトル記事下のSNSシェアボタンを消します。
WordPressのトップ画面 → Cocoon設定 → Cocoon設定 を開きます。
画面の上から「SNSシェア」タブを選びます。
![](https://i1.wp.com/puromane.blog/wp-content/uploads/2021/01/03-1-1.png?resize=1024%2C509&ssl=1)
トップシェアボタンの表示 | トップシェアボタンの表示を設定できます。 |
表示切替 | 表示するSNSシェアボタンを変更できます。 |
表示ページ | SNSシェアボタンを表示させるページを変更できます。 |
トップシェアボタンの表示のチェックを外し、SNSシェアボタンを消します。
<BEFORE>
![](https://i0.wp.com/puromane.blog/wp-content/uploads/2021/01/01-1.png?resize=340%2C228&ssl=1)
<AFTER>
![](https://i1.wp.com/puromane.blog/wp-content/uploads/2021/01/07-1-1.png?resize=355%2C232&ssl=1)
SNSシェアボタンがなくなり、すっきりしました。
ボトムシェアボタンを変更する
![](https://i1.wp.com/puromane.blog/wp-content/uploads/2021/01/10-1-1.png?resize=1024%2C537&ssl=1)
ボトムシェアボタンの表示 | ボトムシェアボタンの表示を設定できます。 |
表示切替 | 表示するSNSシェアボタンを変更できます。 |
表示ページ | SNSシェアボタンを表示させるページを変更できます。 |
表示切替からTwitterとFacebookを残し、他のシェアボタンを消します。
<BEFORE>
![](https://i2.wp.com/puromane.blog/wp-content/uploads/2021/01/02-1-1.png?resize=362%2C256&ssl=1)
<AFTER>
![](https://i2.wp.com/puromane.blog/wp-content/uploads/2021/01/11-1-1.png?resize=814%2C583&ssl=1)
SNSシェアボタンが整理されました。
まとめ
不要なSNSシェアボタンを整理すれば、イメージを変えることができます。
Cocoon設定を変更して見やすいWebサイトを作っていきましょう。