Luxeritas AMPの ブログカードで 画像が表示されない

Luxeritas(ルクセリタス)
AMPページの ブログカードに 画像が表示されない
 
サムネイルの LazyLoad を有効化してると、AMPページでブログカードに画像が表示されない。
 
AMPページでブログカードに画像が表示されない
 
Luxeritasのバージョンを、【3.7.7】から最新の【3.8.0】にアップデートすることで、解決。

 

地デジ用 TVアンテナの自作

ホームネットワーク 関連ノウハウ
地デジ用 TVアンテナ
 
我が家のテレビ環境は、JCOMのケーブルテレビで、それもセットトップボックスが3台もある。CATVというのが頭にあったので、台風(2018年9月4日の台風21号)が直撃して屋根の棟板金が飛び、修理してもらったついでにTVのアンテナも撤去してもらった。
ところが、このアンテナを使用していたTVが別の部屋にもあり、これが映らなくなった。1年以上「ビエラリンク」で凌いできたが、地デジを見るまでがメンドクサイので、TVアンテナを作ってみることにした。
 
硬質カードケースに「アルミ箔」が入ったら、上下、左右、中央と、隙間に両面テープを挟み貼り合わせる
 
以下、地デジ用のTVアンテナを自作した記録。

 

「Synology Active Backup」で システムを復元

Windows PC 関連ノウハウ
「Active Backup for Business」による
PCシステムの復元
 
Windows10の更新プログラムが自動でインストールされ、突然、PCが起動しなくなった!
 
今度は、「手動で指定ボリュームを復元(上級)」を選択する
 
以下、「Synology Active Backup for Business」を使って、PCのバックアップからシステムを復元を行ってみた記録。

 

 

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

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

 

nginx 異なるパーマリンクの WordPressを複数動かす

Raspberry Pi Webサーバーの構築
nginx + WordPress
テスト用に複数のサイトを作る
 
nginxで稼働する本番サーバーに、
①.テーマの異なるWordPressを、複数・同時にテスト
②.パーマリンクが異なるWordPressを、複数・同時にテスト
出来る環境を、構築した。
 
NginxでWordPressをサブディレクトリに複数設置
 
以下、Nginxで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」をインストールした記録。

 

タグ「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」エラーの修正記録。

 

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

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

 

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

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