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

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

たなかま
たなかま
@tanakama
Registered
Prominent Member
結合: 2018年3月19日 17:16
Last seen: 2022年11月10日 16:33
トピック: 5 / 返信: 595
返信
RE: 目次の最後に「関連」が含まれてしまいます。

僕の環境にはJetpackが入っていないので、かうたっくさんが書かれている関連の機能停止を試していただければと思います。 目次プラグインを使えば(COCOONの目次をOFFにして)、目次項目の除外を指定することができます。 目次プラグインを使って・・・というのは、添付画像のように、特定の目次を表示さ...

6年前
返信
RE: AMPページの、クリックされたリンクテキストの計測について

こんにちは。 ご提示いただいたURLは、AMPでもGoogleタグマネージャ(以下GTM)でクリック計測ができるという上級者向けの記事だと思います。(通常はできないんですね) GTM自体、初心者には難しいので、まずは以下などからGTMの基本を学ばれるのが良いと思いますよ。 というのも、プレビューで...

6年前
フォーラム
返信
RE: ここのアイコンって変えれますか?

こんにちは。 こちらのスレッドにあるように、正しくファビコンが設定されている場合は、yuさんの端末でのみCOCOONのままではないかと思います。 ▼各ブラウザごとにファビコンを削除する必要があると思います。 「favicon 変更されない」+「ブラウザ名」で検索されると、各ファビコンの削除方法が出て...

6年前
返信
RE: 目次の最後に「関連」が含まれてしまいます。

こんにちは。 こちらはJetpackプラグインが影響しているようですね。 目次プラグインを使えば(COCOONの目次をOFFにして)、目次項目の除外を指定することができます。 もしくは、必要がなければJetpackを外すのも手です。

6年前
返信
RE: 記事ページのh1に特定の文言を追加したい

こんにちは。 いろいろな方法がありそうですが、カスタムフィールドでh1を書き換えるのがラクに実装できそうですね。 子テーマ > tmp > content.php の27行目あたりのh1を書き換えます。 <h1 class="entry-title" itemprop="headline"&g...

6年前
フォーラム
返信
RE: モバイルユーザーアビリティのエラーについて

こんにちは。 おそらくCSSの読み込みタイミングで、そのような警告が出てしまっているんだと思います。Search Consoleでは、よくあることですね。 モバイルフレンドリーテストでは合格していますので、気にしなくても大丈夫かと思います。(添付画像)もし具体的な記事URLが分かっていれば、以下のテ...

6年前
フォーラム
返信
RE: PCとSPのインデックスを別表示させたい

こんにちは。 ちなみに、わいひらさんのfunctions.php、僕のjavascript.js、どちらを記述されましたでしょうか? (どちらか一つで良いはずです) あと、子テーマに書かれていますでしょうか? 僕のサイトで確認したところ、javascriptのクラス振り分けは効いているようです。 可...

6年前
フォーラム
返信
RE: robots.txt によりブロックされましたが、インデックスに登録しました

これはレアなケースなのですが、ログインページではなく、wp-adminのダッシュボードがインデックスされているという状態のようです。 ログインページはhttpヘッダーでnoindexですが、ダッシュボードはhttpヘッダーでもnoindexになりません。(専門用語が多くてすみません) 実際にinfo...

6年前
フォーラム
返信
RE: robots.txt によりブロックされましたが、インデックスに登録しました

こんばんは。 クローラーをブロックしても、インデックスされることがあります。 wp-adminへのリンクが、ブログ内にありませんか? もしあれば取り除いた方が良いと思います。 できればnoindexにしたいところですが、悪い影響はない警告なので、放置でも問題にはならないはずです。

6年前
フォーラム
返信
RE: サイトアイコンの変更後、反映されていない箇所について

現在、私のiOSシミュレータ機からは、お気に入りも正しく表示されています。 (画像添付しますね) 新しく訪問したユーザーは、おそらく正しいアイコンが出ていると思います。 これからアクセスする人は大丈夫だと思いますので、あとは以前にサイトをお気に入りした人の端末ですよね。 こちらの記事によると、時...

