サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。
通知
すべてクリア
| Posts with their shortened content | ||
|
|
RE: スマホのアピールエリアの高さ調整について
: poku, 4時間前
フォーラム
Cocoonテーマに関する質問
|
|
| @chu-ya 大門さま 迅速で的確なアドバイスをありがとうございました。おかげさまでスッキリしました。本当に助かりました! | ||
|
|
RE: ヘッダーモバイルボタンに下のコンテンツが隠れてしまい表示されない
: 大門未知子, 5時間前
フォーラム
不具合報告
|
|
| ●追記 画像を追加します。 | ||
|
|
RE: ヘッダーモバイルボタンに下のコンテンツが隠れてしまい表示されない
: 大門未知子, 5時間前
フォーラム
不具合報告
|
|
| ----------------------------------------------テーマ名:Cocoonバージョン:2.9.3.2カテゴリー数:18タグ数:123投稿数:1752固定ページ数:12ユーザー数:1----------------------------------------------ヘッダーモバイルボタンが隠れたあと即時に上スクロールすると、再表示となっても、--coc... | ||
|
|
RE: URLをグログカードとせずテキストのまま表示できない(!が消えない)
: 大門未知子, 6時間前
フォーラム
不具合報告
|
|
| @yhira さん エンコードしていない日本語スラッグのURLは、仕組み上の制約で根本対応が難しいマニュアル記載で対応させていただこうと思います。 拝承。マニュアルへの注記願います。 「!」については対策されていることを確認しました。 本件をクローズとします。 | ||
|
|
RE: ヘッダーモバイルボタンに下のコンテンツが隠れてしまい表示されない
: わいひら, 6時間前
フォーラム
不具合報告
|
|
| ご指摘とコードもいただきありがとうございます。該当部分の修正をさせていただきました。 | ||
|
|
RE: URLをグログカードとせずテキストのまま表示できない(!が消えない)
: わいひら, 6時間前
フォーラム
不具合報告
|
|
| ご指摘ありがとうございます。 エンコードしていない日本語スラッグのURLは、仕組み上の制約で根本対応が難しいマニュアル記載で対応させていただこうと思います。 | ||
|
|
RE: ヘッダーモバイルボタンに下のコンテンツが隠れてしまい表示されない
: 大門未知子, 9時間前
フォーラム
不具合報告
|
|
| ●対策案 テストはしていません。 スクロールがミリ秒単位で一瞬止まった50ミリ秒後にタイマーを発動させ、コンテンツ位置を取得し直す。 notepadでエラーとなるので、以下にコードを添付します。 // ヘッダーの位置オフセットを更新 ( function () { // スクロール時のタイマー変数をここで確実に宣言 var scrollTimer = null; func... | ||
|
|
ヘッダーモバイルボタンに下のコンテンツが隠れてしまい表示されない
: 大門未知子, 10時間前
フォーラム
不具合報告
|
|
| ----------------------------------------------テーマ名:Cocoonバージョン:2.9.3.1カテゴリー数:18タグ数:123投稿数:1755固定ページ数:12ユーザー数:1---------------------------------------------- ●現象 [ユーザー]→[プロフィール]→「サイトを見るときにツールバーを表示する」オン... | ||
|
|
RE: スマホのアピールエリアの高さ調整について
: 大門未知子, 12時間前
フォーラム
Cocoonテーマに関する質問
|
|
| @poku さん ●回答 ところでスマホで見た時に、ヘッダー?の部分が2か所も同じものが表示されるのは、これはどうしようもないのでしょうか?「ロバのポル語」というタイトルが2回も出ています。 [Cocoon設定]→[モバイル]→モバイルボタン「常にサイトヘッダーロゴを表示する」をオフにします。 | ||
|
|
RE: エントリーカードにタグをつける方法
: 大門未知子, 12時間前
フォーラム
Cocoonテーマに関する質問
|
|
| @uk12345 さん アクセシビリティの観点からは非推奨ですが、構造上の制約を考慮し、<object>タグを用いてリンクを内包する形で実装します。[Cocoon設定]→[投稿]→カテゴリー・タグ表示設定「カテゴリー・タグ表示」の設定に従って表示します。 add_action('entry_card_snippet_after', function() { echo '<object&... | ||
|
|
RE: スマホのアピールエリアの高さ調整について
: poku, 14時間前
フォーラム
Cocoonテーマに関する質問
|
|
| @chu-ya 大門さま 迅速なアドバイスありがとうございました!cocoonをアップデートして、CSSを貼り付けたら余白の問題は解決しました。 これまでもいろいろ調べて試してみましたが、最初からこちらで伺えばよかったです! ところでスマホで見た時に、ヘッダー?の部分が2か所も同じものが表示されるのは、これはどうしようもないのでしょうか?「ロバのポル語」というタイトルが2回も出ています。 パソコン... | ||
|
|
RE: エントリーカードにタグをつける方法
: UK12345, 14時間前
フォーラム
Cocoonテーマに関する質問
|
|
| @chu-ya 問題が解決しました。ありがとうございます! | ||
|
|
RE: スマホのアピールエリアの高さ調整について
: 大門未知子, 1日前
フォーラム
Cocoonテーマに関する質問
|
|
| ●追記 提示されたCSSなら、[Cocoon設定]→[全体]→サイト幅の均一化「サイト幅を揃える」をオフとしてください。アピールエリア幅=画面幅となり、PC、モバイルともに下に余白なく表示されます。 #appeal { height: calc(100vw * 0.26); } | ||
|
|
RE: スマホのアピールエリアの高さ調整について
: 大門未知子, 1日前
フォーラム
Cocoonテーマに関する質問
|
|
| ●原因 #appeal の高さを 100vw(画面幅)を基準に計算しているため。 ページの最大幅が 1256px に制限されているのに対し、画面幅がそれを超えても高さ(0.26倍)だけが広がり続けてしまう。 その結果、枠の高さが背景画像よりも大きくなり、下に余白ができてしまう。 (スマホの場合は、ページ幅=画面幅なので問題とならず、PCで問題となる。) #appeal { height: ... | ||
|
|
RE: URLをグログカードとせずテキストのまま表示できない(!が消えない)
: 大門未知子, 1日前
フォーラム
不具合報告
|
|
| ----------------------------------------------テーマ名:Cocoonバージョン:2.9.3.1カテゴリー数:18タグ数:123投稿数:1752固定ページ数:12ユーザー数:1---------------------------------------------- ●ブロックコード <!-- wp:paragraph --> <p... | ||
|
|
スマホのアピールエリアの高さ調整について
: poku, 1日前
フォーラム
Cocoonテーマに関する質問
|
|
| アピールエリアの画像がパソコンではきちんと表示されているのに、スマホでは細くなって切れてしまう状況を改善するため、このフォーラムで過去に相談されている記事を参考に以下のCSSを書き込んでみました。 #appeal { height: calc(100vw * 0.3);} 結果、たしかにスマホの方では高さが大きくなり、画像もきちんと表示されるようになりましたが、今度はパソコンの... | ||
|
|
RE: URLをグログカードとせずテキストのまま表示できない(!が消えない)
: わいひら, 1日前
フォーラム
不具合報告
|
|
| ご指摘ありがとうございます。該当箇所を修正させていただきました。 | ||
|
|
RE: エントリーカードにタグをつける方法
: 大門未知子, 1日前
フォーラム
Cocoonテーマに関する質問
|
|
| ●アドバイス テーマファイルエディタから添付した画像のようにエントリーカードにタグを表示させたいのですがうまく実行できない状態 アクセシビリティの観点からは非推奨ですが、構造上の制約を考慮し、<object>タグを用いてリンクを内包する設計とします。この場合、先述の entry_card_snippet_after フックから投稿ページ用のカテゴリー・タグテンプレート(tmp/categori... | ||
|
|
RE: エントリーカードにタグをつける方法
: 大門未知子, 2日前
フォーラム
Cocoonテーマに関する質問
|
|
| ●回答 また、コードを書く以外にcocoonの機能で実行できるようでありましたらそちらの方法を教えていただきたいです。 Cocoonの標準機能では、エントリーカードにタグ情報を出力する設定はありません。 そのため、ご希望の機能を実装するには、functions.php にコードを追加する必要あります。entry_card_snippet_after フックを利用して、エントリーカード内のスニペ... | ||
|
|
エントリーカードにタグをつける方法
: UK12345, 2日前
フォーラム
Cocoonテーマに関する質問
|
|
| 外観のテーマファイルエディタから添付した画像のようにエントリーカードにタグを表示させたいのですがうまく実行できない状態なのですがどのようにすればよいのでしょうか?また、コードを書く以外にcocoonの機能で実行できるようでありましたらそちらの方法を教えていただきたいです。 | ||
|
|
RE: URLをグログカードとせずテキストのまま表示できない(!が消えない)
: 大門未知子, 2日前
フォーラム
不具合報告
|
|
| ●追記 URLの後ろに文字列を続けて入力すると、その文字列までURLの一部として認識され、誤ったブログカードとなってしまう。 その回避策としてURLの先頭に「!」を付与したが、「!」が通常の文字として表示されてしまうため、URLから始まる文章を正しく作成できない。 | ||
|
|
URLをグログカードとせずテキストのまま表示できない(!が消えない)
: 大門未知子, 2日前
フォーラム
不具合報告
|
|
| ----------------------------------------------テーマ名:Cocoonバージョン:2.9.3.1カテゴリー数:18タグ数:124投稿数:1753固定ページ数:12ユーザー数:1---------------------------------------------- ●マニュアル ●ブロック <!-- wp:paragraph --> ... | ||
|
|
RE: エディター上で「囲みボタン」の位置がズレる
: わいひら, 3日前
フォーラム
不具合報告
|
|
| 確かに僕自身としても、幅広の使い道はちょっと思いつかないです。 | ||
|
|
RE: エディター上で「囲みボタン」の位置がズレる
: 大門未知子, 4日前
フォーラム
不具合報告
|
|
| 上記の件、拝承。フロントエンドには影響がないので、今後の課題とし一旦クローズとします。 時間を掛け、gutenberg-editor.cssの見直しを願います。私個人として「幅広」は使い道が思い浮かばず、不要かな?と思いました。 | ||
|
|
RE: エディター上で「囲みボタン」の位置がズレる
: わいひら, 4日前
フォーラム
不具合報告
|
|
| フロントエンドは結局変えないので、このままを課題として残すので良いかと思います。ブロックエディターだけ、ちょっと体裁を整えるCSSをエディターCSS用に書いておくくらいでいいのかもしれません。結局フロントで同じ表示になるわけではないので、必要ないと言えば必要ないのかもしれませんが。 | ||
|
|
RE: Gutenbergエディターでボタンの幅が100%表示とならない
: わいひら, 4日前
フォーラム
不具合報告
|
|
| ご確認いただきありがとうございます。 | ||
|
|
RE: 「ボタン」「囲みボタン」ブロックで文字色をカスタムパレット選択時、マウスオーバーで色が白となる
: わいひら, 4日前
フォーラム
不具合報告
|
|
| ご確認いただきありがとうございます。 | ||
|
|
RE: AddQuicktag(アドクイックタグ)の新規タグの追加ができない件について
: yu0327, 4日前
フォーラム
Cocoonテーマに関する質問
|
|
| @chu-ya 分かりました。ご丁寧にありがとうございます。 | ||
|
|
RE: AddQuicktag(アドクイックタグ)の新規タグの追加ができない件について
: 大門未知子, 5日前
フォーラム
Cocoonテーマに関する質問
|
|
| ●追記 新規タグの追加ができないのですが、この症状は私だけでしょうか? 新規タグを追加できました。しかし、エラーがあるため、使うのは避けた方がいいかと思います。 本フォーラムはテーマ「Cocoon」に関することなので、直接プラグインの開発元に確認するのが望ましいかと思います。 | ||
|
|
RE: エディター上で「囲みボタン」の位置がズレる
: 大門未知子, 5日前
フォーラム
不具合報告
|
|
| ●対策案 以下を削除。 ボタン 囲みボタン 幅広、全幅でないときは840pxに。 .block-editor-block-list__layout.is-root-container > :not(.alignwide, .alignfull) { max-width: 840px; margin-left: auto; margin-right: au... | ||
|
|
RE: AddQuicktag(アドクイックタグ)の新規タグの追加ができない件について
: 大門未知子, 5日前
フォーラム
Cocoonテーマに関する質問
|
|
| ●回答 プラグイン「AddQuicktag」ですが、PHP8.1以降に対応しておらず、エラーを出力しています。 確認した環境 WordPressバージョン:7.0PHPバージョン:8.3.30 PHP Deprecated: Automatic conversion of false to array is deprecated in /virtual/gas2monkey/public_html... | ||
|
|
AddQuicktag(アドクイックタグ)の新規タグの追加ができない件について
: yu0327, 5日前
フォーラム
Cocoonテーマに関する質問
|
|
| AddQuicktag(アドクイックタグ)の新規タグの追加ができないのですが、この症状は私だけでしょうか? claudeAIで解決策を求めて試してみましたが解決に至りませんでした。 アドクイックタグ側のバグなんですかね? もしアドクイックタグを使ってる方がいらっしゃったら、いちど新規タグを追加してみて結果を教えていただけると幸いです。 | ||
|
|
RE: エディター上で「囲みボタン」の位置がズレる
: 大門未知子, 5日前
フォーラム
不具合報告
|
|
| ●参考 テーマ「Twenty Twenty-Four」だとそれぞれフロントエンドにも反映される。 | ||
|
|
エディター上で「囲みボタン」の位置がズレる
: 大門未知子, 5日前
フォーラム
不具合報告
|
|
| ----------------------------------------------テーマ名:Cocoonバージョン:2.9.3.1カテゴリー数:18タグ数:124投稿数:1753固定ページ数:12ユーザー数:1---------------------------------------------- WordPressの仕様を調べましたが、よく分かりません。Cocoonは、「幅広」「全... | ||
|
|
RE: Gutenbergエディターでボタンの幅が100%表示とならない
: 大門未知子, 5日前
フォーラム
不具合報告
|
|
| ----------------------------------------------テーマ名:Cocoonバージョン:2.9.3.1カテゴリー数:18タグ数:124投稿数:1753固定ページ数:12ユーザー数:1---------------------------------------------- 修正されていることを確認しました。本件をクローズとします。 | ||
|
|
RE: 「ボタン」「囲みボタン」ブロックで文字色をカスタムパレット選択時、マウスオーバーで色が白となる
: 大門未知子, 5日前
フォーラム
不具合報告
|
|
| ----------------------------------------------テーマ名:Cocoonバージョン:2.9.3.1カテゴリー数:18タグ数:124投稿数:1753固定ページ数:12ユーザー数:1---------------------------------------------- 修正されていることを確認しました。本件をクローズとします。 | ||
|
|
RE: 楽天ブックマークレッドコードで商品指定できなくなった
: わいひら, 5日前
フォーラム
不具合報告
|
|
| 冒頭の文章を見ていたら、ブックマークレットは動作するけど、ショートコードに問題がある可能性もありますね。今確認してみたら、僕の環境では問題なく動作していたのですが、楽天のAPIの仕様が変わったことが可能性としてあるかもしれません。 テーマのバージョンはいくつでしょうか。以下に書いてある対応などはされていますでしょうか。 | ||
|
|
RE: Gutenbergエディターでボタンの幅が100%表示とならない
: わいひら, 5日前
フォーラム
不具合報告
|
|
| ご連絡いただきありがとうございます。GitHubの修正ファイルでアップさせていただきました。 Cocoon の場合は基本的に横幅が決まっているので、そこまで影響はないかもしれませんが、.editor-styles-wrapper に幅制限をかけると、エディター内のすべての要素が対象になり、全幅(alignfull)やワイド幅(alignwide)のブロックまでスタイルを当ててしまうかと思います。 | ||
|
|
RE: 「ボタン」「囲みボタン」ブロックで文字色をカスタムパレット選択時、マウスオーバーで色が白となる
: わいひら, 5日前
フォーラム
不具合報告
|
|
| ご連絡いただきありがとうございます。ホバー色の修正をさせていただきました。 | ||
|
|
RE: 楽天ブックマークレッドコードで商品指定できなくなった
: わいひら, 5日前
フォーラム
不具合報告
|
|
| ご連絡いただきありがとうございます。 僕の環境でいくつかのページを試してみましたが、すべて取得できました。よろしければ、取得できない商品ページのURLをいただけますと幸いです。またエラーメッセージが出ている場合は、そのダイアログ等のスクリーンショットをいただけると助かります。よろしくお願いいたします。 | ||
|
|
RE: アクセス集計とPopular postsの数が合わない
: 大門未知子, 6日前
フォーラム
不具合報告
|
|
| ●注意 質問内容を明確に第三者でも分かるよう文章化してください。注意書きにもあるように、詳細な情報を提供願います。 不具合・カスタマイズ対象ページのURL: 相談内容: 不具合の発生手順: 解決のために試したこと: ※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。※高速化設定をしている場合は無効にしてください。環境情報: ※↑こちらに「Cocoon設定 → テー... | ||
|
|
RE: プロフィール・吹き出しの画像変更更新
: Makorinrin, 6日前
フォーラム
Cocoonテーマに関する質問
|
|
| いろいろと丁寧に詳しくご教示くださり、ありがとうございました。 感謝を込めて。 | ||
|
|
アクセス集計とPopular postsの数が合わない
: Chawo, 6日前
フォーラム
不具合報告
|
|
|
|
楽天ブックマークレッドコードで商品指定できなくなった
: morika, 6日前
フォーラム
不具合報告
|
|
| 以下リンクに記載されている楽天ブックマークレッドコードで生成したショートコードは商品特定できなくなりました。 | ||
|
|
RE: プロフィール・吹き出しの画像変更更新
: 大門未知子, 6日前
フォーラム
Cocoonテーマに関する質問
|
|
| @makorinrin さん エラーもなく、またHTMLの構成も正しいようです。 Gutenbergエディターで使い方、操作を学んでみます。 Gutenbergエディターの使い勝手が上がり、ノーコードで実現できます。このため、ページをコピーし、操作してみることをお勧めします。 | ||
|
|
RE: プロフィール・吹き出しの画像変更更新
: Makorinrin, 6日前
フォーラム
Cocoonテーマに関する質問
|
|
| 失礼いたしました。改良したのは、以下の通りです。 Gutenbergエディターで使い方、操作を学んでみます。 | ||
|
|
RE: プロフィール・吹き出しの画像変更更新
: 大門未知子, 6日前
フォーラム
Cocoonテーマに関する質問
|
|
| @makorinrin さん いただいたコード(ブロック)を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか? 以下は以前のままブロックではありません。 どのページでしょうか?確認を希望するなら、URLの提示を願います。 WordPress標準のブロックが大半です。まずは、Gutenbergエディターを開き、提供したコード(ブロック)の使い方、操作を理解してくだ... | ||
|
|
RE: プロフィール・吹き出しの画像変更更新
: Makorinrin, 6日前
フォーラム
Cocoonテーマに関する質問
|
|
| さらなるアドバイスありがとうございます。 いただいたコード(ブロック)を新固定ページにコピペして、フロントページにしてみました。これでいいのでしょうか? 以前のものは、削除してもいいのでしょうか? | ||
|
|
RE: プロフィール・吹き出しの画像変更更新
: 大門未知子, 7日前
フォーラム
Cocoonテーマに関する質問
|
|
| @makorinrin さん フロントページのレイアウト崩れを直すことができました。 投稿ページはGutenbergエディターで作成しているが、フロントページ(固定ページ)はクラシックエディター(HTMLタグを入力)で作成しており。 HTMLタグの閉じ忘れは一見解決しているように見えますが、先述のコードの位置が本来の位置ではないようです。 これを機に、時間がある時、ブロックに変更してみてはど... | ||
|
|
RE: Gutenbergエディターでボタンの幅が100%表示とならない
: 大門未知子, 7日前
フォーラム
不具合報告
|
|
| ●追記 Gutenbergエディター上で、「ボタン」ブロックを幅100%にした。配置を左寄せや、右寄せにしたとき、WordPressのCSSで2emの余白が付き100%とならない。 | ||
固定ページ 1 / 5
次へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。


