Cocoonフォーラム

images フォルダは、public_html ディレクトリに配置しお試しください。 ※ wp-content と同じ階層に images フォルダを配置します。 そして、「アップロードするファイルの保存場所」を images にするとどうなるでしょうか。

アップロードするファイルの保存場所 ../images この相対パスが間違っている気がします。 こうではありませんか？ images 相対パスの .. は、親ディレクトリを指します。../images だと、public_html の親ディレクトリの logical-cook.co...

プラグインだったんですね。 3 つのページの AMP エラーは解消しています。ただ、画像の形式が WebP でなくなったのがネックになるかもしれません。 そのプラグインを使ったことがないため、ここからは憶測です。 おそらく、「<PICTURE>tag syntaxを使用してく...

picture タグをお使いになっているのが原因です。AMP では picture タグは使えません。 解決方法は 4 つあります。 非 AMP ページでも AMP ページでも画像の最適化に関し何もしない 非 AMP ページのみで picture タグを出力し、AMP ページでは何もし...

位置から推測すると、Cocoon 設定の「アクセス解析・認証」タブにある「ヘッド用コード」に script タグを記入されているように思えます。 また、さる子さんがおっしゃっているように、CSS にも記述ミスがあります。子テーマの style.css の 253 行目の @media scree...

不具合ではないのに早速のご対応ありがとうございます。 あとは、各 Cocoon 利用者が、WordPress 管理画面 → ユーザー → プロフィールの「プロフィールページURL」にプロフィールページや 著者個人の SNS の URL を記入すれば完璧なはず。 というのも、投稿者別アーカイブ...

この CSS でも上手くいくかもしれません。 .navi .item-label { white-space: nowrap; }

1 点だけ気になったので書き込んでおきます。 mixhost の仕様を忘れたのですが、wp-content のパス（階層）はこれで合ってますか？ puclic_html/wp-content こんなパスが正しいかもと思ったのですが。 public_html/ドメイン/wp-conten...

削除

新たに別の箇所で HTML エラーが指摘されました。 以下の notepad.pw に書かれている… この部分を… <!-- wp:paragraph --> <p>《物件番号は「MQ」とご入力ください》</p> <!-- /wp:pa...

おっしゃる通りです。wp:paragraph は、上下とも削除します。テンプレートのショートコードを div のみで囲みます。 <div></div>

そちらではなく、こちらの notepad.pw です。投稿ページのブロックのものです。

※申し訳ありません。間違った HTML を書いたので、修正しています。 まだ HTML エラーがありました。 先に notepad.pw にお書きになった 1 番下の部分を… <!-- wp:paragraph --> <p></p> <!-...

ZIP ファイルの 1 番目の画像が開けないです。 ただ、私は、このように予測しています。 【現状】 8 月 12 日 ~ 16 日に Google クローラーがやってきた。その時は、AMP エラーがあった。しかし、現在は AMP エラーは解消されている。 【対策】 AMP エラ...

テンプレートを下記のものに変更するとどうなるでしょうか。 <div class="wp-block-cocoon-blocks-caption-box-1 caption-box cb-light-blue block-box"> <div class="caption-bo...

①この部分を… お問い合わせにつきましては、迅速に対応させていただきます。</p> <p> 最後の p 開きタグを削除します。 お問い合わせにつきましては、迅速に対応させていただきます。</p> ②この部分を… お問い合わせフォームをご利用いただ...

下記の部分の HTML はどうなっているでしょうか。 「お問い合わせフォームをご利用いただくと、いつでもお問い合わせいただけます。お問い合わせにつきましては、迅速に対応させていただきます。」 この部分で HTML エラーが指摘されています。 com.png

HTML エラーチェッカーで調べると、「お問い合わせフォーム」の部分で HTML のエラーが出ています。 HTML に不具合がある場合は、「このブロックでエラーが発生したためプレビューできません」となってもおかしくありません。 notepad では、その部分の HTML を確認できません。C...

おっしゃるように、OGP の問題だと思います。 Cocoon が出力する OGP 以外に、別の OGP があります。tmp-user フォルダの head-insert.php ファイルなどに meta タグを追加されてはいないでしょうか。この meta タグに「記事のタイトル」「記事の説明」と...

添付画像が確認できませんが、その 4 つのページで AMP エラーは出ていません。 Search Console のどこかに「修正を検証」ボタンはありませんか？どこから「修正を検証」を出すのか忘れましたが、#38491 の添付画像の各 URL をクリックで出てこないでしょうか。「修正を検証」のク...

画像のパス（URL）が違い、403 エラーを出しているのが原因です。 下記ページを例にします。 このページの本文の最初の画像のパスは、現在こうなっています。 この画像の正しいパスは、こうではありませんか？ 表示されない画像のパスのご確認が必要です。 また、プラグイン...

サイトを拝見して思ったことを書いてみます。 長いので結論を先に書くと、pagespeed insights のスコアを気にされる必要はないように思えます。 ① AdSenseを外すとスコアは良くなる AdSense を使うと、モバイルのスコアがかなり悪くなります。表示される広告によります...

現在も AMP エラーは出ています。ただ、根本的な原因箇所がはっきりしません。 とりあえず、「FC2ブログランキングへ」の部分にある、下記 style タグ（タグの書き方ではないけど）の削除が必要です。 <style="font-size:12px;">FC2ブログランキングへ&...

こんなエラーでしょうか？ 「AMPタグ「style[amp-keyframes]」の親タグは「body」である必要があります。」 もし、このエラーであれば、その固定ページの HTML エラーが原因かもしれません。固定ページの編集ページより、タグの閉じ忘れなどをご確認ください。 ※例: &...

