WordPress 4.9.10 から 5.2 へ バージョンアップ

WordPress Twenty Seventeen
WordPress を 4.9.10 から 5.2 へ 更新
 
WordPress を 5.2 に更新すべきかどうか機会をうかがっていたら、「Yoast SEO」プラグインから、バージョンアップをすべきという問題点が通知されるようになった。
 
「WordPress 5.2 へようこそ」画面
「WordPress 5.2 へようこそ」画面
 
これを機に、WordPress を 4.9.10 から 5.2 へ、バージョンアップした記録。

WordPress 5.2 Twenty Nineteen の導入

Raspberry Pi + Raspbian Stretch + Nginx + MariaDB
WordPress 5.2 Twenty Nineteen の導入
 
WordPress 5.2 Twenty Nineteen の導入環境。
Raspbian : Stretch Release date:2019-04-08
Nginx : Stable version 1.16.0
PHP7.0.33 – 2019.03.08
MariaDB Server10.1.38
 
stretch + WordPres4.8
 
以下に、WordPress 5.2 Twenty Nineteen の導入要領を記載。
 

SEOプラグインを Yoast SEO に変更した

WordPress Twenty Seventeen
All in One SEO Pack から
Yoast SEO に変更
 
SEO対策として定番のプラグイン、「All in One SEO Pack」を使用してきたが、一つのサイトだけ【バージョン 2.8】から新しいバージョンに更新すると、WordPress のダッシュボードがフリーズする。この対策として、「Yoast SEO」に変更することにした。
 
【バージョン 2.8】から新しいバージョンに更新すると、WordPress のダッシュボードがフリーズする
 
以下、「Yoast SEO」に変更した記録。

カテゴリ一覧を表示する 固定ページを作る

WordPress Twenty Seventeen
AMP画面の利便性向上
カテゴリ一覧を表示する 固定ページへのリンクを表示
 
AMP化を行うと、画面表示にサイドバーがなくなり「ウィジェット」が表示されない。このため、
 ①.カテゴリーが表示されない。
 ②.最近の投稿が見れない。
 ③.固定ページ一覧が見れない。
等、他のページへの遷移が困難で、利便性が悪い。
 
カテゴリ一覧 の 固定ページ
 
この対策として、AMP画面の最下部に「カテゴリ一覧へのリンク」を表示し、利便性の向上を図った。

【アイキャッチ画像 差替えで解決】AMP > 推奨サイズより大きい画像を指定してください

WordPress Twenty Seventeen
AMPに関する警告
「推奨サイズより大きい画像を指定してください」
解決方法
 
結論。
アイキャッチ画像を 差替えれば解消する
画像サイズの幅は【 1200 ピクセル 】以下でもOK
 
警告の出た 7件の内、テストの意味を含め 4件 だけを次の様な画像サイズに差し替えた
 
以下、この警告への対処結果を記録。

ドキュメントに AMP コンポーネントの「script」タグが複数あります。

WordPress Twenty Seventeen
AMPのカスタマイズ
AMPページが 有効(警告あり)になる
 
Search Console の AMP で、AMP化したページが「有効(警告あり)」になる。
警告の内容:「ドキュメントに AMP コンポーネントの「script」タグが複数あります。」
 
ドキュメントに AMP コンポーネントの「script」タグが複数あります。
 
以下に、この解決策を記述。

「お問い合わせ」 reCAPTCHA インテグレーションのセットアップ

WordPress Twenty Seventeen
Contact Form 7
メールフォームの スパム対策
 
Contact Form 7をバージョン 5.1へとアップデートすると、reCAPTCHA v3へ変更してくださいと表示される。
 
reCAPTCHA v3へ変更してくださいと表示される
 
以下に、Contact Form 7の reCAPTCHA を【v2→v3】に変更した方法を記録。

AMPページ の フォントを変更する方法

WordPress Twenty Seventeen
AMPカスタマイズ
AMPページ の フォントを変更する
 
プラグインの AMP for WordPressで『AMP化』したページは、フォントが明朝体になってしまうので、通常ページと同じフォントになるよう「AMPのカスタマイズ」を行った。
 
「style.php」の「font-family:」を変更した結果
 
以下に、AMPページのフォント変更要領を記載。

固定ページに 投稿日・更新日・投稿者を表示する

WordPress Twenty Seventeen
固定ページのカスタマイズ
投稿日・更新日・投稿者を表示する
 
固定ページには、タイトルは表示されているが、「投稿日・更新日・投稿者」は表示されていない。管理面・SEO面から、これらを表示することにした。
 
固定ページに 投稿日・更新日・投稿者を表示する
 
以下、固定ページへの「投稿日・更新日・投稿者」の表示要領。

AMPカスタマイズ SNSボタン(ソーシャルボタン)を表示する

WordPress Twenty Seventeen
AMPページに
SNSボタン(ソーシャルボタン)を表示する
 
SNSボタンの表示要領。
①.amp-social-shareスクリプトタグをAMPページのheadタグ内に入れる
 →「html-start.php」のカスタマイズ。
②.SNSボタンを表示するショートコードを作成する
 → <amp-social-share> タグが、ビジュアルエディターで削除されるため。
③.SNSボタンを表示したい箇所に、ショートコードを記述
 
 
AMPページにSNSボタンを表示
 
以下、AMPページにSNSボタンを表示させた記録。