WordPress 人気記事一覧をサイドバーに表示

WordPress Twenty Seventeen
Simple GA Ranking プラグインによる
人気記事一覧をサイドバーに表示
 
 サイトを訪れてくれたユーザーに、『サイト内には、こんな人気記事もありますよ』と、人気記事をランキング順に表示してみることにした。
 
 但し、このサイトを運用しているサーバーが【 Raspberry Pi 】なので、これ以上ページの表示速度が遅くなるような負荷をかけるわけにはいかない。ググってみると、「Simple GA Ranking」というプラグインは、Googleアナリティクスのデータを利用してランキングを算出するため、サーバへの負荷が軽いとのこと。
 
しかし、Googleアナリティクスのデータを利用するための「Analytics設定」が、少々複雑であった。
トークンの取得が完了
 
以下に、Simple GA Ranking プラグインの設定要領を記載。

WordPress Google タグマネージャーの導入

WordPress Twenty Seventeen
グローバル サイトタグ(gtag.js)から
タグマネージャーに乗り換え
 
すでに、グローバル サイトタグ(gtag.js)を、WordPress の「ヘッダー(header.php)」の </head>タグの直前に貼り付け、「Googleアナリティクス」の設置を行っていたが、これを、「Google タグ マネージャー」に変更した。
 
Google タグ マネージャー
 
以下、「Google タグ マネージャー」に乗り換えた記録。

WordPress タイトルだけ表示されて記事の内容が表示されない

WordPress Twenty Seventeen
記事の内容が表示されないページが発生
Crayon Syntax Highlighter のバグ
 
Webサーバーをバージョンアップし、WordPress の移行結果を検証していると、「記事のタイトルだけが表示されて、記事の内容が全く表示されない」ページが見つかる。全てのページではなく、いくつかの特定のページのみであることに気付く。
 
記事の内容が表示されないページがいくつかある
 
以下、この原因の解明手順と解決策にたどり着いた記録。

WordPress サーバーの引越(移行)要領

WordPress Twenty Seventeen
プラグイン『All-in-One WP Migration』による
サーバーの引越(移行)要領
 
ブログにWordPressを使っているが、2019年4月からWordPress(バージョン3.2以降)のサーバー要件で、PHPのバージョンが5.2.4から5.6以上に変更になった。現在稼働中のサーバーは、PHPのバージョンが5.6でギリギリセーフではあるが、この際、最新バージョンの PHP7.3 に更新した。
 
WordPress(バージョン3.2以降)のサーバー要件
 
以下、サーバーのバージョンアップに伴い、稼働中の「WordPress」を新サーバーに「引越」した記録。

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のカスタマイズ
「script」タグの埋め込みを 削除
 
Search Console の AMP で、AMP化したページが「有効(警告あり)」になるも、「ドキュメントに AMP コンポーネントの「script」タグが複数あります。」という警告が出る。
 
ドキュメントに AMP コンポーネントの「script」タグが複数あります。
 
以下に、この解決策を記述。