まだ jQuery の読み込みエラーが出ています。 プラグインの停止も必要です。特に Async JavaScript が怪しいです。また、Autoptimize や WP Fastest Cache も停止が必要かもしれません。とりあえず、全てのプラグインの停止をお試しください。 プラグイ...

修正する内容によって変更場所は異なります。 投稿ページや固定ページ、ウィジェットの編集ページかもしれません。また、tmp-user フォルダにある amp-〇〇ファイルに何かしらの追加が必要かもしれません。あるいは、子テーマの functions.php でのカスタマイズが必要かもしれません。他...

Cocoon 設定の「SNS シェア」タブにある「Pinterest 共有」は、無効になっていますか？  com.png

Cocoon 設定の「アクセス解析・認証」タブにある「ヘッド用コード」に、meta タグをコピペすれば大丈夫なはずです。  comp.png

style 属性に height プロパティの指定があっても AMP エラーは解消しません。height 属性が必要です。 また、layout 属性の値が responsive の時は、width 属性も必須です。 そのため、height 属性も width 属性も iframe タグに追加...

もし、サイトマップではなく記事一覧ページの作成であれば、WordPress 外観 → 設定 → 表示設定の「ホームページの表示」にある「投稿ページ」に「記事一覧」との名前の固定ページを設定します。  comp.png

動画を表示するだけなら、このような方法でいけます。ただし、サイト上で動画を再生できません（YouTube 上でしか再生できない動画です）。 YouTube の「共有」をクリック。 「埋め込む」をクリック。 HTML をコピー。 WordPress の「カスタム HTML」ブロックに H...

※間違ったことを書いたので削除

「ARVE Advanced Responsive Video Embedder」外した場合に検出される Search Consoleエラー サイトを拝見する限り、逆のような気がします。プラグインをお使いのため、構造化データのエラーが出ているように思えます。 プラグインを停止後に構造化デ...

もう 1 度「ARVE Advanced Responsive Video Embedder」の停止をお試しになるのがいいかもしれません。 動画の周りに arve と確認できます。また、Cocoon ではないはずの動画の構造化データもあります。プラグインかカスタマイズかが関係していそうな気がしま...

この部分を… <div class="profile-box common-icon-box">【<b>後間 秋穂アナ プロフィールなど</b>】 このように改行すると、どうなるでしょうか。 <div class="profile-box comm...

やはり、通常ページの HTML が変です。 com.png

【後間 秋穂アナ プロフィールなど】の部分の HTML をご確認ください。 </p> 閉じタグはあるのに、<p> 開きタグがないように見えます。  com.png

私の環境では、改善を確認できました。ありがとうございます。

●速度 私だったらプラグインでの CSS 縮小を停止し、代わりに Cocoon 設定 → 高速化の「CSS を縮小化する」を試します。Cocoon では Autoptimize は不要です。また、WP Fastest Cache の CSS 関係の設定も無効にするのがいいかもしれません（モバイル...

ごめんなさい。私では解決できそうにありません。 原因になりそうな箇所が分からないですし、わいひらさんの環境で再現できない理由も分からない…。 ちなみに、HTML を縮小し、画像の拡大効果がなしの場合のダウンロードボタンの HTML は、こんなものです。 <div class="bt...

私の環境で不具合を再現できました。endou さんのサイトの固有の問題ではない気がします。 ただ、関係しそうなファイルをざっと見たのですが、問題になりそうな箇所が分かりませんでした。明日の夜まで時間が取れないため、とりあえず私が確認した内容だけ書いておきます。 不具合は、「HTML の縮小」...

普通は、PC の検索結果に画像は表示されません。 SearchPreview のような拡張機能をお使いでしょうか？もし、拡張機能をお使いであれば、拡張機能の仕様が分からないことには誰も何とも言えないと思います。もしかすると、拡張機能の再インストールで解決するかもしれません。 また、Googl...

子テーマの style.css の 61 行目がおかしいです。↓ の部分の削除でどうなるでしょうか？ @media screen and (max-width: 480px){ その箇所の全体像は、このようなもの。@media screen and (max-width: 480px){ が ...

通常のリストを記載したときに、左端にみきれてしまうほどぴったりついてしまいます。 であれば、左側の余白を 0 にするのは、カスタマイズ紹介記事のリストのみにすれば解決する気がします。 この部分を… @media screen and (max-width: 768px){ .a...

こちらのコードのpaddigの後にある13pxの数字を大きくすることで右側にずらすことができましたが、正しい方法でしょうか？ 通常の文章や画像などにも影響していいのであれば、正しいと思います。 ところで、【Cocoon】全40通り！おしゃれなリスト(箇条書き)を作る！コピペOK！で紹介さ...

通常ページは、正常になりました。 一方、AMP ページはまだ BOM があるのですが、親テーマの amp.css に BOM が混じっていました。申し訳ないです。私の確認不足でした。 ただ、親テーマにすれば正常になるとのことですので、原因は BOM ではなかったということ。 他にある原因...

おそらく原因は BOM（Unicode のデータ） です。BOM を削除すれば、解決できるかもしれません。 通常ページでは、</head> タグの直前に BOM があります（赤い点が BOM）。 com-a.png 子テーマの tmp-user/head-insert.ph...

ちょっと変わった形の円形を作りたい時に便利な Fancy Border Radius Generator 。 簡単な操作で border-radius を作ってくれます。  coms.png

画像を 1.6 倍や 2 倍に拡大するオンラインツール waifu2x 。 拡大しても画像は荒くなりません。  2020-06-18_23h23_47.png