Cocoonフォーラム

わいひらさんがご提示された JavaScript プラグインフォルダ全てを除外した時に、「トップへ戻る」ボタンは表示されるでしょうか（スクロールするとページ右下に出てくる上矢印のボタン）。 表示されないなら、User Timing API が怪しいです。

ということは、除外するべきは、こっちのファイルかもしれません。 /wp-content/themes/cocoon-master/plugins/lozad.js-master/dist/lozad.min.jsもしくは、先程の intersection-observer.js ファイルと、今回の ...

フォーラムを開いたままにしていたので、たなかまさんのコメントを読んでいませんでした。 Cocoon 設定 → 高速化の「JavaScriptを縮小化する」も原因の可能性がありますね。 「JavaScriptを縮小化する」に、縮小化を除外するファイルを入力する欄があります。 子テーマの functio...

コードの追加方法は正しいです。 最後に、こちらのコードを試していただけないでしょうか。私が iPhone を持っておらず、手元で確認できないので大変お手数をおかけします。 function wp_enqueue_lazy_load() { if ( is_lazy_load_enable() ...

まず気になったのが、5.6.38 と古い PHP のバージョンです。 Cocoon の推奨バージョンは 7.0 以上（これは最低要件）。 WordPress の推奨バージョンは 7.2 以上です。 セキュリティやサイトスピード、そして不具合発生の予防のために、PHP のバージョンを 7.2 以上、最...

うーむ…。 では、こちらのコードを子テーマの functions.php に追加されると、どうなるでしょうか。 すでに削除されているようですが、先程のコードを必ず削除後に追加なさってください。 function wp_enqueue_lazy_load() { if ( is_lazy_loa...

OS が古いのが原因だと思います。（ブラウザのバージョンも関係あるかもしれません。） 試しに、下記のコードを子テーマの functions.php に追加されると、どうなるでしょうか。 function wp_enqueue_lazy_load() { if ( is_lazy_load_en...

AMP エラーが出ている原因は、自動広告コードが 2 つあるためです。 なぜ 2 つあるかというと、すでにテーマが自動広告コードを設置しているのに、chisei さんが自動広告コードを設置されたため。 先に書いたように、「アドセンス自動広告のみ利用」か「自動広告とマニュアル広告を併用」を選ぶと、テー...

解決方法は、chisei さんが設置された AMP 自動広告コードを削除することです。 Cocoon 設定の広告タブで、「アドセンス自動広告のみ利用」か「自動広告とマニュアル広告を併用」を選択すると、自動的に通常ページでも AMP ページでも自動広告コードが設置されます。 どちらかを選択されているの...

最後のあがきとして、これをお試しになってはいかがでしょうか。たぶん解決しない気はしますが、これでダメなら Lazy Load を無効にされるのがいいと思います。 子テーマの javascript.js の 6 行目から 43 行目を、このように書き換えます。 (function() { con...

私のやり方がどこか違うのかもしれないですね。 いえ、正しく修正されています。 それなのに、なぜか Windows 10 の Chrome でアイキャッチ画像が表示されないですね。 私のテスト環境に、chan さんのサイトの JavaScript をコピペし、同じテーマ設定にして Windows 10...

つまり、どちらか一方を選択するしかないということですね。 ようやく理解出来ました。 一覧リストのアニメーション機能がとても気にいっているので、こちらを優先させることにします。 こちらに書かれたことが気になったので、念のため書いておきます。 Lazy Load 機能と一覧リストのアニメーションは併用で...

その圧縮した部分が、4 行目です。 コメントアウトが必要なのは、コードを縮小し長い 1 行になっている、この 4 行目です。 「//JavaScriptやjQueryで親テーマのjavascript.jsに加えて関数を記入したい時に使用します。」の真下に、!function(t,e){"use st...

今回の不具合の原因になったと思われるのが、子テーマの javascript.js の 4 行目です。この 4 行目が intersection-observer.js 。 この 4 行目に関しては、このようにご判断ください。 Cocoon の Lazy Load 機能を有効にされる場合には、削除。ま...

ちょっと気になることがあるので、Cocoon 設定の高速化から HTML と CSS 、JavaScript の縮小化を無効にしていただけるでしょうか。 あと、もし子テーマの javascript.js に intersection-observer.js を追加されている場合には、削除されるとどう...

Google の書き方が心臓に悪いなといつも思います。何か良くないことが起こったと勘違いしちゃいます。 「Google 検索で、サイトのデータに影響を与える可能性のあるイベントが発生しました。」 これを言い換えると、こんな感じです。 「Search コンソール上で表示されている数字が変わるかもしれな...

いくつかページを拝見しましたが、AMP エラーは出ていません。 リンクされたページは、Search コンソールの仕様の変更内容が書かれたお知らせページです。 そのお知らせは、Search コンソール上でも ① と表示し知らせてくれます。 Search コンソールの仕様が変わったよとのお知らせのことを...

ありがとうございます。お手数をおかけしました。 現状の Gutenberg は、まだ作りが荒いかな。ビジュアルエディターとコードエディター（旧テキストエディター）をもっと簡単に切り替えられたらいいのにと思ってしまいました。 あと、画像を挿入すると、必ず figure タグで囲むように変更されたんです...

Cocoon 設定 → AMPにある「AMPロゴ」の URL が空になっていないでしょうか。 何かしらロゴ画像の URL を設定されると AMP エラーが解消すると思います。 katunori さんのサイトで、デフォルトで設定されていた URL は下記のものです。

メディアアイコンが消えたのは、WordPress 5.0 の仕様です。 WordPress 5.0 からは、エディターが Gutenberg になりました。 ただ、画像ブロックを動かすことで、好きな位置へ画像を挿入できます。 Gutenberg については、検索すると山のように情報は出てきます。 こ...

CSS でされるのなら、参考にされているページ内リンクのジャンプ先の位置を調整する方法の方法でいけると思います。 こんな感じです。値はご希望の状態になるようにご変更ください。30vh ~ 40vh にしないといけないかもしれません。 #text-28 { margin-top: -50vh; ...

お手数をおかけしました。 CSS と同じように and 演算子が使えるよと示したくて、記事では広告コードを 3 つ書いています。 私のサイトも Cocoon と同じく、タブレット以上では 280px の高さにしようかな。

リンクユニットではない通常広告に修正箇所があります。 481 ~ 840px の広告と、841px 以上の広告は、全く同じです。 なので、この 2 つの広告は、media="(min-width: 481px)" で 1 つにまとめられます。 たぶん、私のサイトに埋め込んでいる広告コードをご覧になっ...

そもそも、overlays: {top: true} との変更は、アドセンスのポリシー違反にならないのでしょうか。 どこにも overlays: {top: true} と変更していいとは書いていません。

これでいけます。 .content-in { justify-content: center; }

それだけで効くはずなので、おかしいと思って調べてみました。 子テーマの style.css の最後に追加されませんでしたか？ 効かない原因は、子テーマの style.css の 516 行目から 521 行目の下記の指定が } で閉じられていないことのように思えます。 .tagline { t...

これでいけます。 .sns-follow-buttons { justify-content: center; }ご提示された CSS のうち、必要なのは font-size: 24px; までだと思います。

サイト名とキャッチフレーズの間隔は、この CSS で変更できます。 .logo-text { padding-bottom: 0; }これよりさらに狭くされたい場合には、この CSS も追加します。 .tagline { margin-top: 0; }どちらも 0 の値は、お好きな...

モバイルメニューの裏に隠れています。 フッターの下に margin で余白を入れると解決します。 .footer { margin-bottom: 50px; }モバイルメニューの高さが 50px あるので、値は 50px 以上が必要です。

Google が検証中は「保留」になります。 所要日数は分かりませんが、通常 2 ~ 3 日でエラーも保留もなくなると思います。

現在は表示されているようです。 各 URL に「?amp=1」を追加した AMP ページは、サイトが使っているサーバーにアクセスして表示されます。なので、新規の広告設置や何かしらの変更は、すぐに反映されます。 一方、Google 検索から訪れる AMP ページは、Google に保存されている AM...

どのツールを使っても、AMP エラーは出ていません。 Search Console の「修正を検証」をクリックされるだけで解決するはずです。

自分なりに、いろいろと調べると、検索結果からAMPページを見たときだけ、CSSが反映されておらず、直接URLの末尾に「amp=1」をプラスしたときは、反映していました。 それは Google が保存している AMP キャッシュが更新されていないためです（Cocoon の AMP キャッシュのことでは...

私の PC の環境からは、サイドバーはこのように見えています。 「トップページ」 広告検索フォーム人気記事カテゴリー「投稿ページ」 広告検索フォーム新着記事人気記事カテゴリー別新着記事カテゴリーカテゴリーの人気記事Facebook のいいね！これは現在のウィジェットの設定と合っているでしょうか？ ま...

プラグインの a3 Lazy Load が原因です。プラグインを削除されると直ると思います。 このプラグインの中身を見てみると、サイトを遅く重くする処理がされています。私だったら使いません。 昨日リリースされた Cocoon 1.4.0 で Lazy Load が実装されたので、画像の遅延読み込みは...

まず、現在お書きになっている CSS を削除します。 次に、下記の CSS を追加します。 .tag-7-post .sns-share, .tag-7-post .follow-button:not(.rss-button) { display: none; }

修正版で robots.txt が縮小されないことを確認しました。 ご対応ありがとうございます。お手数をおかけしました。

かうたっくさんの「 robots.txt の記載が一本になる」とのコメントが気になって、テスト環境を調べました。 Cocoon の高速化設定で HTML を縮小すると、WordPress が自動的に作る robots.txt も縮小しちゃいますね。 lib / page-speed-up / min...

あら。また書いていたら、わいひらさんの投稿が。

一応、補足。 class をつける方法は、任意の th のセルの色を変更する場合に使います。 th 全ての色のご変更は、かうたっくさんの CSS の td を th にすれば OK です。

td も th もやり方は同じです。 th に class をつけます。 class="th-background"CSS を指定します。 .th-background { background: red; }>> tdに紹介されているのが見当たらないからです。 td も th ...

bgcolor 属性は廃止された上に、IE しか対応していなかったものです。 なので、使ってはいけません。 任意のセルにとのことですので、このように行います。 まず、色をつけたい td に class をつけます。 class="td-background"次に、td につけた class を使い、...

おっと…。ごめんなさい、かぶってしまいました。

私の環境でもたなかまさんの方法でいけました。 または、カスタムフィールドの footer_custom に JavaScript を書いてもいけます。 表示したい箇所に、下記の HTML を書いておきます。 ＜p id="hiduke"＞＜/p＞ そして、カスタムフィールドの footer_cust...

Lazy Load に関する Google の詳細なドキュメントがあったので追加します。 Lazy Loading Images and Video このページの JavaScript availability に、noscript に言及しています。 noscript は、最も簡単なフォールバック...

SEO 向けに noscript は必要です。 Lozad.js も noscript の使用をすすめています。 How to load images normally when JavaScript is disabled? Google が Intersection Observer API を...

私は、Intersection Observer API を使って Lazy Load を実装しました。 その時のコードがまだあったので見てみたら、先にリンクした Medium の記事と同じでした。 唯一違うのが、rootMargin: '50px 0px' の部分だけ。私は '200px 0px'...

Lazy Load の情報の補足です。 Google、SEOに適したLazyloadの仕様を公開 公開された Google のドキュメント Make sure Google can see lazy-loaded content Google が薦める Intersection Observer A...

meta タグの google-site-verification がおかしいです。 Cocoon 設定 → アクセス解析・認証 → Google Search Console設定で、どのように入力されているでしょうか。 とりあえず、ID のみの入力にご変更ください。 それでも直らない場合には、全て...