HOME → 

ボタンクリックで表示内容を切り替える

WordPress Twenty Seventeen
記事の作成
ボタンクリックで表示内容を切り替える
 
WordPrerss で記事を投稿している際に、表示内容を「選択」によって切り替えたいケースがある。この場合、「jQuery」を使用すると【クリック動作】で記事の表示内容を切り替えることが出来る。
 
「昇順リスト」ボタンをクリックしたときの「投稿日<昇順>記事一覧」。
 
以下に、「jQuery」による表示内容の切り替え要領を記録。
HOME → 

永続的なオブジェクトキャッシュは有効化されていません

WordPress Twenty Seventeen
サイトヘルスステータス
永続的なオブジェクトキャッシュは有効化されていません
 
nginx で構築した「Reverse Proxy」配下の WordPress で、サイトヘルスステータスに、「永続的なオブジェクトキャッシュは有効化されていません」が表示される。
 
テーマが「Twenty Seventeen」のサイトで、サイトヘルスステータスに、「永続的なオブジェクトキャッシュは有効化されていません」が表示される
 
以下、このヘルスステータスを解消した記録。
HOME → 

EWWW IO webp に変換されていない画像がある

WordPress Twenty Seventeen
EWWW Image Optimizer
webp に変換されていない画像がある
 
WordPress のプラグイン「EWWW Image Optimizer」を使って、画像の圧縮と「WebP」配信を行っているが、Chromeの拡張機能「WebP Highlighter」を使用して、WordPressのサイトを確認していると、webp で配信されていない画像があることに気付く。
 
他にも「webp」が生成されてない画像が無いか調べると、いくつも「webp」が生成されてない画像ある
 
以下、「WebP」に変換されていない画像を、手動で変換した記録。
HOME → 

Simple GA Ranking サムネイル表示速度の改善

WordPress Twenty Seventeen
Simple GA Ranking のカスタマイズ
サムネイル表示速度の改善
 
【PageSpeed Insights】を実行すると、改善できる項目のトップに「適切なサイズの画像」項目があり、対象になっている画像の全てが『Simple GA Rankinng』で人気記事一覧を表示している【サムネイル画像】であることに気付く。
 
改善できる項目のトップに、「適切なサイズの画像」項目があり、内容を見ると全ての画像が、『Simple GA Rankinng』で人気記事一覧を表示している【サムネイル画像】であることに気付く。
 
以下、『Simple GA Rankinng』で表示する【サムネイル画像】のサイズを変更した記録。
HOME → 

OAuth(オーオース)認証の理解と認証情報の取得要領

WordPress Twenty Seventeen
OAuth(オーオース)認証の理解
認証情報の取得要領
 
WordPressに「Simple GA Ranking」プラグインを導入し、人気記事一覧を表示しようとすると「OAuth(オーオース)認証の取得」が必要となる。ところが、この「認証情報」の取得要領が複雑で、且つ、解りにくい。
 
ユーザーの確認が完了すると、「アクセストークン」が発行される
 
以下「Simple GA Ranking」の導入を機に、OAuth(オーオース)認証についての理解と認証情報の取得要領を解り易くまとめた。
HOME → 

Simple GA Ranking サムネイルとランキング順位の表示

WordPress Twenty Seventeen
Simple GA Ranking のカスタマイズ
サムネイルとランキング順位を美しく表示
 
「Simple GA Ranking プラグイン」を利用して、人気記事一覧をサイドバーに表示すると、Googleアナリティクスのデータを利用してランキングが算出されるのでサーバへの負荷を抑えることが出来る。しかし、「Simple GA Ranking」を導入しただけでは、ランキング順位が枠外に表示され、サムネイルは表示されない。
 
「Simple GA Ranking」を導入しただけでは、ランキング順位が枠外に表示され、サムネイルは表示されない
 
以下、Simple GA Ranking での人気記事一覧を、カスタマイズした記録。
HOME → 

WordPress wp-cron.php を止める

WordPress Twenty Seventeen
WordPress の wp-cron.php を止め
Raspberry Pi の cron で 代替する
 
色々と調べていくと、まだまだやるべき事が出てくるもで、深掘りする重要性に改めて気づかされる。
 
wordpress の wp-cron.php は、アクセスの度に呼び出されている
これを停止することによって、パフォーマンスが向上する。
 
nginxのアクセスログから、「wp-cron.php」を抜き出した例
 
以下、WordPress の wp-cron.php を止め、Linux の cron で代替した記録。
HOME → 

投稿日順 記事一覧表示用 2種類の ショートコード

WordPress Twenty Seventeen
固定ページでの 記事一覧の作成
2種類の ショートコード
 
投稿記事が多くなってくると、記事の見直しやサイトの移行等に当たって、『いろんな角度』からの「記事一覧」が欲しくなってくる。
 
投稿日順 記事一覧サンプル
 
以下、ショートコードに関するおさらいと、ショートコードでの「投稿日順 記事一覧」の記録。
HOME → 

EMAIL DELIVERY ERROR: the plugin WP Mail SMTP v2.2.1

WordPress Twenty Seventeen
プラグイン WP Mail SMTP
メール配信エラー
 
WordPressのダッシュボードを開くと、いきなり次のエラーが表示される。
 
EMAIL DELIVERY ERROR: the plugin WP Mail SMTP v2.2.1
 
EMAIL DELIVERY ERROR: the plugin WP Mail SMTP v2.2.1 logged this error during the last time it tried to send an email:

Mailer: Gmail
{
  "error": "invalid_grant",
  "error_description": "Token has been expired or revoked."
}
Please re-grant Google app permissions! 
Go to WP Mail SMTP plugin settings page. Click the “Remove Connection” button. 
Then click the “Allow plugin to send emails using your Google account” button and re-enable access.
Please review your WP Mail SMTP settings in plugin admin area. Consider running an email test after fixing it.
 
以下、プラグインWP Mail SMTP「メール配信エラー」の解決要領。