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カスタマイズ依頼

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

Registered
Famed Member
結合: 2018年3月19日 21:15
Last seen: 2024年3月14日 23:21
トピック: 25 / 返信: 1632
返信
RE: カルーセルの表示がAmazonの広告表示を待っている?

デベロッパーツールのネットワークでも確認できます。 「ir-jp amazon」と検索したところ、いくつか情報が出てきます。  amazon-ir.png

3年前
返信
RE: カルーセルの表示がAmazonの広告表示を待っている?

おそらく、Amazon の画像が原因だと思います。 デベロッパーツールのコンソールに大量のエラーが出ます。ただ、何度かページの再読み込みを試したのですが、エラーが出ない時もありました。  amazon.png

3年前
返信
RE: Leaflet Mapプラグインで同一ページ内に複数の地図表示ができない

@celeste さん いまいちプラグインの使い方が分からないですが、おそらく私のテスト環境で再現できました。 もし、外部リンクを以前のように「新しいタブで開く」「target="_blank"の際はnoopenerを追加」をご希望の場合は、以下リンクに書いたコードを子テーマの functi...

3年前
フォーラム
返信
RE: WordPress5.9.1への更新タイミングについて

「あらゆるソフトウェアは常に最新のバージョンを使う」のが、セキュリティの基本中の基本です。 WordPress サイトの代表的なソフトウェアは、このようなものです。 WordPress WordPress プラグイン WordPress テーマ つい先日、WordPress プ...

3年前
返信
RE: Leaflet Mapプラグインで同一ページ内に複数の地図表示ができない

Cocoon 設定 > 本文タブの「外部リンク設定」にて、以下のようにした場合に地図は表示されますか? 「外部リンクの開き方」を「変更しない」にする 「追加rel属性」の「noopenerを追加」のチェックを外す ただ、この 2 つが関係あるとは思うのですが、私のテスト環境では...

3年前
フォーラム
返信
RE: Word Pressの管理バーが表示されなくなった

@kaede-f さん ページ遷移すると消え、その後、表示されません このページの移動後も WordPress にログインしている状態が続いているのでしょうか? WordPress から勝手にログアウトする症状が出る場合があるようですので、ちょっと気になりました。

3年前
フォーラム
返信
RE: Word Pressの管理バーが表示されなくなった

私のPCではブラウザを変えても表示されないのですが、他のPCでは表示されることが分かりました。 このように別トピックでおっしゃっていますが、管理バーも他のパソコンで表示されますか? また、当てずっぽうですが、お使いのパソコンで広告ブロック機能は動いていますか?class に ad が含ま...

3年前
フォーラム
返信
RE: エントリーカードの余白をgapで調整する方法

解決済みになっていますが、念の為に書いておきます。 gap は効きます。試しに以下の CSS を指定したところ効きました。 ※ Cocoon 設定 > インデックスで「縦型カード3列」を選択しました。 .ect-vertical-card { gap: 16px; } ...

3年前
フォーラム
返信
RE: 「Emoji Toolbar」が使用できません

いつもながらの迅速なご対応ありがとうございます。 私の環境でも表示されました。  after-commit.png

3年前
フォーラム
返信
RE: 「Emoji Toolbar」が使用できません

申し訳ないですが、トピックを使って自分用にメモ。 ● BlockFormatControls を使うと WordPress デフォルトの太字(B)などがある class="components-toolbar-group" に入る(現在の Cocoon の書き方) ● BlockContro...

3年前
フォーラム
返信
RE: 「Emoji Toolbar」が使用できません

わいひらさん、ありがとうございます。警告が消えました。そして、申し訳ないです。警告が原因ではなかったですね。やっぱり知識がない者の憶測は当てにならない。 ちなみに、Cocoon の blocks.build.js の後で Emoji Toolbar プラグインの index.js を読み込むと表...

3年前
フォーラム
返信
RE: 「Emoji Toolbar」が使用できません

Cocoon の場合は、投稿ページの編集ページにてデベロッパーツールのコンソールで以下の警告が出ています。 Using Toolbar without label prop is deprecated since version 5.6. Please use ToolbarGroup comp...

3年前
フォーラム
返信
RE: 「Emoji Toolbar」が使用できません

一方、Cocoon の場合は、Emoji Toolbar プラグインの絵文字がツールバーに表示されません。 また、ツールバーの HTML が公式サイトとは異なります(class が違う)。 <div class="block-editor-block-toolbar"> &...

3年前
フォーラム
返信
RE: 「Emoji Toolbar」が使用できません

※ 私はブロックを作ったことがありません。それどころか開発環境すら作っていません。そのため、これから書く内容は全て的外れかもしれません。 Cocoon の不具合かもしれないと思いました。 まずは現状から書きます。 Emoji Toolbar をインストールし、公式サイトで段落ブロックを使...

3年前
フォーラム
返信
RE: ヘッダーについて

カスタマイズをすれば可能です。 そのカスタマイズは、子テーマの functions.php にフックの wp_header_logo_after_open を使い HTML を書きます。また、子テーマの style.css に CSS を書き、見た目を整えます。 例えば、子テーマの fun...

3年前
返信
RE: グーグルサーチコンソールで、投稿した記事すべてに、タグ「style amp-custom」の CSS 構文エラー - 宣言が不完全です。とエラーが出てしまいます。

@karasu さん 最初にご提示の URL は、全て AMP エラーが解消しています。 また、サーチコンソールで「検証:開始」になっているため、あとはお待ちになるだけだと思います。数日経ってもサーチコンソールでエラーが解消しない場合は、またフォーラムに書き込んでいただけると幸いです。 ...

3年前
返信
RE: グーグルサーチコンソールで、投稿した記事すべてに、タグ「style amp-custom」の CSS 構文エラー - 宣言が不完全です。とエラーが出てしまいます。

@karasu さん ① CSS の書き直し サイドバーの文字の大きさを 16px にされる場合は、現在のカスタム CSS を全て削除します。そして、以下の CSS をコピペします。 .sidebar { font-size: 16px; } 文字の大きさを 16 px にする...

3年前
返信
RE: グーグルサーチコンソールで、投稿した記事すべてに、タグ「style amp-custom」の CSS 構文エラー - 宣言が不完全です。とエラーが出てしまいます。

修正箇所は子テーマの style.css ではなく、WordPress のカスタム CSS です。 WordPress 管理画面 > 外観 > カスタマイズ > 追加 CSS の順でクリックしていけば、カスタム CSS を変更できます。  cus.png

3年前
返信
RE: グーグルサーチコンソールで、投稿した記事すべてに、タグ「style amp-custom」の CSS 構文エラー - 宣言が不完全です。とエラーが出てしまいます。

WordPress 管理画面 > 外観 > カスタマイズ > 追加 CSS にお書きになっている CSS が原因だと思います。 &nbsp; が入っていますので、CSS を書き直すとエラーは解消しないでしょうか? custom-css.png

3年前
返信
RE: 投稿作成時 1か月前から重くて動作がままなりません

環境情報が必要です。環境情報の取得方法は、不具合報告の際に添えていただけると嬉しい環境情報の取得方法 をご参考ください。 また、ブラウザのキャッシュなどの削除をなさってください。

3年前
返信
RE: おすすめカードの設定ができません。

@seto さん Cocoon 設定 > 全体タブにある「サムネイル表示」のチェックが外れてはいませんか?  cocoon-sets.png

3年前
フォーラム
返信
RE: H2ごとに違う広告を設置したい

以下記事の「それぞれの広告タグを分ける場合」をCocoonにそのまま実装することは可能でしょうか。 可能です。 あるいは、add_ads_before_1st_h2() のカスタマイズでもご希望に沿うと思います。

3年前
フォーラム
返信
RE: ブログカードのタイトル、画像、本文を以下のような配置にしたいのですが、htmlを触るしかないでしょうか?

変化がないのは、おっしゃっているのがブログカードではないためだと思われます。ブログカードであれば変化します。 尚、私が思い浮かべているブログカードとは、内部ブログカードを表示する方法 や 外部ブログカードの表示方法 で書かれているものです。 先にも書きましたが、インデックスリストのエントリー...

3年前
フォーラム
返信
RE: ブログカードのタイトル、画像、本文を以下のような配置にしたいのですが、htmlを触るしかないでしょうか?

今さらですが、ブログカードでいいのですよね? 最初にお書きになった HTML には、entry-card-content とあります。この class がつくのは、インデックスリストのエントリーカードです。また、article タグがあったりカテゴリーがあったりと、ちょっと疑問に感じた部分があり...

3年前
フォーラム
返信
RE: ブログカードのタイトル、画像、本文を以下のような配置にしたいのですが、htmlを触るしかないでしょうか?

@bgbg さん 以下のリンクのコードを子テーマの functions.php に追加します。 【注意点】 ① 親テーマに書かれている内部ブログカード用の url_to_internal_blogcard_tag() と外部ブログカード用の url_to_external_ogp_...

