アラコキからの Raspberry Pi 電子工作

 

 

AMPページを、「highlight.js」を使用してシンタックスハイライトすると、Search Consoleにおける AMPでのエラーが続発することになった。そこで、【 Javascript 】ではなく【 PHP 】を使用した「highlight.php」でシンタックスハイライトすることにした。

 

 

以下、PHP版の「highlight.php」をインストールした記録。

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

 

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

 

 

以下、「CSS !important」エラーの修正記録。

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

 

関連記事プラグイン「WordPress Related Posts」を使用しているが、AMPページではスタイルが崩れてしまう。

 

 

以下、AMPページ用にCSSをカスタマイズした記録。

"WordPress Related Posts 関連記事 AMP用のカスタマイズ" の続きを読む

 

「Crayon Syntax Highlighter」から「highlight.js」に乗り換えたが、AMPページでは【ソースコード】がハイライト表示されない。

 

 

以下、「highlight.js」を AMPページに組み込んだ記録。

"AMPに「highlight.js」シンタックスハイライトを適用する" の続きを読む

 

「Crayon Syntax Highlighter」プラグインを長年に亘り使用してきたが、ここに来てバグが顕在化してきたり、サイトのスピードアップの弊害になってきたので、思い切って代替策を検討することにした。

 

 

以下、「highlight.js」に乗り換えた記録。

"Syntax Highlighterを「Crayon」から「highlight.js」に乗り換える" の続きを読む

 

PageSpeed Insights では、診断の欄に、
「第三者コードの影響を抑えてください」と指摘される。
GTmetrix では、「YSlow」タブに、
「Reduce DNS lookups」と指摘される。

 

 

以下に、この指摘を解消した方法を記録。

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

 

 

WP Fastest Cache Premium の更新中にエラーが発生しました: パッケージをインストールできませんでした。 PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

 

 

 

以下、このプラグインの更新が出来ないトラブルへの対処記録。

"PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature" の続きを読む

 

ブログで使用している画像は経験値として、
全て「.jpg」形式のフルサイズで、７
・デジカメ写真の場合は「800 x 600」
・スマホ写真の場合は「840 x 472」
に、サイズを縮小してアップロードしている。

 

 

ここに来て「Webサイトの高速化」の為に、画像サイズについて、今一度見直しを行ってみた。

"EWWW Image Optimizer API クレジットの購入と Cloud版の使用" の続きを読む

 

EWWW Image Optimizer をインストールし、有効化すると次のエラーが出る。

 

エラーメッセージの内容。

EWWW Image Optimizer は jpegtran, optipng, pngout, pngquant, gifsicle, and cwebp を使用します。 jpegtran, optipng, gifsicle がありません。 設定ページ と インストール手順 をインストールしてください。

 

以下、このエラーを解決した記録。

"EWWW Image Optimizer の導入で「jpegtran, optipng, gifsicle がありません。」になる" の続きを読む