Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

大門未知子
大門未知子
@chu-ya
Registered
Illustrious Member
結合: 2022年4月17日 08:35
最後の表示: 2025年11月10日 19:47
トピック: 527 / 返信: 3379
返信
RE: フッターモバイルメニューの背景色を個別に変えるCSS

●訂正 上記のように面倒な書き方でなくてもよく笑 .mobile-footer-menu-buttons .navi-menu-button:has(.menu-button-in .fa-line) { background-color:#00B900; } .mobile-...

2年前
返信
RE: フッターモバイルメニューの背景色を個別に変えるCSS

●回答 以下と考え方は同じです。 .mobile-footer-menu-buttons .navi-menu-button:not(:has(.navi-menu-content)):has(.fa-line) { background-color:#00B900; } ...

2年前
返信
RE: フッターモバイルメニューの(custom)アイコン色を個別に変えるCSS

カスタムメニューの時、CSSクラスはcustom-menu-iconとなり、工夫する必要があります。 ●ポイント :hasを用います。 ●回答 メニュー作成の際、FontawesomeアイコンのCSSクラスを「CSS class」に入力しています。メニューアイコンが、何のアイ...

2年前
返信
RE: スマホでのおすすめカードの表示について

●補足 上記で指摘した以下の部分。修正すると、画面幅768px以下の時、カード幅は260pxとなります。画面幅541pxでカードが1列になってしまい。不要だと思います。 @media screen and (max-width: 768px) { .widget-entry-cards.c...

2年前
返信
RE: スマホでのおすすめカードの表示について

●原因 画面幅834px以下で、おすすめカードは折り返し表示される。追加CSSで、カード幅を33%としている。(以下の①の部分)この為、折り返しても小さいままとなる。 ●対策 追加CSSの以下の部分を削除。 ①は上記理由により。②③必要なし。 ※赤線の「.page」の部分を削...

2年前
返信
RE: サムネイル上のカテゴリーラベルを非表示とする際、フックの説明に誤りがある

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.8カテゴリー数:9タグ数:12ユーザー数:1---------------------------------------------- 以下でアイキャッチ含...

2年前
フォーラム
返信
RE: トップページのアピールエリアと固定ページの間の隙間をなくしたいです。

●原因 アピールエリアに高さ700pxとしている。画面幅1023px以下にならないと、アピールエリアの背景画像(1920×700px)は、background-size:coverとならない。その間、background-size: 100% auto;の為、画像の高さが変化する。しかし、アピー...

2年前
返信
RE: スキン制御でFontawesome5とした際、本文設定のアイコンが表示されない

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.7カテゴリー数:9タグ数:12ユーザー数:1---------------------------------------------- 修正されている事を確...

2年前
フォーラム
返信
RE: NO IMAGEの説明漏れ

マニュアルに追記されている事を確認しました。本件をクローズとします。

2年前
フォーラム
返信
RE: CSSとブログカードについてわからないことがあります。

これはエラーではありません。jQueryライブラリーを使用しているので、必ず表示されます。 私もたまに出力されます。一定プリロードされた、cocoonのアイコンファイルが、ウィンドウのロードイベントから数秒以内に使用されなかった場合に表示されます。気になりますが、表示が変になる事がなかった...

2年前
トピック
フォーラム
返信数: 6
表示数 1386
返信
RE: 設定→モバイルのプレビュー表記と実際の携帯の表記が違う対処法…

[Cocoon設定]→[高速化]の上記設定をオフにして下さい。また、プラグイン「Jetpack」を利用しているなら、合わせ無効にして下さい。

2年前
フォーラム
返信
RE: 英語環境でのbreadcrumb-homeが日本語になってしまいました

HTMLなどが縮小化され、どこにCSSを書いているか分かりません。「.body」を先頭に付け、以下のコードならどうでしょうか? .body .bct-together .blogcard-label::after { content: "READ ALSO"; }  2024-0...

2年前
返信
RE: カスタムフィールド内のURLを外部ブログカード化したい

WordPressのカスタムフィールドは、投稿画面に入力項目を追加して使いやすくする機能です。 具体的な記述(手順、完成図など)がなく、何をしたいかよく分からず。図示するように①カスタムフィードmy-testにURLを入力する。これを②ブログカードとして表示する。この時、どこに出力したいので...

2年前
返信
RE: 日付フォーマットが反映されない項目がある

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.6カテゴリー数:19タグ数:150ユーザー数:1---------------------------------------------- 修正されている事...

2年前
フォーラム
返信
RE: HTML高速化をオンにするとconsoleにエラー出力される

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.6カテゴリー数:8タグ数:12ユーザー数:1---------------------------------------------- consoleにエラ...

2年前
フォーラム
返信
RE: テーブル(表)の各列のセル幅を調整したい

プラグイン「Flexible Table Block」を使えばいいかと思います。セル幅、gutenbergエディターでなくなったセル結合など多彩な操作ができ。

2年前
フォーラム
返信
RE: 日付フォーマットが反映されない項目がある

●補足 アーカイブ、カレンダーの表示は、Y年n月固定。

2年前
フォーラム
トピック
フォーラム
返信数: 4
表示数 1009
返信
RE: HTML高速化をオンにするとconsoleにエラー出力される

●補足 親テーマで[HTML縮小化]オンにすれば、consoleにエラー表示され、確認できます。

2年前
フォーラム
返信
RE: HTML高速化をオンにするとconsoleにエラー出力される

対策できていません。----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.5カテゴリー数:8タグ数:12ユーザー数:1----------------------------------------------Ver...

2年前
フォーラム
返信
RE: スキン制御でFontawesome5とした際、スキン一覧のimageアイコンが表示されない

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.5カテゴリー数:8タグ数:12ユーザー数:1---------------------------------------------- 修正されている事を確...

2年前
フォーラム
返信
RE: HTML高速化をオンにするとconsoleにエラー出力される

バージョン:2.6.9.5[Cocoon設定]→[高速化]→[HTML縮小化]オンにすると図示するように、HTMLが変になり、レイアウトが崩れます。  a.png

2年前
フォーラム
返信
RE: スキン制御でFontawesome5とした際、スキン一覧のimageアイコンが表示されない

修正漏れです。 「.fa-picture-o:before」を追加する。 上記の追加が漏れています。この為、imageアイコンが図示のように、font-weight: 400でなく、太字に変わってしまいます。 2024-01-05_11h15_58.png

2年前
フォーラム
返信
RE: イノセンススキンの目次を横に広げたい

子テーマに追記すれば普通に、反映されます。cocoon-child-master/style.css CSSの記述で、メディアクエリ内(@media)に記述していませんか?分からなければ[外観]→[追加CSS]に記述して下さい。  2024-01-04_23h51_19.png

2年前
返信
RE: イノセンススキンの目次を横に広げたい

●回答 CSSの記述が足りません。 .entry-content .toc { width: 95%; /* 最大幅を解除 */ max-width: unset; } 2024-01-04_21h57_56.png

2年前
トピック
返信
RE: new_listなどショートコードで指定した表示数(count)が反映されない

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.4カテゴリー数:8タグ数:12ユーザー数:1---------------------------------------------- 本件をクローズとしま...

2年前
フォーラム
返信
RE: new_listなどショートコードで指定した表示数(count)が反映されない

ショートコードの値チェックで気になる点があり。 count値は、WP_Queryのposts_per_pageに該当し、posts_per_page=-1の時、全ての投稿を取得でき。今回の対応で、new_list、info_listの-1が使えなくなり。 マニュアルにcount=-1の記載が...

2年前
フォーラム
返信
RE: ads.txt登録機能の追加

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.4カテゴリー数:19タグ数:150ユーザー数:1----------------------------------------------ads.txtの内容が...

2年前
フォーラム
返信
RE: 親テーマ更新による表示エラー

現状、親テーマcssにpaddingがあり、子テーマで対応してないので、はみ出ます。

2年前
フォーラム
返信
RE: 親テーマ更新による表示エラー

一つ一つ小まめに要素を調べて下さい。 子テーマCSSに書いている要素が、はみ出ています。この為、横スクロールバーが表示されます。 ●原因フッター部分がはみ出てます。 ●対策 子テーマCSSに定義しているfooterに、padding:0を追加します。 不明な場合、以下と言う方...

2年前
フォーラム
返信
返信
RE: ヘッダー全体色が反映されない

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.4カテゴリー数:8タグ数:12ユーザー数:1----------------------------------------------●みるらいと修正されている...

2年前
フォーラム
返信
RE: 除外カテゴリーを指定したが、投稿の関連記事に、除外したカテゴリーが表示される

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.4カテゴリー数:8タグ数:12ユーザー数:1---------------------------------------------- 投稿下の関連記事に「...

2年前
フォーラム
返信
RE: ウィジェット[C]新着情報で表示件数-2以下が入力できる

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.4カテゴリー数:8タグ数:12ユーザー数:1----------------------------------------------[C]新規記事、新規記事シ...

2年前
フォーラム
返信
RE: ウィジェット[C]人気記事で表示件数-1以下が入力でき、エラーとなる

----------------------------------------------テーマ名:Cocoonバージョン:2.6.9.4カテゴリー数:8タグ数:12ユーザー数:1----------------------------------------------[C]人気記事、人気記事シ...

2年前
フォーラム
トピック
フォーラム
返信数: 3
表示数 1107
返信
RE: ウィジェット[C]新着情報で表示件数-2以下が入力できる

以下のウィジェットも類似です。 [C]関連記事

2年前
フォーラム
返信
RE: 見出しボックス の 見出し部分 を 中央配置にする CSS を教えてください

●回答 どのようにCSS書いてうまくいかないのか、具体的に書いて頂けると、回答しようがあり。 以下のCSSを追加します。 .caption-box-label { justify-content: center; } 2023-12-29_15h12_35.png

2年前
フォーラム
返信
RE: ウィジェット[C]新着情報で表示件数-2以下が入力できる

以下のウィジェットも類似です。他にあるかも知れません。 [C]新着記事

2年前
フォーラム
トピック
返信
RE: プロフィールウィジェットが、記事一覧ページで参照している著者情報について

@ushitora さん 解決したなら、マナーとして下に記載がありますが「解決済」として下さい。

2年前
返信
RE: 「コメントを書き込む」ボタンの文字を変更する

●案1 JavaSciprtで対応該当ボタンのテキストを好みのテキストに変更する。 $(function() { $('.comment-btn').text('Post Comment'); }); ●案2 CSSで対応余り良い方法ではないですが、元の文字サイズを0に...

2年前
フォーラム
固定ページ 44 / 79

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました