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: 文章内の画像、アイキャッチが画像が表示されない

@erikasanta さん ConoHa を使ったことはありませんが、画像の復元には Web を使うのだと思います。ですので、ご参考になるページは、自動バックアップからの復元手順(webデータ) です。 データベースを移行するわけではないため、DB を使う必要も wp-config.php...

2年前
フォーラム
返信
RE: サイト訪問者がPWAを利用する方法を教えてください

PWA に対応したサイトのインストール方法は、OS によって異なります。 Android ではバナーが表示される場合があり、そのバナーからインストールできます。または、「ホーム画面への追加」からインストールできます。 iOS では、「ホーム画面への追加」からインストールできます。 Win...

2年前
返信
RE: 文章内の画像、アイキャッチが画像が表示されない

@erikasanta さん 「解決済み」になっていますが、解決されたのでしょうか? --- 画像で 404 エラーが出ています。画像が存在しないので、表示されていないように思えます。 WordPress 管理画面 > メディア > ライブラリでは、画像は表示されますか...

2年前
フォーラム
返信
RE: サーチコンソールのAMP項目で、「タグ「style amp-custom」の CSS 構文エラーです。」などのエラーがたくさん出てしまうので解決方法を教えて頂きたいです

このエラーが出た時は、たいてい CSS の間違った書き方が原因です。 確信が得られないのですが、子テーマの style.css の最後にお書きの CSS が怪しいです。font-size と padding のインデント(空白部分)が何かおかしいです。 /*見出し2の修正*/ .artic...

2年前
フォーラム
返信
RE: グローバルナビメニューが表示されるページとされないページがある

@w19 さん 申し訳ないです。原因も修正方法も分かりません。 WebKit では再現できないため、Safari 特有の症状かもしれません。 overflow: hidden や Web フォント、-webkit-line-clamp が関係あるかもと思い WebKit Bugzilla...

2年前
フォーラム
返信
RE: グローバルナビメニューが表示されるページとされないページがある

以下のリンク先の「結果」の部分を Safari で見た場合、添付画像のように 3 行の英文は見えるでしょうか?  webkit-line-clamp.png

2年前
フォーラム
返信
RE: グローバルナビメニューが表示されるページとされないページがある

WebKit 16.4 で確認したところ、正常に表示されてはいます。 ちなみに、以下の CSS を書いた場合、正常に表示されますか? .navi .item-label { min-height: 0; }  webkit.png

2年前
フォーラム
返信
RE: このテーマは壊れています。 テンプレートが不足しています。と表示されている事にきがついて

@auslifetop さん ※ 私からは子テーマが正常になったように見えます。 子テーマと親テーマのstyle.css内容は同じなのですが、これでよいのでしょうか?(1行から15行まで全く同じです) 内容が同じではいけませんが、現在の auslifetop さんのサイトの子テー...

2年前
返信
RE: このテーマは壊れています。 テンプレートが不足しています。と表示されている事にきがついて

@auslifetop さん 子テーマの style.css の上部を削除されたのが原因だと思います。 外観 カスタマーズ 追加CSS に下記を添付 追加CSS に書くのではありません。子テーマの style.css に書く必要があります。WordPress 管理画面 > ...

2年前
返信
RE: singleページを別フォルダに追加したいです

