ツール＞サイトヘルス で以下の画面のとおりメッセージが出ています。

何のことかサッパリわからないのですが、以下のサイトを参考に対処することにしました。

WordPressサイトヘルス「致命的な問題:ページキャッシュ検出」 | KUDs Blog

正直、よくわからないのですが、キャッシュが問題のようで、WP Fastest Cache というプラグインをインストールすると解決できそうな予感。とりあえずインストールすることにしました。

インストールしても何も変わりません。

WP Fastest Cacheの設定が必要なようです。以下のサイトを参考に設定しました。

【2024年最新】WP Fastest Cacheの設定方法と使い方 – 略してブロ戦

設定内容がこちら。

正直言って意味はわかっていません。

ただ、これで改善されました。

サイトヘルスを見てみると「良好」になっています。

こういったことは煩わしいですが、自分のサイトを運営するというのはこういうことですよね。このブログは９年弱運営していますが、改めて自分のサイトを持つことはどういうことなのかを考えさせられました。

ただ、最近、気がつきました。

WordPressのプラグインは自動更新の設定ができるんですね。

これまで、WordPressは5年以上使っていましたが、ぜんぜん知りませんでした。

先日、プラグインを更新するときに、たまたま、「自動更新無効」と書いてあるタブが目に入って、「なんだこれ？！自動更新できるの？」という感じです。

さて、そのプラグインの自動更新の設定方法ですが、簡単です。

難しくはありませんが、参考に画像付きで紹介します。

まずは、WordPressでインストール済みのプラグインの画面を表示させ、「自動更新無効」のリンクをタップします。私は、自動更新の設定をしていませんでしたので、画像のとおり、自動更新無効の件数が31となっています。

プラグインをすべて選択状態にします。画像のとおり、1番上にあるボックスにチェックを入れると、一括ですべて選択できます。

あとは「一括操作」と表示されているプルダウンから「自動更新を有効化」を選びます。

これで完了です。

ちなみに、プラグインが自動更新されるとメールで連絡が来ます。

プラグインの自動更新の設定をしていなくて、面倒だなぁ、と思っていた方は、ぜひ設定してみてください。

モブログの極意: モブログからモバイル知的生活へ

posted with カエレバ

Amazon.co.jpで詳細を見る

JINはデフォルトでも十分オシャレなテーマなので、あまりカスタマイズはしていないのですが、引用の囲みを少しおしゃれにしようと思いカスタマイズしました。

これまでの引用の囲みは左の画像、それを右の画像のとおり、青地にして左に青線を入れました。

さて、その方法ですが、私はCSSについてはほとんどわかっていません。

ということで、いつもそうなのですが、ネットで公開されている同じような事例のCSSのコードを参考にさせていただきました。

CSSに書いたコードは以下です。


/*-- 引用 --*/
.cps-post-main blockquote {/*ボックス全体*/

padding: 1em 1.5em 0.1em 3em;/*ボックスの中のアキ調整*/
background: #f2faff;/*最初に設定した背景色*/
border-left: 4px solid #9dd4ff;/*左に線を引く*/
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);/*少し影をつける*/
}
.cps-post-main blockquote cite{/*ボックスの参照先部分*/
display: block;/*ブロック要素にして*/
text-align: right;/*右寄せに*/
margin:0;
}


コードを書く場所は、WordPressの 外観＞カスタマイズ＞追加CSS です。

参考にさせていただいたのは、次のサイトです。

https://lovely5.net/jin-blockquote

ちなみに、先日、リストの表示もカスタマイズしましたので、以下の記事も参考にしてください。

リストの行間の幅を整え、マークを大きくしました。

JINはデフォルトでも十分オシャレなテーマなので、あまりカスタマイズはしていないのですが、リストの表示で少し気になる点がありましたので、先日、重い腰を上げてカスタマイズしました。

気になっていたのは、リストの表示の次の3点です。（画像左）

• 1番下のリストと本文の行間が狭い
• 1階層目と2階層目の行間が狭い
• リストのマークが小さい
  

この行間を適度な幅にし、リストのマークを少し大きくすることにしました。

結果、こうなりました。（画像右）

さて、その方法ですが、私はCSSについてはほとんどわかっていません。

ということで、いつもそうなのですが、ネットで公開されている同じような事例のCSSのコードを参考にさせていただきました。

少しアレンジして結果的にCSSに書いたコードは以下です。リストを少し左に寄せるコードも書いています。


/*-- リストの左寄せと大きさ --*/
.cps-post-main ul{
padding-left: 20px; /*左に寄せる*/
}
.cps-post-main ol{
padding-left: 20px; /*左に寄せる*/
}
.cps-post-main ul li {
margin-top: 0.7em;/*リストの行間*/
margin-bottom: 0.7em; /*リストの行間*/
padding: 0em 0px 0em 25px; /*マークと文字のスペース*/
}
.cps-post-main ul:not([class]) li:before, .cps-post-main table ul:not([class]) li:before {
width: 8px; /*マークの大きさ 横*/
height: 8px; /*マークの大きさ 縦*/
}

