ワードプレス(cocoon)で記事上のソーシャルボタンを消す方法

※記事内にプロモーションが含まれています。

ワードプレスcocoonを使っていて、投稿ページや固定ページの記事上に出てくる邪魔なソーシャルボタンを消したいという方はいませんか?やり方は簡単なので、ご紹介します。

  • cocoonテーマでは、デフォルトで記事上・記事下にソーシャルボタンが出る
  • 記事上のソーシャルボタンを消すには、Cocoon設定>SNSシェア>「メインカラムトップシェアボタンを表示」のチェックを外して完了

参考情報

ブログで収益化を目指したり、本気でやりたい人には「wordpress&有料テーマ」がおすすめです。こちらの記事で詳しく解説しています。
関連記事:ゼロからワードプレスを開設する方はこちら【最短30分】
関連記事:おすすめのwordpressテーマはこちら

cocoonテーマでは、デフォルトで記事上と記事下にソーシャルボタンが表示されている

cocoonを利用されている方は、初期設定で記事上と記事下にtwitterやFacebookなどのソーシャルボタンが出ていることが多いと思います。(しかも、固定ページにも出てくる...)

記事の下はともかく、記事上のソーシャルボタンは邪魔なので消したい方も多いかと思います。

ワードプレスcocoonで邪魔なソーシャルボタンを非表示にするやり方

やり方は簡単です。
記事の上と、記事の下のボタンそれぞれを設定変更することができます。

記事上のソーシャルボタンを消す(編集する)方法

管理画面「Cocoon設定」をクリック。

SNSシェア」というボタンを探してクリックする。

そのページのトップシェアボタンの中に、「メインカラムトップシェアボタンを表示」という項目があります。チェックを外す。
(ちなみに、すぐ下にある「個々のシェアボタン」はあくまで記事上のボタンに関してです。記事下のソーシャルボタンではないので編集しても意味なし。)

変更を保存すると、記事上のソーシャルボタンは非表示になります。

投稿ページや、固定ページで出しわけしたいという方は、「表示するページ」も編集できるのでそこから変更してください。

記事下のソーシャルボタンを消す(編集する)方法

記事の下に出てくるソーシャルボタンを消したい場合も同様です。

同じくcocoon設定の「SNSシェア」ページで下の方へいくと、「ボトムシェアボタン」の設定箇所も出てきます。

記事下のソーシャルボタンを編集したい方は、ここから行なってください。表示されるテキストを編集したり、個々の不要なシェアボタンを外したりできます。

ページの出し分けもできるので、固定ページにボタンを出したくない場合は、「表示ページ」でチェックを編集しましょう。

Cocoonテーマから「Affinger6」への移行で収益化

こんな人にオススメ

  • 収益化したい人
  • アクセスを上げたい人
  • HTML・CSSができない人
  • 本気でやっていきたい人

有料テーマAffinger6は、デザインのカスタマイズ性と機能性が圧倒的に高いです。

個性のある「稼げるサイト」を作るのに最適です。

Affinger6の移行手順はこちら

  • この記事を書いた人

きつねコード

Webディレクター兼プログラマー|2児の父 現在はWeb制作・プログラミング講師・サイト運営を手がけるフリーランスとして活動中。これまでにWebサービスの立ち上げや大規模サイトの運用、コンテンツ制作など、10年以上web業界に携わってきました。20代の頃にはスタートアップに参画し、栄枯盛衰も経験。 「パソコンが苦手だけど、Webを活用したい」という方からの相談も多く、そうした声に応えるためにこのブログを開設。専門知識をやさしく、実践的に伝えていきたいと思います。

人気記事

wordpressテーマおすすめ【ブログ編】 1

この記事を書いた人「きつねコード」 webディレクター・プログラミング講師・個人ブロガー。wordpressには10年以上触れており、自身でブログ運営もしていま ...

cocoonからswellに移行する全手順 2

cocoon以外のテーマからswellへ移行する場合でも、確認することとしては大体同じ手順となります。ご参考にしてみてください。 結論:cocoonとswell ...

おすすめのASP 3

こんにちは、きつねコードです。 当サイトでは、Wordpressやブログ運営のノウハウなどを解説しています。 この記事では、登録必須のASP会社について、ご紹介 ...

cocoonからaffinger6への移行手順 4

cocoon以外のテーマからaffinger6へ移行する場合もチェック項目は大体同じですので、参考にしてみてください。 関連記事:cocoonからswellへの ...

ラッコキーワードの使い方を徹底解説! 5

この記事でわかること ラッコキーワードを使うと何ができるのか? 他のツールと比べたときのラッコの優位性 ラッコキーワードの超具体的な使い方 (初心者向け)SEO ...

エックスサーバーのクーポンコード 6

この記事でわかること エックスサーバーのクーポンコード エックスサーバーの公式キャンペーン情報 最安で契約する方法 この記事の情報は、2025年5月8日に更新し ...

-cocoon, ブログ・wordpress運営
-, ,