HOME → 

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

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

 

HOME → 

nginx-WordPress WebP 画像の配信

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

 

HOME → 

Raspberry Pi nginx-wordpressでリバースプロキシを構築

Raspberry Pi Webサーバーの構築
Nginx リバースプロキシ サーバー
1つのグローバルIPで 複数の ドメイン別サーバーに振り分ける
 
これまで『Raspberry Pi』で、【3つのドメイン別サイト】を【1台のWebサーバー】で運用してきたが、サーバーの負荷分散を図るべく『リバースプロキシ』サーバーを構築し、複数のWebサーバーでの運用に変更した。
 
1台で運用してきたWebサーバーを、ドメイン別のWebサーバー『4台』の運用に変更し、負荷分散を図る
 
以下、Raspberry Pi + nginx-wordpressで、リバースプロキシを構築した記録。

 

HOME → 

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

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

 

HOME → 

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

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

 

HOME → 

Luxeritas フッター周りのカスタマイズ

Luxeritas(ルクセリタス)
フッター周りのカスタマイズ
 
ヘッダー周りのカスタマイズ → サイドバー周りのカスタマイズと続いて、最後にフッター周りのカスタマイズを行う。
 
フッター周りの、カスタマイズ結果
 
以下、フッター周りのカスタマイズを行った記録。

 

 

HOME → 

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

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

 

 

HOME → 

Luxeritas ヘッダー周りのカスタマイズ

Luxeritas(ルクセリタス)
ヘッダー周りのカスタマイズ
 
固定ページを作成し、ヘッダーナビ(グローバルナビ)が完成したので、ヘッダー 背景画像の設定等、ヘッダー周りのカスタマイズを行う。
 
【Font Awesome】のアイコンを設定した画面
 
以下、ヘッダー周りのカスタマイズを行った記録。