/*-- リストの下の行間 --*/
.cps-post-main ul {
margin-bottom: 2.0em!important;
}


コードを書く場所は、WordPressの 外観＞カスタマイズ＞追加CSS です。

参考にさせていただいたのは、次のサイトです。

【JIN カスタマイズ】リストスタイルを左寄せ&マークを大きくしてみた｜りゅうた学

https://teineini.net/20180607-jin-start/

JINは、「設定マニュアル」が大変わかりやすいので、基本的な設定はこれだけを見れば、まったく問題なくカスタマイズできます。

ただ、マニュアルだけではわかりづらかった設定や、マニュアルには載っていない私が行ったカスタマイズについて、本ブログでいくつか記事にしていますので、以下のとおり、まとめページを作りました。

JINを導入する方やJINのカスタマイズで困っている方の参考になれば幸いです。

https://teineini.net/jin-customize/

また、JINの公式ページには、初期設定のマニュアルや、カスタマイズ方法が掲載されていますので合わせてご参照ください。

• 「JIN」の設定マニュアル
• 「JIN」のカスタマイズ方法

本ブログは、2018年6月にWordPressのテーマを「Simplicity２」から「JIN」に変更しました。

https://teineini.net/20180607-jin-start/

「JIN」の公式マニュアルだけではわかりづらかった設定や、マニュアルには載っていない私が行ったカスタマイズについて、これまで本ブログで以下のとおり記事にしました。JINを導入する方や、JINのカスタマイズで困った方の参考になれば幸いです。

• インストールしたら画面が真っ白になった場合の対処法
• 「WordPress Popular Posts」に順位の数字を表示させる方法
• ヘッダーの検索とメニューのアイコンの色の設定方法
• 「トップに戻る」の設定方法
• メニューのアイコンがうまく表示されない場合に試してみてほしいこと
• SNSアイコンにシェア数を表示させるカスタマイズ
• 記事下に定型文を自動で表示させカテゴリページには表示させないカスタマイズ
• カテゴリーの色が思うようにならない場合の対処法
• タグのデザインを変更し全てのタグを表示させる方法
• Twitterカードの設定方法
• リストのカスタマイズ
• 引用の囲みのカスタマイズ

また、JINの公式ページには、初期設定のマニュアルや、カスタマイズ方法が掲載されていますので合わせてご参照ください。

• 「JIN」の設定マニュアル
• 「JIN」のカスタマイズ方法

https://teineini.net/20180618-ssl/

https://teineini.net/20180607-jin-start/

JINは、「設定マニュアル」が大変わかりやすいので、基本的な設定はこれだけを見れば、まったく問題なくカスタマイズできます。

ただ、マニュアルだけではわかりづらかった設定がありましたので、共有したいと思います。

それは、「Twitterカード」の設定です。

「JIN」では、以下の公式マニュアルのとおり、Twitterカードのタイプの選択ができます。「summary（小さめ）」と「summary_large_image（大きめ）」の2タイプです。

OGP設定（SNSに関する設定）について｜WordPressテーマ「JIN」の設定マニュアル

ただ、それ以上の設定はできないため、正直、必要なのかどうかよくわからないところがありますが、すでに利用しているプラグイン「All in One SEO Pack」で設定することにしました。

プラグイン「All in One SEO Pack」をインストールし有効化します。

WordPress管理画面から「All in One SEO」を選択し、「機能管理」から「ソーシャルメディア」をアクティブ化します。表示が「Deactive」になります。

すると「All in One SEO」に「ソーシャルメディア」という項目が追加されます。

まずは、私の場合、「ソーシャルメディア」の「ホームページ設定」の「サイト名」と「ホームのディスクリプション」を入力しました。

次に「画像設定」の「OG:Image ソースを選択」で「Featured Image」を選択しました。

次に「Twitter設定」の「デフォルトTwitterカード」で「要約の大きい画像」を選択します。

私の場合、「Twitterサイト」 は@ottaka、「Twitter投稿者表示」にチェック、「Twitterドメイン」はottak18、としました。

あとは、一番下にある「設定の更新」をクリックして完了です。

正直、プラグイン「All in One SEO Pack」は、多機能でよくわかっていないところも多いですし、JINの設定だけで事足りているのかもしれませんが、今のところこの設定で問題なくできています。

当然、本設定は、「JIN」だけではなく他のWordPressのテーマにも有効です。

ちなみに、以下のサイトを参考にさせていただきました。

【2018年最新版】Twitterでアイキャッチ画像が表示されない時の対処法を教えます！

https://teineini.net/20180607-jin-start/

「Simplicity２」では、サイドバーのタグの一覧は、以下の画像のとおり、使用数が多いタグほど表示が大きくなる仕様でした。

