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: GA4がAMPに対応

AMP 用 Google タグ マネージャーが GA4 に対応していないということですので、tmp/amp-tagmanager.php が機能しなくなると思います。 また、tmp/amp-analytics.php の 11 行目 の !get_google_tag_manager_track...

1年前
フォーラム
返信
RE: GA4がAMPに対応

Cocoon の AMP 機能は非推奨となったとのことですが、サポートは続くのでしょうか? AMP を有効にしていて、Cocoon 設定 > アクセス解析・認証の「タグマネージャID」に入力している場合は、今日 7 月 1 日から AMP ページの計測がおそらくできない気がします。 t...

1年前
フォーラム
返信
RE: GA4がAMPに対応

ちなみに、AMP 向けの Google タグ マネージャーは、Google Analytics 4 に対応していないらしいです。GA4 を使う場合は、手動で追加しなさいと言っています。 参考:AMP 用のタグ設定 | Google タグ(gtag.js) | Google for Develop...

1年前
フォーラム
返信
RE: AMP化後のテキストでの内部リンクをどうするべきか?

そのままでいいです。 尚、Cocoon の場合は、非 AMP ページが正規の URL です。

1年前
返信
RE: AMP化すると記事に埋め込んだインスタグラムのキャプション(文章部分)が非表示になる