3年前
フォーラム
返信
RE: 追加CSS,style.cssに下記目次カスタマイズコードを書いても反映されない不具合

子テーマの style.css に PHP が書かれています。 function change_post_status_background_color() { ?> <style type="text/css"> /* 公開済 */ .status-publi...

3年前
返信
RE: ブログカードのタイトル、画像、本文を以下のような配置にしたいのですが、htmlを触るしかないでしょうか?

@bgbg さん どんな HTML にするか、すでに決まっていますか?また、内部ブログカードも外部ブログカードも HTML を変更されるのでしょうか? HTML をお決めになっているのなら、代わりに私が PHP を書いてみます。

3年前
フォーラム
返信
RE: cocoon固定ページのアドセンスを非表示にしたい【スマホだけ表示してしまう】

以下の条件分岐に… is_ads_visible() が必要とのことですよね。 バージョン 2.3.5 からの仕様か不具合だと思います。 新しいアドセンスの広告コードに対応 · yhira/cocoon@4303071 · GitHub ただ、アドセンスの管理画面から自動広告の...

3年前
返信
RE: JSON-LDの出力 logoのurl指定について

【追記】 もしかすると、非 AMP でも構造化データが役に立つ日が来るかもしれません。 参考:トップニュースに掲載される非AMPページのロゴは構造化データでは指定できない サリヴァン氏は、AMP ページと同じように非 AMP ページでも構造化データでロゴを指定する方法を検討するとはコ...

3年前
返信
RE: JSON-LDの出力 logoのurl指定について

Cocoon 設定 > AMPタブの「AMPロゴ」で変更できます。 この構造化データのロゴとは、パブリッシャーのロゴです。サイトや運営者のロゴを指します。 参考:記事スキーマ マークアップの詳細 | Google 検索セントラル | Google Developers ※ ロゴは、...

3年前
返信
RE: フロントページのランダム表示について

わいひらさん、ありがとうございます。お手数をおかけしました。 リフィトリーさん 「カテゴリごと(2カラム)」でも同様にランダムにするには、コードに少し手を加えないといけないのでしょうか? 「カテゴリごと(2カラム)」「カテゴリごと(3カラム)」は、別の関数で作られています。今回の...

3年前
フォーラム
返信
RE: フロントページのランダム表示について

masaboo さんに便乗して、同じ箇所で私も要望があります。 get_category_index_list_entry_card_tag() の $args を変更するフィルターフックの追加は可能でしょうか? 以前フォーラムにご質問があった 特定のカテゴリをトップページの記事一覧のリスト...

3年前
フォーラム
返信
RE: 動くwebデザインをコクーンで再現したいです

参考例の CSS をお使いになる場合は、canvas タグを div タグで囲みます。 <div class="wave"> <canvas id="waveCanvas"></canvas> </div> header.phpに1と...

3年前
フォーラム
返信
RE: Cocoonで自動広告が表示されない

これテーマの不具合ではありませんか?今時間がなくて詳細にコードを追っていないため、間違っているかもしれませんが。 不具合かも?と思った理由は、以下のとおりです。 ① Cocoon 設定 > 広告タブの「広告コード」にディスプレイ広告コードを追加すると、「アドセンス共通スクリプトコード」...

3年前
返信
RE: Cocoonで自動広告が表示されない

@takuya__ さん Cocoon 設定の「アクセス解析・認証」のヘッド用コードに、まだコードがありませんか?サイト上ではコードがあります。 analytics.png

3年前
返信
RE: Cocoonで自動広告が表示されない

@takuya__ さん Cocoon設定の「アクセス解析・認証」のヘッド用コードにアドセンス審査コード入力済み この審査コードが不要です。審査が終わると勝手に広告を表示します。 Cocoon設定の「広告」の広告コードにアドセンスで作成したディスプレイ広告のコードを記載済み ...

3年前
返信
RE: コアサーバーで無料ドメインで運用していたサイトに独自ドメインを割り当てたらCSSが無効に

子テーマの style.css の内容におかしな部分があります。 JSFiddle に CSS を貼り付けて気付いた点は 5 つです。 ① !important がおかしい。 @media screen and (max-width: 480px){ /*必要ならばここにコードを書...

3年前
返信
RE: スマホ表示時の固定ページ上部の大きな空白を消したいです

子テーマの style.css にお書きになっている CSS が原因です。 @media (max-width:834px){ .article-header.entry-header { height: 360px !important; } } 不要のように思えま...

3年前
返信
RE: ボタンの表示の「ワードプレス5.9」への対応について

ブログ記事投稿時のプレビュー時にエラーが発生します | 不具合報告 で変更した ブロックエディタープレビュー画面の不具合修正 が原因です。 ちなみに、プレビューのエラーを解消するために、私はこんな風に変更していました。この変更ならボタンの色は反映されます。 この部分を… jQuery('...

3年前
フォーラム
返信
RE: ブログ記事投稿時のプレビュー時にエラーが発生します

記事下の「SEO」や「カスタムCSS」等の部分の表示がおかしくなってしまうように思います。 これは WordPress の仕様か不具合だと思います。 カスタムフィールドを表示させ、テーマを Twenty Twenty-One にすると、同様の表示になります。 対策としては、カスタムフ...

3年前
フォーラム
返信
RE: モバイルからの記事表示がこれでいいのかわかりません

@humeit さん スキンの仕様で 1 列にできないのですね。 であれば、CSS での変更が最も簡単だと思います。「こんな案もあるんだ」ぐらいでご覧ください。 子テーマの style.css に以下を追加すると… @media (max-width: 480px) { .ec...

3年前
フォーラム
返信
RE: モバイルからの記事表示がこれでいいのかわかりません

「縦型カード2列」では、そのように表示されます。1 行につき 2列 での表示です。 ※ 1 記事しかなくとも 2 列での幅で表示されます。 Cocoon 設定 > 「インデックス」タブにある「カードタイプ」で「スマホ端末で縦型&タイル型のエントリーカードを1カラムにする」にチェックを入...

3年前
フォーラム
返信
RE: 雑談 Part 2

はじめてのクロスブラウザテスト - テスト/発見 で挙げられている以下のようなツールを使うのも手だと思います。 Sauce Labs Browser Stack LambdaTest TestingBot CrossBrowserTesting 無料のトライアルやプランがあるた...

3年前
フォーラム
返信
RE: ブログ記事投稿時のプレビュー時にエラーが発生します

時間がないのでヒントだけ。 js/gutenberg.js の 10 行目から 38 行目が原因です。div で囲んでいるため HTML が変わり、removeChild でエラーが出ます。

3年前
フォーラム
返信
RE: 投稿保存時に『更新に失敗しました。 返答が正しい JSON レスポンスではありません』と出る件

@terakoya-uk さん テーマの更新後にお試しいただきたいと思っていたのは、ConoHa の「海外アクセス制限」の「REST-API」の無効化です。 参考:海外アクセス制限の設定 それでも改善しない場合は、「XML-RPC-API」の無効化も試します。ただし、こちらを無効にする場...

3年前
返信
RE: カテゴリ一覧のPV数が表示されなくなった

@kaede-f さん 申し訳ないです。原因が分かりません。 HTML が一切出力されていないのであれば、tmp/admin-pv.php の HTML が出力されていないということ。この HTML を出力するには、Cocoon 設定の「管理者パネル」の「PVエリアを表示する」にチェックが必...

3年前
フォーラム
返信
RE: カテゴリ一覧のPV数が表示されなくなった

@kaede-f さん 念の為、コンテンツキャッシュのキャッシュクリアをお試しください。この機能の詳細な説明が見つからないため、オフにするだけでいいのかが分かりません。 また、コンテンツキャッシュのキャッシュクリア後にデベロッパーツールで HTML をご確認ください。抜粋部分の下に、このよう...

3年前
フォーラム
返信
RE: カテゴリ一覧のPV数が表示されなくなった

@kaede-f さん フォルダ名に master があるかないかのやつですね。サイトを拝見する限り、cocoon-master が有効になっているようですので問題ないように思えます。 ただ、私は ConoHa の仕様に詳しくありません。Cocoonのディレクトリ差し替え手順がご参考になると...

3年前
フォーラム
返信
RE: カテゴリ一覧のPV数が表示されなくなった

@kaede-f さん 親テーマの tmp フォルダに admin-pv.php ファイルはありますか?以下のファイルです。 tmp/admin-pv.php

3年前
フォーラム
返信
RE: パンくずリストの子階層表示の不具合について

@beriberihp さん 絵文字が選択肢になるかもしれません。絵文字であれば、パンくずリストにも Google 検索にも反映されます。 Google、検索結果での?絵文字?を再開。関連性があれば表示する?  emoji.png

3年前
フォーラム
固定ページ 17 / 34

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

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

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

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

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

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

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

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