一方、「JIN」は、デフォルトでは、タグの表示の大きさは均一でタグに記事数が表示される仕様でした。

デザイン的には「JIN」の方が好みなのですが、タグは重要な分類と考えているので、使用頻度の高いタグが目立つ以前の仕様にしたいと思いました。

また、WordPressでブログを始めて2年半以上経った今気づくのも情けないのですが、デフォルトではタグは45個までしか表示されないことを知りました。

そこで、タグをカスタマイズすることにしました。

高機能なタグ管理ができるプラグイン「Simple Tags」を使うことにしました。

このプラグインを使うと、前述したようなタグの使用頻度により大きさが変わる仕様にできたり、タグを46個以上表示させることが可能になります。

では、設定方法をみていきます。

「Simple Tags」をインストールし有効化します。

WordPress管理画面の設定の中に「Simple Tags」が表示されますので、これを選択します。すると設定画面になり、各種設定がタブで別れていますが、ここでは「タグクラウド」の設定を紹介します。

以下の画像のとおり、日本語の解説のため内容はわかるかと思いますが、タグの表示順や表示するタグの最大数、色やフォントサイズなどをカスタマイズすることができます。

ここで設定し終えたら、WordPress管理画面の外観＞ウィジェットで「Tag Cloud（Simple Tags）」をサイドバーのウィジェットに加えれば完了です。

ちなみにここでも前述したタグの表示順や表示するタグの最大数などの設定をすることもできます。

「Simple Tags」で設定した結果、最終的には、以下の画像のとおりの表示となっています。なお、当然、この「Simple Tags」はJIN以外のテーマにも使用できます。

「Simple Tags」は、多機能でこれ以外にもたくさんの機能があります。タグを詳細に管理したり、デザインをカスタマイズしたい方は、ぜひ「Simple Tags」を試してみてください。

https://teineini.net/20180607-jin-start/

JINは、「設定マニュアル」が大変わかりやすいので、基本的な設定はこれだけを見れば、まったく問題なくカスタマイズできます。

ただ、マニュアルだけではわかりづらかった設定がありましたので、共有したいと思います。

それは、「カテゴリー」の色の設定です。トップページや記事一覧で表示される、以下の画像の部分のことです。

この カテゴリーの色は、JINでは、WordPressの管理画面の中のカテゴリーの編集画面で設定することができます。

ただ、ここで設定したはずの色が反映されないことがありました。

最初は理由がわからなかったのですが、ようやく気づきました。

ひとつの記事にひとつのカテゴリーを設定した場合は、ここで設定した色が反映されるのですが、 複数のカテゴリーを設定（親カテゴリーと子カテゴリーの設定も含む）した場合は、JINのアクセントカラーで設定した色になるようです。

アクセントカラーは、WordPressの管理画面＞外観＞カスタマイズ＞カラー設定の「アクセントカラー」で設定することができます。

もし、カテゴリーの色の設定が思うようにいかないと思った場合は、参考にしてみてください。

https://teineini.net/20180607-jin-start/

「Simplicity２」のときは、記事下の定型文をプラグイン「Bottom of every post」を使って入れていました。

本ブログの記事下の定型文はこれです。

ただ、JINに変えたとき困ったことが起こりました。

「JIN」は「Simplicity２」とは違い、カテゴリーのページに以下の画像のように、自由に文章を入れることができます。これは便利な機能なのですが、 「bottom of every post」は、このカテゴリーのページにも定型文を入れてしまう仕様になっているのです。

記事のページだけに定型文を入れることはできないものか。

できました。

「bottom of every post」では、できないのですが、別のプラグインを使います。

「PRyC WP」です。

このプラグインは、 記事前や記事下に定型文を自動で入れることができ、なおかつ特定の記事には定型文を非表示にする設定ができます。

設定方法を解説します。

プラグインをインストール後、有効化します。その後、WordPressの管理画面の「設定」から「PRyC WP: Add custom content」を選択します。

すると以下の画面になりますので、ブログの記事の記事上（Top content settings:） 記事下（Bottom content settings:）に自動で表示させたい定型文を入力します。（画像は記事下に定型文を入れる場合）

ちなみに、定型文を非表示にしたい記事がある場合は「Don’t show at post:」に非表示にする記事のIDをカンマ区切りで入力します。

記事IDは、WordPressの管理画面で該当の記事を開き、アドレスバーのURLのpost=○○に表示されている数字です。下の画像は記事IDは5383です。

また、固定ページにも定型文を表示させたい場合は、「Add to pages:」にチェックをいれます。

私は、記事下に定型文を表示させ、カテゴリーページには定型文を表示させたくなかったわけですが、 このプラグインでは、そもそもJINのカテゴリーページには定型文は表示されませんでした。

なので、プラグイン「PRyC WP」をインストール後、有効化するだけで、とくに非表示の設定は必要なかった、ということです。

なお、「PRyC WP」は、当然、JIN以外のWordPressテーマにも使えます。