HOME → 

Google アナリティクス 4 (GA4) プロパティに切り替える

WordPress Twenty Seventeen
Google アナリティクス
GA4 プロパティへの切り替え
 
Google アナリティクスのページトップに、
「2023 年 7 月 1 日より、ユニバーサル アナリティクスでは標準プロパティで新しいデータの処理ができなくなります。それまでに Google アナリティクス 4 プロパティに切り替えて設定を進めておきましょう。」
と、アナウンスされるようになる。
 
ユニバーサルアナリティクス(UA)が2023年7月1日にサポート終了
 
以下、アナリティクス 4 プロパティへの切り替え準備の記録。
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種類の ショートコード
 
投稿記事が多くなってくると、記事の見直しやサイトの移行等に当たって、『いろんな角度』からの「記事一覧」が欲しくなってくる。
 
投稿日順 記事一覧サンプル
 
今回、投稿日順の記事一覧を作成したので、その記録とショートコードに関するおさらい。