投稿ページによって違うテンプレートを読み込みたいということでしょうか? であれば、フィルターフック template_include を使うのはどうでしょうか? 例: add_filter( 'template_include', function( $template ) { i...

2年前
返信
RE: (モバイル)全ページで急にCLS問題、広告ではなさそう?

申し訳ないです。訂正します。 どうしても、 最大コンテンツの描画 要素 エラー の問題が改善されない。 これは PageSpeed Insights の不具合かもしれません。どのサイトを計測してもエラーになります。 GitHub にも報告が上がっていて、Google のエンジ...

2年前
フォーラム
返信
RE: (モバイル)全ページで急にCLS問題、広告ではなさそう?

@sharon さん どうしても、 最大コンテンツの描画 要素 エラー の問題が改善されない。 Google クローラーが、どれが最大視覚コンテンツなのか判定できていないのだと思います。 最大視覚コンテンツとして判定される要素は、どのような要素が考慮されますか? に書かれてい...

2年前
フォーラム
返信
RE: タイトルから「投稿を編集」を削除

管理画面の <title> は、WordPress が出力しています。Cocoon は無関係です。 そして、フィルターフック admin_title を使えば、管理画面の <title> を変更できます。 カスタマイズの際には、<title> を作っている...

2年前
返信
RE: PageSpeed Insightsの「リンクに識別可能な名前が指定されていません」解消方法について

トップへ戻るボタンですが、<amp-position-observer> に aria-label は不要です。 ついでに、AMP ですが <html> に lang 属性がないと Lighthouse で指摘されます。 tmp/amp-header.php の...

2年前
返信
RE: PageSpeed Insightsの「リンクに識別可能な名前が指定されていません」解消方法について

@chu-ya さん 私の環境では、wp-includes/css/dist/block-library/style.min.css に .screen-reader-text の CSS が書いてあります。 WordPress のスタイルシートの読み込みの停止はされてはいないでしょうか? ...

2年前
返信
RE: PageSpeed Insightsの「リンクに識別可能な名前が指定されていません」解消方法について

これは親テーマで修正するのがいいと思います。 また、私であれば、スクリーンリーダー用のテキストか aria-label を追加します。 スクリーンリーダー用のテキストを追加する場合は、tmp/pagination.php の 69 ~ 70 行目 を… 'prev_text' =>...

2年前
返信
RE: 広告表示位置が複数の場合、一つの場所に複数の広告が表示されてしまう。

@kanri009 さん 同じページに同じ広告タグを複数設置できないのではありませんか? <div> に id が付いていますが、同じページに同じ id を複数使えません。 <div id="im-caa88073ea8d42729f7006fad80014d8">...

2年前
返信
RE: コメントカスタマイズに関する相談

そのスクリーンショットのサイトは、WordPress で作られているのでしょうか? もし WordPress で作られていて、何かしらのプラグインでアバターを選択できるようになっているのなら、アバター選択部分などコメントのどこかの HTML を確認すればプラグイン名が分かるかもしれません。 ...

2年前
フォーラム
返信
RE: PageSpeed Insightsの?について

※ PageSpeed Insights API のエラーログを確認できないため、憶測でしか書けません。 私が知る限り、PageSpeed Insights でクエスチョンマークが出るのは、PageSpeed Insights API がエラーを返す時です。 なぜエラーを返すのか分かりません...

2年前
フォーラム
返信
RE: ChromeとFirefoxでブログ内のフォントの見え方が異なる

ブラウザのレンダリングエンジンの違いで生じます。 ブラウザのフォントの描画は複雑で、CSS などを書いても完全に同じにはできないはずです。もし同じにする方法があるのなら、すごく知りたいです。 この違いはずっと前から言われていて、検索すればたくさん出てくると思います。「chrome firef...

2年前
返信
RE: アンドロイド(スマホ)で見たときのモバイルフッターメニューの動作の不具合

role="button" を使う場合は、tabindex="0" も必要です。tabindex="0" がない場合は、tab キーで操作した時にフォーカスが当たらなくなります。 <a role="button" tabindex="0" #tocは必ずしもid="toc"がある部分...

2年前
フォーラム
返信
RE: アンドロイド(スマホ)で見たときのモバイルフッターメニューの動作の不具合

全て href="#" にするのは、まずいと思います。 href="#" は現在のページの先頭へのリンクのため、「トップボタン」には適しています。ただ、「目次へボタン」と「コピーボタン」は、私であれば変更します。 「目次へボタン」は、#toc が適しているように思えます。 <a h...

2年前
フォーラム
返信
RE: サイトの表示速度が急に遅くなり、CPU使用率が100%になっている?

@zuss さん サーバーの応答速度の遅さは、まだ解決していないのでしょうか? 何度試しても、また再現できなくなりました。PageSpeed Insights での計測も正常です。 もし、まだ解決していない場合は、LiteSpeed Cache を停止していただけませんか?

2年前
返信
RE: サイトの表示速度が急に遅くなり、CPU使用率が100%になっている?

@zuss さん LiteSpeed Cache をお使いになる以前に、別のページキャッシュ系プラグインをお使いでしたか?

2年前
返信
RE: サイトの表示速度が急に遅くなり、CPU使用率が100%になっている?

@zuss さん また、最初から気になっているのですが、zuss さんのサイトは Google には CSS が適用されていない状態で認識されています。これは意図された状態でしょうか? おそらく、LiteSpeed Cache の設定で、このようなことになっている気がします。  ...

2年前
返信
RE: サイトの表示速度が急に遅くなり、CPU使用率が100%になっている?

@zuss さん 何度試してもサーバーの応答速度が遅くなかったのですが、やっと遅くなりました。 その遅くなった時に、HTTP ヘッダーで x-litespeed-cache: miss と確認できます。LiteSpeed Cache が正常に動作していないかもしれません。 そのため、私で...

2年前
返信
RE: アンドロイド(スマホ)で見たときのモバイルフッターメニューの動作の不具合

<a> タグを維持される場合は、preventDefault() でブラウザの動作を停止するといいかもしれません。 例えば目次の場合、<a> タグに href 属性を書きます。 <a href="#toc" そして、<a> タグをクリックした...

2年前
フォーラム
返信
RE: アンドロイド(スマホ)で見たときのモバイルフッターメニューの動作の不具合

クリックしたら JavaScript で移動させているため href を書けない、けど href を書かないと Lighthouse(PageSpeed Insights)で「リンクはクロールできません」と指摘されるための変更でしょうか。 PageSpeed InsightsのSEO項目のリンク...

2年前
フォーラム
返信
RE: PHPをバージョンアップしたらサイトが真っ白に。

@ikeda さん デバッグモードを有効にした後に、サイトを真っ白にしないとエラーメッセージは確認できないと思います。 それらの内容は様々でしたが、 そのひとつが以下の内容です。 メモリを使い果たしているため、致命的なエラーが出ています。サーバーの設定などから php.ini...

2年前
返信
RE: サイトの表示速度が急に遅くなり、CPU使用率が100%になっている?

解決されたのでしょうか。 PageSpeed Insights で検証したところ、サーバーの応答速度は正常です。  pagespeed.png

2年前
返信
RE: PHPをバージョンアップしたらサイトが真っ白に。

WordPress のデバッグモードを有効にし、PHP のエラーが出ていないかお調べになるのがいいと思います。 参考:WordPress でのデバッグ 子テーマの functions.php に何かお書きになっているため、プラグインだけが原因ではないかもしれません。

2年前
返信
RE: LCP改善のためおすすめカードの画像のloading="lazy"を解除させたい

親テーマを変更しながら気が付いたのですが、WordPress 6.1 から <img> に decoding="async" が付くようになったのですね。 参考: Performance Field Guide for WordPress 6.1 Add async dec...

2年前
フォーラム
返信
RE: LCP改善のためおすすめカードの画像のloading="lazy"を解除させたい

@january さん Cocoon も WordPress も loading 属性を付けるため、どちらも無効にしないといけないと思います。 以下のコードを子テーマの functions.php に追加するのが手っ取り早いと思います。おすすめカードの 1 つ目の画像から loading="...

2年前
フォーラム
返信
RE: LCP の問題: 4 秒 超(パソコン)の対応について

@bizh さん 「テーマCocoon」での計測は、子テーマでの計測でしょうか?親テーマを有効にした場合の計測結果はどうなるでしょうか? また、子テーマでテンプレートファイルのカスタマイズはされているでしょうか? 「実際のユーザーの環境で評価する」の箇所の表示内容が不変だった ...

2年前
フォーラム
返信
RE: WMV形式の動画ファイルをUPできません。

私の記憶が正しければ、WMV 形式に対応しているブラウザは以前からなかったはずです。 ファイル容量を小さくされたい場合は、WebM 形式をおすすめします。

2年前
フォーラム
返信
RE: テーマの自動更新エラーについて

自動更新をしたことがなかったため、ローカル環境でやってみました。結果は、自動更新ができなかったです。 ただ、親テーマの functions.php の 52 行目 を… 'wp-cocoon-theme' 親テーマのディレクトリ名に変更したところ、自動更新ができました。 'cocoon...

2年前
返信
RE: notice.phpのソースコードについて

カスタマイズのために Cocoon 2.0.9 で実装されたようです。 投稿・固定ページ・カテゴリ毎に通知エリア表示を制御するカスタマイズサンプル Cocoon 2.0.9公開。RSSショートコード機能追加。不具合修正など。 notice_area_visibleフックの追加

2年前
返信
RE: flying scriptsが機能していない

@sato3 さん WP Fastest Cache は使ったことがないため、申し訳ないですが分かりません。 ただ、テスト環境で Flying Scripts と WP Fastest Cache をインストールし試したところ、正常に動いています。 WP Fastest Cache の「...

2年前
フォーラム
返信
RE: flying scriptsが機能していない

@sato3 さん 詰みではないと思います。 正常に動くはずのプラグインが動かないのには、きちんとした理由があるはずです。 その理由さえ分かれば、対策はできると思います。ただ、外部からは、その理由を探せません。 Flying Scripts 以外のプラグインを停止する、子テーマの f...

2年前
フォーラム
返信
RE: LCP の問題: 4 秒 超(パソコン)の対応について

@bizh さん それらの Notice や Deprecated でサーバーの応答速度がものすごく遅くなるとは考えにくいです。 添付画像の「遅いクエリー」には何が書かれているでしょうか?  query.png

2年前
フォーラム
返信
RE: flying scriptsが機能していない

@sato3 さん プラグインの Include Keywords に全角スペースは入っていないでしょうか? 試しに adsbygoogle.js の後ろに全角スペースを入れてみたところ、アドセンスの <script> に対してプラグインが動作しなくなりました。 全角スペース...

2年前
フォーラム
返信
RE: flying scriptsが機能していない

Flying Scripts は、非同期ではなく動的(遅延)での読み込みをするものです。 そのため、プラグインが正常に動作していれば、src 属性は data-src 属性に変わり、data-type="lazy" 属性が追加されます。 sato3 さんのサイトのアドセンス の JavaSc...

2年前
フォーラム
返信
RE: flying scriptsが機能していない

flying scripts には、以下の 2 つを指定すればいいように思えます。 adsbygoogle.js cse.js adsbygoogle.js は、Google アドセンスの一般的な広告ユニットと自動広告のものです。cse.js は、Google アドセンスの検索エンジン広告ユ...

2年前
フォーラム
返信
RE: LCP の問題: 4 秒 超(パソコン)の対応について

@bizh さん 再度、参考リンクを貼り付けます。 WordPress でのデバッグ デバッグのための wp-config.php 例 にご質問の答えが書かれています。 ❷の場合は、 config 内のどこが適切な箇所になりますでしょうか。いろいろと参照した結果、~ おっ...

2年前
フォーラム
返信
RE: LCP の問題: 4 秒 超(パソコン)の対応について

サーバーの応答速度が致命的に遅いです。 PageSpeed Insights が求めるのは、0.6 秒以内です。対して、BizH さんのサイトは、5.4 秒かかっています。まずは、サーバーの応答速度を 0.6 秒以内にすることだけに集中するのがいいと思います。 なぜこれだけ遅いのかは外部から...

2年前
フォーラム
返信
RE: google chromeを使った時に、セッション切れを起こします

昔のことを思い出しました。ファビコンがないことが原因かもしれません。 参考:Why different php session value in Chrome and FireFox? 試しに Chrome のデベロッパーツールのネットワークで favicon.ico を「ブロックリクエスト...

2年前
フォーラム
返信
RE: cocoon設定のスキンや全体でのプレビューが出ません

HTTP レスポンスヘッダーで x-frame-options: DENY を確認できます。 Cocoon 設定のプレビューは、<iframe> でサイトを埋め込み表示しています。 x-frame-options: DENY とは、同じサイトであっても <iframe>...

2年前
フォーラム
返信
RE: ヘッダー下に広告が表示されてしまう

私の環境では広告は表示されません。 また、ヘッダー付近に広告コードが見当たりません。 ブラウザのキャッシュや Cookie、サイトデータを全て削除するとどうなるでしょうか?

2年前
返信
RE: 以前のCocoonのコメント表示の設定でinvisible reCaptchaのバッジの表示が切れる

いい加減に書いていたので、以下の部分を修正です。 visibility: hidden のため pointer-events: none は不要 position は relative ではなく static に戻すのが無難のはず 初期の inset は auto でなければいいため 0...

2年前
固定ページ 8 / 34

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

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

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

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

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

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

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

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