子テーマの functions.php に以下のコードを追加されれば、AMP で Instagram のキャプションを表示できます。 add_filter( 'convert_content_for_amp', function( $the_content ) { $the_content...

1年前
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

私が書いた CSS では無理です。 以前のアドミンバーの不具合を考慮した場合、アドミンバーの有無で CSS を分ける必要があるかもしれません。 chu-ya さんがご指摘の CSS は、WordPress が _admin_bar_bump_cb() で出力しています。この CSS も考慮す...

1年前
フォーラム
返信
RE: 通知情報がChromeとSafari・Firefoxのスマホで表示が違うので困っています。

親テーマの不具合です。 不具合の原因となったのは、アドミンバーが表示されている場合は上に余白を取るスタイルの不具合修正 の変更です。scss/breakpoints/_max-width-1023.scss の 191 行目 に :has() が使われています。 Firefox は、:has...

1年前
フォーラム
返信
RE: テーマエディターが表示されません

確認事項が 3 つあります。 Twenty Twenty-One 以下の公式テーマに変更するとどうなりますか?(Twenty Twenty-Two と Twenty Twenty-Three には「テーマファイルエディター」はありません。) プラグインを全て停止するとどうなりますか?セキュ...

1年前
返信
RE: JavaScriptが動作しなくなった 2

@sato3 さん ボタンはどのようにしてお作りになったのでしょうか? 私のテスト環境でボタンブロックを使った場合、このような HTML になります。 <div class="wp-block-cocoon-blocks-button-1 button-block"> ...

2年前
フォーラム
返信
RE: サイトタイトルを画像の様にしたい

「css 文字 縁取り」と検索されるといいかもしれません。 -webkit-text-stroke か text-shadow のどちらかを使うことになると思います。それぞれの CSS を作るツールもありました。「text-stroke generator」と検索すれば、他にもツールが出てくるは...

2年前
返信
RE: JavaScriptが動作しなくなった 2

@sato3 さん 親テーマのバージョンが古いですね。また、2 週間前に親テーマに修正が入っています。 ボタンブロックの文字色の不具合修正 親テーマを最新バージョンにされるとどうなるでしょうか? buttonではなくaによって書いている弊害なのでしょうか <butt...

2年前
フォーラム
返信
RE: JavaScriptが動作しなくなった 2

親テーマの CSS が変わったのでしょうか。文字色が白のため見えていないだけです。文字色を赤にすれば、添付画像のように見えます。 尚、このようなボタンは <a> ではなく、<button> でお作りになるのがいいです。 js.png

2年前
フォーラム
返信
RE: wpForo ページのタイトル表示不具合

@konpeitoro さん テスト環境でちょっと試してみました。 申し訳ありません。Cocoon 設定は関係ありませんでした。 wpForo メニュー > 設定 > wpForo SEO の「Enable Meta Titles」を「いいえ」にすれば、固定ページに書いたタイ...

2年前
フォーラム
返信
RE: wpForo ページのタイトル表示不具合

@konpeitoro さん wpForo のページの場合は、wp_get_document_title() での表示になっています。 おそらく、Change Forum Page の画像に見える wpForo のメニュー「Boards」の「Board Title」に書いたものがタイト...

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

@okman さん 読み込めない理由が分かりませんが、私の環境では上手くいきます。 添付画像のように子テーマに single-template フォルダを作り、そのフォルダに single1.php と single2.php を作ります。そして、functions.php に以前書いたコー...

2年前
返信
RE: 致命的なエラーで開けなくなりました

問題があるのは Cocoon ではなく、WordPress のバージョンかもしれません。 register_block_style() は、WordPress 5.3 で実装された関数です。 その関数が未定義ということは、WordPress 5.3 未満 をお使いのような気がします。一...

2年前
フォーラム
返信
RE: wpforoのメニューバー等を押しても同じページにとどまり続けてしまう

302 リダイレクトをしています。 検索してみると Redirect problem が出てきました。ここに書かれている 2 つの設定項目は無効になっていますか? 尚、Cocoon に無関係の wpForo の問題は、wpForo のフォーラム にお問い合わせなさると的確な答えが返ってくると...

2年前
フォーラム
返信
RE: Cocoonの目次ショートコード利用でEasy Footnotesの脚注が2重に表示される

私が言いたかったのは、わいひらさんに親テーマにフィルターフックを作ってもらうことでした。 今回の Easy Footnotes プラグイン以外にも同様の問題が出るプラグインがあるかもしれません。その時にフィルターフックがあれば、子テーマで簡単に対応できるなと思いました。

2年前
返信
RE: タイムラインアイテムが「?」なり修正できない

原因だけ書きます。 これはタイムラインブロックに限った話ではありません。追加 CSS クラスのあるブロック全般です。 追加 CSS クラスに Font Awesome の class を追加した場合、Font Awesome の JavaScript がブロックを <svg> ...

2年前
フォーラム
返信
RE: Cocoonの目次ショートコード利用でEasy Footnotesの脚注が2重に表示される

プラグインの中身をよく見ていないため、なぜ起こるのかは分かりません。 ※ プラグインの GitHub/p> ただ、Cocoon の get_shortcode_removed_content() に以下を追加すれば、問題は解消しました。 $removed_content = preg_r...

2年前
返信
RE: Cocoon を使用していると wpForo でフォーラムタイトル リンクが消える

lib/toc.php の 244 行目 が原因だと思います。 is_active_widget() が目次ウィジェットがあるウィジェットエリアの ID を返すため、処理が継続します。

2年前
返信
RE: Mapboxで地図をウェブ上に作成する方法を知っている方はいらっしゃいますか?

私は使ったことはありませんが、日本語のドキュメントがあります。 サンプルコードもあります。 <iframe> も使えるかもしれません。

2年前
返信
RE: Cocoon を使用していると wpForo でフォーラムタイトル リンクが消える

@konpeitoro さん 目次ウィジェットの「表示設定」で「固定ページ」に wpForo のページの ID を入力し、「チェック・入力したページで非表示」にしても問題は解消すると思います。  toc.png

2年前
返信
RE: Cocoon を使用していると wpForo でフォーラムタイトル リンクが消える

本番環境の wpForo のページで、目次のウィジェットか目次のショートコードはお使いでしょうか? この 2 つが開発環境にはなく、本番環境にはあるのかなと思いました。

2年前
返信
RE: トップページにYouTubeを横幅いっぱいでレスポンシブで埋め込みたい

@bucho さん 申し訳ありません。書き方が悪かったです。 私が書いた CSS を、そのまま使用していらっしゃいます。ただ、セレクターの変更を前提として書いていました。iframe のままの場合、Google アドセンスや Google Map など全ての <iframe> の...

2年前
返信
RE: 雑談 Part 2

ありがとうございます。お手数をおかけしました。

2年前
フォーラム
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん 「ご注文の流れ」が <h5> のためです。 CSS には <h2> と <h3> に源暎ラテミンを適用するとお書きのため、<h5> には適用されません。 そのため、「ご注文の流れ」の見出しを <h5> ...

2年前
返信
RE: 雑談 Part 2

お手数をおかけしますが、トップページにYouTubeを横幅いっぱいでレスポンシブで埋め込みたい にコメントを書けるようにしていただけないでしょうか。 私の書き方が悪かったのですが、セレクターを変更なさらず CSS をお使いです。そのため、サイト上の全ての <iframe> のアスペク...

2年前
フォーラム
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん Cocoon設定の下にキャッシュ削除とあり、中に入ると全てのキャッシュ削除という箇所が出てきます。これは削除したほうが良いでしょうか? 今回のこととは関係ないため、削除は必要ありません。 woff2へ変換しましたところ749KBヘサイズが拡大しました...

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん ブラウザのキャッシュの削除で表示されないでしょうか?私の環境ではブラウザのキャッシュの削除後に、添付画像のように表示されました。 また、最初の H2 ですが、見出しブロック > 高度な設定 > 追加 CSS クラスに CSS をお書きではありませんか? ...

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

見出しに「が」「な」を入力した例です。GenEiLateMin(源暎ラテミン)が適用されます。 一方、フォントファイルには入っていない文字を使った「きもの」には GenEiLateMin は適用されていません。  font-test.png

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん pikapika さんのサイトからフォントファイルをダウンロードしにアップロードしてみました。 すると、添付画像の文字しか入っていません。 そのため、見出しに「が」「な」を書くと GenEiLateMin が適用されました。 サブセットフォントメーカーの「フ...

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん そちらをサブセットフォントメーカーで ttf フォントとして軽量化したものは12kbでした。 この時点でものすごく小さいですね。 5 年以上サブセットフォントメーカーを使っていないため使い方を忘れました。ただ、「フォントに格納する文字」というのがあったは...

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん CSS には問題はなくなったと思います。woff2 のファイルはサイトで読み込まれてはいます。 強いて言えば以下の font-family のクォーテーションも不要ですが、フォントが適用されない原因だとは思えません。 .article h2, .article...

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん src のクォーテーションが閉じられていません。 こうなっていますが… src: url('./GenEiLateMin/GenEiLateMin.woff2) format('woff2'); このようにご変更ください。 src: url('./GenE...

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん サーバー内子テーマ直下へへアップロードし 子テーマの直下にフォントファイルをアップロードされたのでしょうか? CSS には子テーマの直下に GenEiLateMin フォルダを作成し、そのフォルダの中にフォントファイルをアップロードされたようにお書きです...

2年前
返信
RE: 日本語フォント 源暎ラテミンがどうしてもPC / スマホ / タブレットに反映されない

@pikapika さん woffに変換してアップロードが成功したものの 現在子テーマにアップロードしているフォントファイルの拡張子は .woff なのでしょうか?CSS には .ttf とお書きになっています。 以下はその他に気になったことです。 ① font-family...

2年前
返信
RE: トップページにYouTubeを横幅いっぱいでレスポンシブで埋め込みたい

サイトに YouTube が掲載されていないため、例を書きます。 YouTube の <iframe> に指定する場合は、こんな感じです。 iframe { aspect-ratio: 16 / 9; height: auto; width: 100%; } ...

2年前
返信
RE: アフィリエイトリンクが表示されない

@gumby さん a8adscript で検索したところ、疑問が生じました。お書きになっている広告コードは正しいでしょうか? おそらく同じ広告コードを使っていると思われるサイトでは、このような広告コードがありました。 <span class="a8ad xxxxxxx-xx-xx...

2年前
フォーラム
返信
RE: サイトの上にダブルクオーテーションマークのようなもの、自動広告が出ない

@yshow さん Instagram の埋め込みコードの中に <p> タグは 1 つしかないため、簡単に見つかると思います。埋め込みコードの最後のあたりにあります。※ 添付画像の部分です。 また、自動広告については随分前から表示されておらず、エラーが発生しているようです。(...

2年前
フォーラム
返信
RE: アフィリエイトリンクが表示されない

例えば、以下のページですが…

2年前
フォーラム
返信
RE: サイトの上にダブルクオーテーションマークのようなもの、自動広告が出ない

少なくともGoogleの自動広告は、記事内に出ずに記事上部と下部のみに出る傾向があります。これがページ上部の謎のクオーテーションマークと何かしら関係がないかと踏んでいるところです。 クォーテーションマークと自動広告は関係ないように思えます。 以下のページでクォーテーションマークが表示され...

2年前
フォーラム
返信
RE: アイキャッチにキャプションがある場合は表示するを選択していないのに、アイキャッチにキャプションが表示されます

Cocoon 設定 > 画像の「アイキャッチにキャプションがある場合は表示する」のことですよね? 私の環境では、その不具合を再現できません。チェックを入れなければ、キャプションは HTML で出力されません。 また、この設定項目に関するコードは、2018 年から変更されていません。昨日...

2年前
フォーラム
返信
RE: 「ブラウザのエラーがコンソールに記録」について

「スタイルシートを読み込もうとしているけど、そんなスタイルシートはないよ」と言っています。 そのスタイルシートは、XPageSpeed が作っているように思えます。XPageSpeed の設定を変更するなどをすれば解消するはずです。 解消しない場合は、X サーバーにお問い合わせになるのがいい...

2年前
フォーラム
返信
RE: lozad.jsを実装したいが方法がわからない

@papi さん ということはCocoon 設定 > 高速化 の「Lazy Loadを有効にする」にチェックが入っていればlozad.js実装に等しい状態になっているということでしょうか。 Cocoon の遅延読み込みは、<img> と <iframe>...

2年前
返信
RE: lozad.jsを実装したいが方法がわからない

<video> を遅延読み込みするのはいいと思います。preload 属性だけでは不十分な場合があるためです。 ただ、その症状と遅延読み込みが関係あるのか?と疑問に思います。実際にその動画を見れば何か分かるかもしれません。

2年前
返信
RE: lozad.jsを実装したいが方法がわからない

Lozad.js であれば、Cocoon 親テーマに同梱されています。 cocoon/plugins/lozad.js-master Cocoon 設定 > 高速化 の「Lazy Loadを有効にする」が無効の場合は、lib/utils.php をご参考に読み込めば使えます。コードは子...

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

@osakana さん いずれのページでも「AMPタグ「style amp-custom」の CSS 構文エラーです。」のエラーは出ていません。 --- 以下の 2 ページで「The attribute 'width' in tag 'amp-iframe' is set to the ...

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

@erikasanta さん 申し訳ないです。mk2さんがおっしゃっているように、画像の復元にはデータベースの DB も必要です。画像をアップロードするとデータベースに書き込んでいるのを忘れていました。 データベースの復元のやり方の説明は、【DB編】ConoHa WINGのリストア(復元)方...

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

@osakana さん AMP エラーが出ているページの URL をご提示いただけませんか? 不具合・カスタマイズ対象ページとしてご提示のトップページでは、AMP エラーは解消しました。また、トップページでは最初から「タグ「style amp-custom」の CSS 構文エラーです。」しか...

2年前
フォーラム
固定ページ 7 / 34

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

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

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

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

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

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

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

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