WordPress on ゲンゾウ用ポストイット

Google Search ConsoleのAMP解析結果が根こそぎ無効となっていたため対処しました

Mon, 15 Feb 2021 10:29:33 +0900

はじめに

ブログのアクセス数がついに 月間30,000万PV となりました！

10年以上続けていたブログです。全くアクセス数伸びませんでしたが、ここ数年で急にアクセス数が増えました。 ITエンジニアの需要が増えたことが関係しているのかな？

さて、昨日久しぶりに Google Search Console を覗いたところ、AMPページについてエラーが発声していました。

今日はどのような問題が発生していたのかと、対処法を取り上げたいと思います。

WordPress環境（バージョン、テーマ）

WordPress 5.6.1 (Luxeritas Child Theme テーマ)

“Google Search Console” のAMPページクローリングでエラーが発生していた

冒頭でも触れましたが、久しぶりに Google Search Console を覗いてみました。

左メニューからいくつかの内容を流し見していたところ、 「AMP」 ページを開いてびっくり。

「せっかくAMP対応していたページが根こそぎエラーになっている！」

なぜAMPページのクローリングでエラーが発生していたのか？

エラーとなっているページを1つ選んで詳細を確認してみました。

タグ内に、 loading="lazy" というHTML属性が設定されていることが原因でした。

ただ、僕はこのような設定を行った記憶がありません。

WordPress5.5から導入された「画像の遅延ローディング機能」が原因

Web上で調べてみると、 Wordpress5.5 から 「画像の遅延ローディング機能」 が導入されたようです。

デフォルトの動作として、エントリの中に埋め込まれている画像には loading="lazy" が自動的に設定されるようです。

対処法1 ： `wp-includes/functions.php` に「遅延ローディング」の無効ロジックを追記

「遅延ローディング」を無効化するためには以下のようにWordPressのコードを書き換えます。

~~（注意：次にアップグレードした際に、また変更内容が消えてしまう可能性はあるので、様子を見たいと思います。）~~

2021-02-25追記：やはりWordPressのアップグレードで変更内容が戻ってしまいました。後述する対処法2を参考ください。

WordPressのソースコードを開きます。 ( wp-includes/functions.php )
一番下に以下の1行を追記します。

1

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

実際に変更されたコードは以下のようになります。

対処法2 ： `wp-content/themes` ディレクトリ配下の `functions.php` に「遅延ローディング」の無効ロジックを追記

WordPressのアップグレードを考慮するとこちらの方法が勧めです。

WordPressのLuxeritasテーマでpreタグSyntaxHighlightを無効にしてもCopyボタンが有効になってしまう問題に対処

Sun, 12 Jan 2020 07:00:03 +0900

はじめに

WordPressのLuxeritasテーマでpreタグ内の空行が消えてしまう問題に対処でも触れましたが、当ブログは WordPress で構築されており、 Luxeritas という非常にSEO効果の高い無料のテーマを利用しています。

pre タグの Syntax Highlight は WP Githuber MD プラグインで実現したいため、Luxeritasテーマで提供されている Syntax Highlight 機能を無効にしてみました。

ところが、Copyボタンが残ってしまいました。

この問題を解決させてみたいと思います。

※こちらの対処法はLuxeritasテーマのAMP機能を利用している場合は推奨しません。AMP機能利用時は、Luxeritasテーマのシンタックスハイライトを利用したほうがうまくいくようです。

検証環境

WordPress : バージョン 5.3.2
Luxeritas : バージョン 3.7.5.1

Luxeritasテーマのファイルを編集する

前回、変更を行っているので多少ソースコードのあたりはつけやすくなりました。以下のファイルを1行だけ変更します。

wp-content/themes/luxeritas/inc/load-inline.php

以下のスクリーンショットのようにコードを変更します。

これで無事、不要な文字とCopyボタンが表示されなくなりました。

ひとこと

Luxeritasテーマで最近困っていたことは一通り解決でき、すっきりしました。

「WP Githuber MD」を使ってWordPressのエントリを開き直すとMarkdownがHTMLになってしまう問題に対応

Sat, 11 Jan 2020 14:32:34 +0900

はじめに