6年前
フォーラム
返信
RE: Cocoonの親テーマの方を有効化してしまった件につきまして

すみません、ちょっと気になったのですが、問題としてはどのような問題が起きていますでしょうか? どのサイトでも、子テーマの方を扱うようにとの記載があるため、そうしたいのですが変更方法がわからず、質問いたしました。 これは「カスタマイズする時は、子テーマを使う」という意味だと思います。 カスタマイズしな...

6年前
返信
RE: サイトアイコンの変更後、反映されていない箇所について

こんにちは。 サイトアイコン(ファビコン)は、端末のブラウザに保存されるので、キャッシュクリアでは変わらない場合があります。 ▼ブログカードは、Googleのものが使ってあるので、コントロールできないかもしれませんね。 ▼各ブラウザごとにファビコンを削除する必要があると思います。 「favicon...

6年前
フォーラム
返信
RE: 番号付きリストと目次デザインを分ける方法

「.entry-content > ol」でいけますね。 あんまり使ってなかったので盲点でした。 否定疑似クラス『:not()』だと、かなり面倒です・・・。

6年前
フォーラム
返信
RE: 番号付きリストと目次デザインを分ける方法

あ、すみません。 否定疑似クラス『:not()』で、tocクラスを外すといけるかもしれないですね。 僕は使ったことがないのですが・・・。

6年前
フォーラム
返信
RE: 番号付きリストと目次デザインを分ける方法

こんにちは。 この件、なかなか難しかったと思います。 ul要素、ol要素に独自のclassを付けて、その独自classでカスタマイズするのが一番手っ取り早い方法かと思います。 (目次のtocクラスでカスタマイズを打ち消すのが大変なので) あとjavascriptで目次以外のul要素、ol要素に独自の...

6年前
フォーラム
返信

こんいちは。 かうたっくさん、いろいろ説明不足でした。 Cocoon設定『SEO』タブの『分割ページにrel="next"/"prev"タグの追加』のチェックを外せば、WPデフォルトのlinkタグが出る仕様。linkタグのリンク先は、前後の別投稿ページ。 ➡なかたまさんが言ってるのは『これは間違って...

6年前
返信

こんにちは。 草村さんの書かれているコード(WordPress標準の設定をリムーブする)が一番スマートな気がします。全然気づかなかったです。 WordPress標準の「rel="next"/"prev"」がSEO的に間違っているので、CocoonもSEOプラグインも、それを正しいシグナルにするように...

6年前
返信

こちらは、わいひらさんにも見てもらった方が良さそうですね。 Cocoon側で出力されているように見えます。(添付画像) 僕の環境では再現できていませんので、何かとバッティングしている可能性もありそうですが・・・。 親テーマのみでも再現するかどうかなどのチェックも必要かもです。 0b7651502...

6年前
返信

たびたびすみません、Autoptimizeプラグインの圧縮も解除いただけないでしょうか? Cocoonの高速化があれば、このプラグインは不要な気がします・・・。 何かのプラグインがrel=nextを出しているんでしょうかね。

6年前
返信

ソースを確認しました。 プラグインか、テーマによるものかを確認したいので、HTMLの圧縮を解除いただけないでしょうか?(コメントが消えますので) 僕の環境では再現できませんでしたので、何か設定があるのかもしれませんね。

6年前
返信

