HOME → 

オプションのモジュール zip がインストールされていないか、無効化されています。

WordPress Twenty Seventeen
サイトヘルス おすすめの改善
1つ以上の推奨モジュールが存在しません
 
1つ以上の推奨モジュールが存在しません。
●オプションのモジュール imagick がインストールされていないか、無効化されています。
●オプションのモジュール zip がインストールされていないか、無効化されています。
 
1つ以上の推奨モジュールが存在しません
 
以下、解決策。
HOME → 

メッセージの送信に失敗しました。後でまたお試しください。

WordPress Twenty Seventeen
Contact Form 7
問い合わせメールが送信できない
 
新しいサイトを立ち上げて、「問い合わせメール」の設定とテストを行ったついでに、既存サイトの「問い合わせメール」をチェックしてみると、いつの間にか送信できない状態になっていることに気付く。
 
メッセージの送信に失敗しました。後でまたお試しください。
 
以下、「メッセージの送信に失敗しました。」を解決した記録。
HOME → 

記事上に カテゴリー(パンくずリスト)を プラグインなしで表示

WordPress Twenty Seventeen
プラグインなしで
記事上に パンくずリスト(カテゴリー)を表示
 
投稿記事が多くなってくると、記事を修正したいときに対象記事を探すのに手間が掛かるようになる。
Twenty Seventeenでは、標準で記事下のコメント欄の上に、カテゴリーが表示されているが、記事下までのスクロールがメンドクサイ。
 
記事上に パンくずリスト(カテゴリー)を表示
 
そこで、記事上にもカテゴリー(パンくずリスト)を表示する事にした。
HOME → 

nginx-WordPress WebP 画像の配信

WordPress Twenty Seventeen
nginx + WordPress
次世代フォーマットでの画像の配信
 
「PageSpeed Insights」の測定で、「次世代フォーマットでの画像の配信」に【警告】が表示されるページが出てきた。
 
改善できる項目を見ると、「次世代フォーマットでの画像の配信」に【警告】が表示されている
 
以下、nginx + WordPressの環境で、画像を【 WebP 】での配信に切り替えた記録。
HOME → 

FTPで 画像を 特定の年月別フォルダーにアップロードする

WordPress Twenty Seventeen
FTPでの画像アップロード
指定した年月別フォルダーへのアップロード
 
目的
「メディアを、FTPで特定の年月フォルダーにアップロードする。」
 → 記事を投稿した年月と同じ年月のフォルダーに、
   画像をアップロードしたい。
 
記事における画像へのリンクと、画像ファイルの場所。
記事を投稿した年月と同じ年月のフォルダーに、画像をアップロードしたい
 
以下、特定の年月フォルダーに画像をアップロードする方法を記録。
HOME → 

AMPページを「highlight.php」を使って シンタックスハイライトする

 
WordPress Twenty Seventeen
AMPページでのシンタックスハイライト
「highlight.js」から「highlight.php」に変更
 
AMPページを、「highlight.js」を使用してシンタックスハイライトすると、Search Consoleにおける AMPでのエラーが続発することになった。そこで、【 Javascript 】ではなく【 PHP 】を使用した「highlight.php」でシンタックスハイライトすることにした。
 
PHP版の「highlight.php」での Syntax Highlight
 
以下、PHP版の「highlight.php」をインストールした記録。
HOME → 

タグ「style amp-custom」内のテキストに「CSS !important」が含まれていますが、これは許可されていません。

WordPress Twenty Seventeen
Search Console の AMP
「CSS !important」が含まれています エラー
 
Search Console の AMPで、『タグ「style amp-custom」内のテキストに「CSS !important」が含まれていますが、これは許可されていません。』というエラーが出る。
 
「CSS !important」が含まれています エラー
 
以下、「CSS !important」エラーの修正記録。
HOME → 

WordPress Related Posts 関連記事 AMP用のカスタマイズ

WordPress Twenty Seventeen
関連記事プラグイン WordPress Related Posts
AMPページ用のカスタマイズ
 
関連記事プラグイン「WordPress Related Posts」を使用しているが、AMPページではスタイルが崩れてしまう。
 
関連記事プラグイン「WordPress Related Posts」を使用しているが、AMPページではスタイルが崩れてしまう
 
以下、AMPページ用にCSSをカスタマイズした記録。
HOME → 

AMPに「highlight.js」シンタックスハイライトを適用する

WordPress Twenty Seventeen
pre ソースコードのハイライト
AMPページで「highlight.js」を使用する
 
「Crayon Syntax Highlighter」から「highlight.js」に乗り換えたが、AMPページでは【ソースコード】がハイライト表示されない。
 
ampページではハイライトされない
 
以下、「highlight.js」を AMPページに組み込んだ記録。
HOME → 

Syntax Highlighterを「Crayon」から「highlight.js」に乗り換える

WordPress Twenty Seventeen
Crayon Syntax Highlighterから
highlight.jsへの移行
 
「Crayon Syntax Highlighter」プラグインを長年に亘り使用してきたが、ここに来てバグが顕在化してきたり、サイトのスピードアップの弊害になってきたので、思い切って代替策を検討することにした。
 
当サイトで採用したのは、「tomorrow-night-blue.css」
 
以下、「highlight.js」に乗り換えた記録。