サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年8月31日 19:39
2点あります
質問1.ヘッダーの下のSNS系のアイコンを消したいです方法はありますか？
質問2.JIN:Rデモページ風（事務所向け）を使用させていただいています、全体的にカラーが設定されていると思うのですが変更する方法がわかりません
よろしくお願いいたします
2025年8月31日 21:00
質問1.ヘッダーの下のSNS系のアイコンを消したいです方法はありますか？
Cocoon設定の「SNSシェア」から「メインカラムトップシェアボタンを表示する」を無効にしてみるとどうなりますでしょうか。
2025年8月31日 21:02
質問2.JIN:Rデモページ風（事務所向け）を使用させていただいています、全体的にカラーが設定されていると思うのですが変更する方法がわかりません
これはこちらでしょうか。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/front-page-samples/sample-jinr02/
これに関しては独自カスタマイズになるので、実際のページを提示していただいて、どこのどの部分を変更したいと具体的に書いていただかないと何とも言えないかもしれません。
トピックスターター 2025年8月31日 21:06
トピックスターター 2025年8月31日 21:12
@yhira さん
こちらもありがとうございます
その通りで、これを使わせていただいています
全体が緑をテーマにしていまして、それを青に変更したしたいと思っています
やはり、素人では難しいでしょうか？
2025年8月31日 21:47
●回答1
スキン「メイド・イン・ヘブン」の場合、投稿タイトル下にSNSシェアボタン（トップシェアボタンの表示）を表示しません。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/sns-share/
●回答2
スキン「メイド・イン・ヘブン」以外の場合、ご利用の流れが、参考ページのように表示されません。
あくまでも専用です。
そもそもGutenbergエディター使えてますか？
その上で、CSSなどカスタマイズの基礎知識が必要となります。
現状、難しいと思います。
2025年8月31日 22:09
●補足
提供しているデータは、スキン独自の機能を使っています。
例えば「スキンなし」に適用すると図のように、タイムラインのスタイルが変わります。
当然、他のスキンでも同様です。
また、提供しているデータですが、フロントページを対象としています。
わいひら reacted
トピックスターター 2025年9月1日 09:48
かしこまりました
ご助言ありがとうございます
2025年9月1日 11:07
@net-cozo さん
JIN:Rデモページ風（事務所向け）を使用させていただいています
これですが、これは私が個人的に配布しているデータです。
Cocoon公式ではありません。
上記のデータですが、修正できるようアイコンの部分を「段落」ブロックに修正しました。
●回答2
「カスタムHTML」ブロックに書かれているCSSを変更します。
どれなのか大まかなコメントを書いてあるので参考にしてください。
①③文字を全て黒
--cocoon-text-colorの色コードを変更
見出し、小見出しのcolorの色コードを変更
②ボックスの色を青（文字は濃い青）
メニュー（.my-menu a）のbackground-color、colorを変更
④ボックスフレームの色を青（文字は濃い青）
メニュー（.my-policy ）のborderのvar(--icon-color)を変更（#00ff00など）
個々の小見出し（INTEGRIRY）の文字を変更するなら、エディターでテキストの色を設定すれば変わります。
これは文字の場合、全て同じです。
理容師になるには勉強し、国家資格が必要ですよね。それと同じです。
ホームページをカスタマイズするには、HTML、CSSと基礎知識が必要です。まずは勉強です。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。