追記です。 空のfunctionで上書きすると、WordPressデフォルトのnext/prev設定になるかもと思われそうですが、そこは「All in One SEO Pack」で最適化されるのでご安心ください。(All in One SEO Packには、next/prev設定解除がなく、強制的に...

6年前
返信

こんにちは。 とりあえずCocoonの「rel="next"/"prev"タグ」を消すのは、子テーマのfunctions.phpに以下を追記で消せます。 function the_prev_next_link_tag() {}空のfunctionってPHP的にはOKなのでしょうか? 誰か詳しい方がい...

6年前
返信
RE: h1~h6は順番通りに使わないとSEO的に不利なのでしょうか?

こんばんは。 CSSを記述する場所は、提示されていた記事にもある 外観>テーマ>カスタマイズ>追加CSSの箇所です。(添付画像参照) そちらに以下の記述を入れます。(class名をorangeからgreenに変更しています) .article h2.green{padding: 0.6em;back...

6年前
フォーラム
返信
RE: AMP対応は本当に必要なことなのでしょうか。みなさんどう思いますか?

僕も個人的な見解を。 まず「AMPにする・辞めるで検索順位が良くなる」という直接的な要因とは考えづらいです。 AMPにしてサイトが速くなった、AMPのカミナリマークでCTRが上がった、などであれば「品質が同程度のコンテンツなら」AMP化で順位が上がる可能性はあります。 特にカミナリマーク=表示が速い...

6年前
返信
RE: h1~h6は順番通りに使わないとSEO的に不利なのでしょうか?

こんばんは。 基本的に見出しデザインを変えたい場合は、 ①見出しごとにclassを付けるか、②body要素にカテゴリーidのclassがあるので、カテゴリのclassで分岐させるとスマートです。 ①の場合のCSS .article h2.orange{/*見出しがオレンジになるようにcssを書く*/...

6年前
フォーラム
返信
RE: htmlサイトマップをプラグインを使わずに作成したい。

こんにちは。 phpが分からない場合は、ショートコードを使われるのが良いと思います。 こちらの記事をご参考いただき、固定ページを作って、 このように、カウントを999とかにすれば、新着記事順に999個まで表示されます。 というのも、WordPressの固定ページの作り方と、記事を出力するphp...

6年前
フォーラム
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

わいひらさん、ありがとうございます。 修正版を上書きして、新旧のiPadで問題なく表示されましたので、ご報告申し上げます!

6年前
フォーラム
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

僕が最初のコードをテーマの追加CSS(優先順位が高い)に書いてしまったので、上手く表示されていました。 紛らわしくてすみません。 Cocoonテーマのstyle.cssだと、/wp-includes/css/dist/block-library/style.min.cssが後から読まれるので上書きさ...

6年前
フォーラム
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

わいひらさん、/wp-includes/css/dist/block-library/style.min.cssは、こちらになります。※私の方で圧縮は解除しました。 .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-...

6年前
フォーラム
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

かうたっくさん、ありがとうございます! 最新のiOSのiPadでも問題なく表示されています。 わいひらさん、すみません。 かうたっくさんが書かれた方法で、最新のブラウザでも、古いiOS環境でも問題なく表示されるのであれば、最新バージョンで適用させておこうと思います。 こちら上書きしましたが /w...

6年前
フォーラム
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

すみません、添付画像が2MB超えてましたので 再度、画像を添付します。 209581a10b19dc3ae198c10eaf46d92c.jpg

6年前
フォーラム
返信
RE: フォーラム書き込みテスト。

添付画像テストさせてください。

6年前
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

かうたっくさん、僕の環境でCSSを入れて確認させていただきました。 iOS10.3でも上手く表示されるようになりました。 通常のギャラリー機能で組んでも、問題なく表示されています(添付画像)

6年前
フォーラム
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

Gutenbergのギャラリーで画像を貼ると、古いiOSで崩れるみたいです。 Twenty Seventeenのテーマで試しても崩れたので、Cocoonの問題ではないと思います。 Gutenbergを使っていても、ギャラリーではなく、通常の画像で貼れば上手く表示できました。 こちらは僕のテスト環...

6年前
フォーラム
返信
RE: タブレット閲覧時に画像と記事の文字が被ってしまう

こんばんは。 確認したところiOS10.3のiPadでレイアウトが崩れています。(古いiOSですね・・・) 新しいiOSのiPadであれば、問題は起きないようです。 添付画像のli要素にあるdisplay:flexを削除すると、問題なく表示されます。 ul要素にもdisplay:flexがあるからで...

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

わいひらさん、ありがとうございます。 テーマを上書きさせていただきました。 僕の環境でも上手く表示されています。 発火ポイントが変わって、さらに自然になりましたね!

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

私の方でもコード2で表示されました。 (コード1だと不可でした)

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

Akiraさん、お疲れさまです。 わいひらさんがご提示された JavaScript プラグインフォルダ全てを除外した時に、「トップへ戻る」ボタンは表示されるでしょうか(スクロールするとページ右下に出てくる上矢印のボタン)。 こちらトップへ戻るのボタンは表示されていませんでした。 iPhone7(iO...

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

フォルダごと除外できたんですね。 僕の環境でもplugins除外では表示されませんでした。

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

お疲れさまです! Akiraさんのjs除外(2パターンとも)と、わいひらさんのphpファイルの差し替えを試してみましたが、どちらもjsの縮小化で画像は表示されませんでした。 難しいですね・・・。

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

「JavaScriptを縮小化する」にチェックしたら、不具合が再現できました。 さ、さすがです! intersection-observer.jsを縮小化から除外しましたが、こちらは不具合が起きたままになりますね。

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

こんにちは。 僕のテスト環境ですが、Laxy loadを試したところ iPhone5(iOS10.2)で問題なく表示されています。 Akiraさんのコードは入れていない状態です。 Wordpress4.98でも問題なかったです。 サーバは、Xサーバーで親テーマのみです。 ということは、サーバ...

6年前
フォーラム
返信
RE: iPhone5でLazy Load不具合

こんにちは。 僕の環境の開発ツールでも、iPhone5で表示されませんね。 GoogleAnalyticsでiOS10.3ユーザーの人数を確認できるので、Lazy loadの有効か無効かの判断材料になると思います。 僕が運営する別のサイトでは、iOS10.3ユーザーは全体の1.83%です。そこまでの...

6年前
フォーラム
返信
RE: 横揺れしているページがあります

お疲れさまです。 iPhone XとiPhone8で横揺れが直ってるのを確認できました! (他の箇所もざっと確認しています)

6年前
フォーラム
返信
RE: 横揺れしているページがあります

すみません、添付画像を忘れてました。 bdf4c407063255b411299b990461e967.png

6年前
フォーラム
返信
RE: 横揺れしているページがあります

こんばんは。 開発ツールで確認したところ、添付画像の箇所のbody要素が860pxになっているのが原因っぽいですね。 この返信フォームのiframe内にあるmainクラスのbody要素です。 の145行目が、モバイルもwidth:860pxで認識されていました。 一応開発ツール上でwidth:...

6年前
フォーラム
返信
RE: 本文投稿内にscriptタグが2つ以上含まれているときに、その間の内容が表示されなくなる

記事投稿画面のキャプチャも貼っておきますね。 82031e8f8bbc1f4cb69b02b8c8bf69eb.png

6年前
フォーラム
返信
RE: 本文投稿内にscriptタグが2つ以上含まれているときに、その間の内容が表示されなくなる

div id="hiduke" を追加してもその場では表示されず、一番下に表示されてしまいます。 失礼しました。僕の環境だと上手くいったのですが、何でだろう・・・。 キャプチャも貼っておきますね。ユーザーエージェントの表示もできてます。 今後もこの機能を実装する予定はないでしょうか。 こちらは、わい...

6年前
フォーラム
返信
RE: 本文投稿内にscriptタグが2つ以上含まれているときに、その間の内容が表示されなくなる

分かりにくくてすみません。 Simplicityのようにdivとscriptの開始タグ、終了タグで囲んだ中身のJavaScriptが、投稿した場所で表示されると、お手軽に使えるためにとても便利だったのですが。。。 この投稿する場所、表示させたい場所に直接書くのって、あんまり見ないので一般的ではないの...

6年前
フォーラム
返信
RE: 本文投稿内にscriptタグが2つ以上含まれているときに、その間の内容が表示されなくなる

すみません、divが消えました。 <div id="hiduke"><script>var hiduke=new Date();var month = hiduke.getMonth()+1;var day = hiduke.getDate();document.getElementById( "h...

6年前
フォーラム
固定ページ 10 / 12

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

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

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

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

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

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

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

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