Cocoon を使ってブログを運営していると、記事の上下に表示される SNS のシェアボタンやフォローボタンが気になる場合があります。
必要のないボタンを非表示にしておくことで、記事の読みやすさが向上し、デザインもすっきり整います。
この記事では、SNS シェアボタンとフォローボタンを非表示にする手順について分かりやすく解説していきます。
※当ブログ内で使用している専門用語の意味については、「AI副業でよく使われる用語集（初心者向け）」のページをご参照ください。
SNS シェアボタンを非表示にする方法
Cocoon では、初期設定のままだと以下のように記事の上下に SNS のシェアボタンが自動で表示されます。
シェアボタンを使いたくない場合や、デザインをすっきりさせたい場合は、Cocoon の設定画面からまとめて非表示にできます。
まずは WordPress の管理画面にログインし、左側のメニューから「Cocoon設定」をクリックします。
Cocoon設定の画面が開いたら、上部に並んでいるタブの中から「SNSシェア」タブをクリックします。
すべてのページから上部に表示されるシェアボタンを非表示にしたい場合は、「トップシェアボタンの表示」の右横にある「メインカラムトップシェアボタンを表示する」のチェックを外します。
特定のページのみシェアボタンを表示させたい場合は、上のチェックは入れたまま「表示ページ」のところにあるページの中から表示させたいページにチェックを入れます。
また、「表示切替」のところにあるシェアボタンにチェックを入れることで、特定のボタンのみを表示させておくこともできます。
設定を変更したら、必ず「変更をまとめて保存」ボタンをクリックして、変更内容を保存します。
次に、すべてのページから下部に表示されるシェアボタンを非表示にしたい場合は、画面を下の方へスクロールしていくと「ボトムシェアボタンの表示」の右横にある「メインカラムボトムシェアボタンを表示する」のチェックを外し、「変更をまとめて保存」をクリックします。
設定完了後、記事ページを確認してみると、フォローボタンを残して記事の上や下に表示されていたシェアボタンが消えていました。
もし変更が反映されていない場合は、ブラウザの再読み込みやキャッシュの削除を行い、もう一度確認してみてください。
フォローボタンを非表示にする方法
次は、シェアボタンを非表示にした時に残っていたフォローボタンを非表示にする設定を行います。
まずは WordPress の管理画面にログインし、「Cocoon設定 → SNSフォロータブ」をクリックします。
すべてのページに表示されるフォローボタンを非表示にしたい場合は、「フォローボタンの表示」の右横にある「フォローボタンを表示する」のチェックを外します。
設定を変更したら、必ず「変更をまとめて保存」ボタンをクリックして、変更内容を保存します。
特定のページのみフォローボタンを表示させたい場合は、上のチェックは入れたまま「表示ページ」のところにあるページの中から表示させたいページにチェックを入れ、「変更をまとめて保存」ボタンをクリックして、変更内容を保存します。
設定完了後、記事ページを確認してみると、以下のようにフォローボタンも消えていました。
ここまでで、SNS シェアボタンとフォローボタンを非表示にする設定が完了しました。
もし反映されていない場合は、ブラウザの再読み込みやキャッシュの削除を行い、もう一度表示を確認してみてください。
まとめ
Cocoon では、SNS シェアボタンとフォローボタンが初期設定で表示されるようになっています。
必要のないボタンを非表示にしておくことで、記事の内容に集中しやすくなり、ブログ全体の見た目もすっきり整います。
シェアボタンを非表示にする場合は Cocoon 設定の「SNSシェアタブ」、フォローボタンを非表示にする場合は「SNSフォロータブ」から、それぞれ該当するチェックを外すだけで簡単に設定できます。
設定を保存したあとは、実際の記事ページを開いてボタンが正しく非表示になっているか確認するようにしましょう。
反映されない場合は、ブラウザの再読み込みやキャッシュの削除を行い、もう一度表示をチェックしてみてください。
コメント