HOME → 3 WordPress → 

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

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

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

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

nginx-WordPress WebP 画像の配信

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

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

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

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 → 3 WordPress → 

タグ「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 → 3 WordPress → 

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

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

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

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

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

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

第三者コードの影響を抑えてください 解決策

WordPress Twenty Seventeen
PageSpeed Insights Webサイトの高速化
その-10
第三者コードの影響を抑えてください 解決策
 
PageSpeed Insights では、診断の欄に、
「第三者コードの影響を抑えてください」と指摘される。
GTmetrix では、「YSlow」タブに、
「Reduce DNS lookups」と指摘される。
 
診断の欄に、「第三者コードの影響を抑えてください」と表示される
 
以下に、この指摘を解消した方法を記録。