僕は仕事でもプライベート（！？）でも、 Markdown を使ってドキュメントを残すことが多いです。

もはや Markdown はなくてはならないツールとなりました。

当ブログのエントリも、 WP Githuber MD という WordPress のプラグインを使い、 Markdown で記述したものを HTML に変換してページ表示させるという方法で執筆しています。

ところがWordPressの設定変更を繰り返したあたりから投稿内容をWordPressの編集画面で開き直すと Markdown ではなく HTML になってしまうようになってしまいました。

こちらの原因と対処についてまとめてみます。

導入しているWordPressのプラグイン（一部抜粋）

僕が導入しているWordPressのプラグインはいくつかあります。一部抜粋(2つだけですが…)すると以下のようなものがインストールされています。

今回の問題に関わっているのは上記の２つのプラグインでした。

原因はJetPack（の設定）

原因は Jetpack （の設定）でした。 WP Githuber MD プラグインを有効にした状態で、 Jetpack の設定ページの「執筆」タブを開くと、Markdownに関する設定が以下のようになっています。

これは、エントリの編集ページでMarkdown構文を利用できるようにするための設定です。設定上は無効になっています。

ただし、 WP Githuber MD プラグインを一時的に無効にした状態で、再度こちらの設定ページを開いてみます。

Jetpack のMarkdown構文の利用が有効となっています。

一度「WP Githuber MD」を無効にしてJetpackの設定を確認してみることをおすすめします

もし同様の問題に悩んでいる方がいれば、一度 WP Githuber MD プラグインを無効にした状態で Jetpack の設定を確認してみてください。

WordPressのLuxeritasテーマでpreタグ内の空行が消えてしまう問題に対処

Thu, 09 Jan 2020 00:02:50 +0900

はじめに

当ブログは WordPress で構築しています。 WordPressのテーマは Luxeritas という「無料」で「SEO最適化」された「高機能」のテーマを利用しており、大変重宝しています。

時々バージョンアップを行っていたのですが、ある時からエントリの pre タグ内のコンテンツから空白行が消えてしまうという現象が発生してしまいました。以下のイメージは 問題解消後 のものになります。空行が2行ありますが、この行が消えてしまうという問題でした。

WordPressのコードは愚か、テーマなど触ったこともなかったのですが、最終的には自分で修正してみました。

検証環境

WordPress : バージョン 5.3.2
Luxeritas : バージョン 3.7.5.1

1.Googleで調べてみる

まずはGoogleで同様の現象に悩んでいる方がいないか調べてみました。同じような問題で悩んでいる方はいないようでした。

2.公式サイトで調べてみる

Luxeritas の公式ページから調べてみました。

Q&A よくある質問 | Luxeritas Theme のページも見てみましたが、特に記載はありません。

3.最新版にバージョンアップしてみる

もしかしたら最新バージョンでは修正されている問題かもしれません。試しにバージョンアップしてみましたが、やはり問題は解消されませんでした。

4.Twitterで聞いてみる

製作者の方に恐縮ですが、Twitterのアカウントを見つけたので相談してみました。

ご丁寧に「公式ページ」で質問などを受け付けてくれているという回答をいただきました。

5.「公式ページ」で問い合わせしてみる

問い合わせページを探して問い合わせしようと思いましたが、こちらでは Luxeritas に関する問い合わせは受け付けていらっしゃらないようでした。

自分で頑張ってみることにする

自分で頑張って修正してみることにしました。
ここでは最終的にどこを修正したかだけまとめておくことにします。

修正したファイル

wp-content/themes/luxeritas/inc/filters.php

修正箇所

以下のスクリーンショットの行をコメントアウトします。

結果

これで無事、 pre タグ内の空行が正しく表示されるようになりました。

ひとこと

コード量も結構あり、これで正しい修正なのかという思いはありますが、今のところ正常に動作しているようですので様子を見たいと思います。

問題が見つかった場合、当エントリに追記したいと思います。

VimからWordPressのエントリを投稿する方法

Mon, 25 Feb 2019 20:24:45 +0900

僕がエントリを投稿するときはいつも Vim で下書きした内容をクリップボードに貼り付け、WordPress の新規投稿ページに貼り付ける、という流れで投稿していますが、これを Vim の世界だけで完結できないかと思い調べてみました。

