Cocoonフォーラム

確かに、投稿の編集の「SEO設定」の「インデックスしない（noindex）」にチェックを入れ保存すると、「リンクをフォローしない（nofollow）」にもチェックが入りますね。 また、「インデックスしない（noindex）」にチェックを入れず、「リンクをフォローしない（nofollow）」にチェック...

テーマの不具合ではなく、ゆうさんのサイトの特有の問題です。 AMP エラーの原因は、2 つあります。 1 つは、AMP に限らずサイトで使ってはいけない -webkit-text-stroke-width をお使いになっていること。 もう 1 つは、style 属性で !important をお使い...

あ…。ごめんなさい。 ログインユーザーには、＜body＞ タグの class に logged-in が付くことを忘れていました。 わいひらさんの方法がいいですね。AMP にも対応できますし、何より簡単です。

まず、子テーマに 1 つファイルを作成し、logged-in.css と名前をつけます。 その logged-in.css に、ログインしているユーザー専用の CSS を追加します。 次に、子テーマの functions.php に、下記のコードを追加します。 add_action( 'wp_enq...

AMP エラーが出ますね。 lib / html-forms.php の 904 行目に、ダブルクォーテーションが 1 つ多いのが原因です。 class="popular-entry-card-link a-wrap no-<?php echo $i; ?>""

Google Search Console の AMP テストでも、エラーは出ていません。 AMP テストの結果 以前そのエラーを修正された後に、Googlebot がそのページにクロールしていないだけだと思います。 いずれ自然と解消すると思いますが、少しでも早く解消するには「修正を検証」ツールを使...

正式にリリースされていない Cocoon の最新版を試したところ、AMP でもインラインスタイルが適用されました。 わいひらさんのコメントにあるリンクより、Cocoon 最新版をダウンロードされたでしょうか。 それと、インラインスタイルは、原則使わないのがおすすめです。 何をしているのか本当に理解し...

PHP のバージョンが 5.6.36 と古いのが、原因かもしれません。 7.1 以上にバージョンアップされると、テーマを更新できないでしょうか。

はなかさん。原因が分かったかも！ ビジュアルエディターにある「ツールバー切り替え」が無効になっていませんか？（添付画像をご参照ください。） 前に添付された画像では、無効になっています。 /wp-includes/js/tinymce/plugins/wordpress/plugin.js を見てみた...

いくつかあるテスト環境のうち 2 つが、はなかさんと同じ症状が出ていました。 で、原因を探ったのですが、まったく分かりません。 エラーは何も出ていませんし、読み込んでいるファイルに怪しい部分はない。 WordPress の設定は、追従する他のテスト環境と同じ。設定を変えても追従しない。 ブラウザのキ...

そのエラーは広告が表示されていないという内容だと思います。 それで思ったのが、広告をブロックするブラウザ拡張機能をお使いではないでしょうか。 もし、お使いであれば、無効にすると追従しないでしょうか。 広告ブロッカーは、広告とは関係のない JavaScript まで正常に動かなくなる場合があります。 ...

原因は、画像部分の HTML です。 現在は、＜p＞＜/p＞タグの中に 2 枚の画像が入っている上に、＜br＞タグが入っています。 ＜p＞＜/p＞タグの中の画像は 1 枚のみ、かつ＜br＞タグを入れなければ、正常に動作すると思います。 ビジュアルエディターであれば、画像の下に 1 行空白を入れるとい...

あー。ごめんなさい。ビジュアルエディターであれば、私のカスタマイズは不要でしたね。 1 つご確認しますが、表示オプションにある「最大行表示エディターと集中執筆モード機能を有効化します。」にチェックが入っているでしょうか（添付画像をご参照ください）。 チェックが入っていないと、追従しないです。 1...

functions.php にコードを全てコピペされなかったことが、エラーが出た原因だと思います。 最後のセミコロン ; が抜けていた可能性があります。 それと、最初にお聞きするべきでしたが、テキストエディターとビジュアルエディターのどちらで追従しないとおっしゃっているのでしょうか。 テキストエディ...

ハミングバードが、カスタマイズをされているのだと思います。 一応、Cocoon でも、子テーマのみで文字数部分の追従は可能です。 まず、FTP ソフトやサーバーのファイルマネージャーを使い、子テーマフォルダの直下に my-admin.css ファイルを作ります。 そして、my-admin.css に...

カテゴリーではなくタグを表示するということであれば、子テーマの functions.php にコードを追加してもいけそうです。

先程のコメント時に、こんな CSS を試していました。 @media screen and (max-width: 480px) { .logo-header img { max-width: 320px; } }max-width や width を使って、ロゴのサイズを変...

その記事の本文の HTML をご確認ください。 どこかに、何かのタグが閉じられていないか、閉じタグのみがあるようです。 （例 1 ）＜div＞だけあって、＜/div＞がない。 （例 2 ）＜/div＞はあるのに、＜div＞がない。 HTML 縮小化が有効になっているため、どこにあるかは分かりません。

まず、追加されている下記の CSS を削除します。 @media screen and (max-width: 480px) { .logo img { height: 40px !important; /* スマホ時のロゴの画像タテサイズ */ margin: .5em...

Cocoon 設定 → 全体 → サムネイル表示の「サイト全体のサムネイルを表示する 」のチェックが外れてはいないでしょうか。

エンコードしてもダメなのか。 ＜div class="change-blogcard"＞＜p＞URL＜/p＞＜/div＞

URL を＜p＞タグで囲めば、ビジュアルエディターに切り替えても 1 行にはなりません。 URL

現在は、画像の src が https から始まっています。この部分は、問題が解消しています。 ちなみに、srcset は、画像サイズが自動的に最適化される WordPress の機能です。WordPress やテーマの画像設定をもとに、WordPress が自動的に生成します。スマホにはスマホに合...

FTP ソフトやサーバーのファイルマネージャーを使い、メモに残されているコードを index.php にコピペされると元に戻ります。 上記の記事のカスタマイズを適用させるにはどうすればいいかも、合わせて教えていただけると助かります。 そちらの記事に書いてあるとおり、<?php get_head...

Cocoon 設定 → ボタンにある「トップへ戻るボタンの表示」にチェックが入っているか。 こちらはチェックが入っていますが、ワードプレス内のテーマ編集により削除した状態です。 これが AMP エラーの原因です。 最も手っ取り早く、そして確実な解決方法は、テーマ編集から変更された箇所を元に戻すことで...

ついでに、下記の 2 点を教えていただくと解決の助けになります。 Cocoon 設定 → ボタンにある「トップへ戻るボタンの表示」にチェックが入っているか。 Cocoon 設定 → モバイルにある「モバイルボタンレイアウト」は、どれにチェックが入っているか。

Search Console のエラーは、すぐに解消しません。数日かかると思います。 しかし、The AMP Validator のエラーは、即時解消します。時間はかかりません。 The AMP Validator でエラーが出るのは、わいひらさんがおっしゃっている通り、403 でアクセスが拒否され...

エラーメッセージにある boolval() 関数は、PHP 5.5 から導入されました。 そのため、5.4 以下ではエラーが出ます。 サーバーの PHP のバージョンをもう 1 度ご確認ください。5.4 以下ではないでしょうか。 エックスサーバーの PHP バージョンの確認方法は、下記のページがご参...

その 4 ページは、いずれも AMP エラーが解消しています。 また、他のページもいくつか拝見しましたが、全て AMP に合格しています。 Search Console のエラーも、順次解消していくはずです。 AMP テストであれば、テストできました。 テスト結果の 1 つがこちらです。

お手数をおかけしました。修正されているのを今度はしっかり確認しました。 修正前の状態でサイト最上部付近に amp-iframe を設置しても、ちゃんと表示される。しかも、AMP エラーは出ない。AMP 自体にバグがあるような気がしてきました。

申し訳ないです。Cocoon 1.2.0 で AMP エラーを取り除く修正が入ったと、間違ったことを言ってしまいました。 現在の Cocoon では、その AMP エラーは取り除けないです。 aguri さんのサイトのお問い合わせフォームは、AMP の仕様上、AMP ページには表示できません。 AM...

jaian さんのサイトは、古いバージョンの 1.2.4 が適用されています。 なので、下記の 2 つのどちらかが、原因のように思います。 ① 最新バージョンの 1.2.4.4 をインストールされていない。 ② サーバーなどのキャッシュが邪魔をして、インストールした最新バージョンの 1.2.4.4 ...

子テーマの style.css に、この CSS を追加すると横揺れが解消しないでしょうか。 html { overflow-x: hidden; }

これが原因のように思えます。 現在お使いのバージョン 1.2.4 を最新バージョン 1.2.4.4 にアップデートされると、不具合は解消しないでしょうか。 おそらく修正箇所は、これのはずです。 ビジュアルエディター動作の不具合修正

サイトスピードの点では、どちらも変わりません。 ただ、手軽さの点では、比較にならないほど 「Cocoon設定→アクセス解析」が簡単です。 AMP ページに Google Analytics を設置する場合には、AMP の仕様に準じる必要があります。また、記事タイトルや記事 URL を PHP で呼び...

「Cocoon設定→アクセス解析」で Google Analyticsトラッキング ID を設定されると、Google Analytics で計測できます。 設定方法は、「 Google Analyticsでアクセス解析する方法」で説明されています。 Google AdSense の審査用コードは、...

PHP のバージョンが 5.4 と古いですね。 とりあえず、PHP のバージョンを 7.1 以上に上げると、どうなるでしょうか。

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

最初のｈ を半角の h に修正後、「AMPロゴ」にコピペをされると大丈夫です。 その URL は、親テーマに同梱の画像を呼び出すものです。 デフォルトでは、そのURL が「AMPロゴ」に設定されています。おそらく、クリアボタンをクリックされたことで、消えたのだと思います。 URL をコピペ後は、Co...

Cocoon 設定 → AMP にある「AMPロゴ」が空になってはいないでしょうか。 もし、空の場合には、何かしらロゴを作成し設定されると、AMP エラーが解消すると思います。 また、この URL を設定されると、すぐに修正できます。 ｈttps://bucho-diver.com/wp-conte...

サイドバーにある Contact Form 7 のお問い合わせフォームが原因です。 Cocoon 1.2.0 で、この AMP エラーを取り除く修正が入りました。 Cocoon のバージョンを最新の 1.2.3 にアップデートされると、エラーが解消すると思います。

そのようなデザインであれば、もっと少ない CSS でできます。 このフォーラムをもとに追加された CSS を全て削除し、下記の CSS を追加します。 /* 背景色を横幅いっぱいに */ .haikei { background: #f4f4f4; margin: 0 calc((10...

先程の CSS の中に、下記の指定があります。 .haikei > h2 { margin: 0 calc((100% - 100vw) / 2); padding: 25px calc((100vw - 1142px) / 2) 15px; }ここに background を指...

本文の部分が左右いっぱいに広がっています。どのような理由が考えられますでしょうか？ ご質問が、特定の要素に「背景色を付けて」「横幅いっぱい広げる」カスタマイズとのことだったからです。 本文は別の指定が必要です。 このような CSS でどうでしょうか。 .haikei { background:...

セミコロンが抜けているので、再度の書き込み。 .haikei { background: f4f4f4; margin: 0 calc((100% - 100vw) / 2); }

CSS というのは、HTML や他の要素の CSS を見ないと指定できません。 サイト URL のご提示と、どの部分の要素に指定されたいかのご説明をいただけるでしょうか。 想像するに、こんな CSS かなとは思いますが。 .haikei { background: f4f4f4; mar...

Android では、正常に動作しています。 AMP の問題ではなく、iOS の問題のような気がします。 1 番良い解決方法は、iOS や Safari を使わないことかも。この 2 つは、IE を上回るほど地雷だらけです。 もしかすると、「メニュー」と「サイドバー」は amp-sidebar で、...

3 ステップでカスタマイズは終わります。 ステップ 1 : tmp フォルダを作成 まず、子テーマに tmp フォルダを作成します。 ステップ 2 : list.php をコピペ 作成した子テーマの tmp フォルダに、親テーマの tmp / list.php をコピペします。 ステップ 3 : コ...