WordPress.vim

便利そうな Vim のプラグインを発見

GitHub - vim-scripts/VimRepress: Plugin for managing wordpress blog from Vim.

機能概要

一部抜粋。

This is a mirror of http://www.vim.org/scripts/script.php?script_id=3510

VimRepress is a plugin for managing wordpress blog from Vim, a rewritten of vimscript #1953 , which is broken for years.

Now VimRepress lives with more powerful again.

REQUIREMENT

Vim 7.3+ with python 2.6/2.7 support

Python Environment matched wtih Vim’s support

python-markdown/python-markdown2 installed

wordpress 3.0.0 +

翻訳してみました。

ブログのエントリにコメント投稿できない謎のエラー「画像認証が間違っています」

Mon, 28 Jan 2019 21:33:15 +0900

最近はてなブログからWordpressに移行してみました。きっかけは同僚が比較的簡単にはてなブログからWordpressに移行できたという話を聞いたことと、仕事で移行を担当したためです。

ブログのエントリにコメント投稿できない謎のエラー「画像認証が間違っています」

移行したあとのはじめてのコメントが楽しみなのですが、コメント入力はどんな感じなのだろうと思いました。試しに自分でコメントしてみる。すると、意味不明なエラーが発生。「 エラー:画像認証が間違っています。 」

原因は「SiteGuard」と「Jetpack」プラグインの併用

セキュリティ対策として「SiteGuard」というWordPressのプラグインをインストールしています。

SiteGuard には、Wordpressのデフォルトのコメント入力欄に対してボットによるスパムコメント投稿をさせないようにする仕組みが用意されています。コメント入力時に reCAPTCHA（リキャプチャ） に要求する仕組みでその名の通り「 画像認証 」です。

ボットからの攻撃を守ってくれるのはありがたいのですが、コメント投稿できないのではコメント欄を表示している意味もないので、これを解除しました。

最後に

ということでコメント投稿できるようになりましたよ！些細なことでも良いのでコメント待ってます。

WordPress on ゲンゾウ用ポストイット

Google Search ConsoleのAMP解析結果が根こそぎ無効となっていたため対処しました

はじめに

WordPress環境（バージョン、テーマ）

“Google Search Console” のAMPページクローリングでエラーが発生していた

なぜAMPページのクローリングでエラーが発生していたのか？

WordPress5.5から導入された「画像の遅延ローディング機能」が原因

対処法1 ： wp-includes/functions.php に「遅延ローディング」の無効ロジックを追記

対処法2 ： wp-content/themes ディレクトリ配下の functions.php に「遅延ローディング」の無効ロジックを追記

WordPressのLuxeritasテーマでpreタグSyntaxHighlightを無効にしてもCopyボタンが有効になってしまう問題に対処

はじめに

検証環境

Luxeritasテーマのファイルを編集する

ひとこと

「WP Githuber MD」を使ってWordPressのエントリを開き直すとMarkdownがHTMLになってしまう問題に対応

はじめに

導入しているWordPressのプラグイン（一部抜粋）

原因はJetPack（の設定）

一度「WP Githuber MD」を無効にしてJetpackの設定を確認してみることをおすすめします

WordPressのLuxeritasテーマでpreタグ内の空行が消えてしまう問題に対処

はじめに

検証環境

1.Googleで調べてみる

2.公式サイトで調べてみる

3.最新版にバージョンアップしてみる

4.Twitterで聞いてみる

5.「公式ページ」で問い合わせしてみる

自分で頑張ってみることにする

修正したファイル

修正箇所

結果

ひとこと

VimからWordPressのエントリを投稿する方法

WordPress.vim

機能概要

ブログのエントリにコメント投稿できない謎のエラー「画像認証が間違っています」

ブログのエントリにコメント投稿できない謎のエラー「画像認証が間違っています」

原因は「SiteGuard」と「Jetpack」プラグインの併用

最後に

対処法1 ： `wp-includes/functions.php` に「遅延ローディング」の無効ロジックを追記

対処法2 ： `wp-content/themes` ディレクトリ配下の `functions.php` に「遅延ローディング」の無効ロジックを追記