新テーマ『まころぐver3.0』について
今回は、ブログのテーマ（テンプレート）のお話。
少し前に、Googleの『SearchConsole』を眺めていると、５月末辺りから「改善が必要」の項目が爆増。該当ステータス『CLSに関する問題:0.1超（モバイル）』ですが、どうやら表示速度のレポートがアップデートされたようで…。
どう対処しようかと考えていたところ、何事も無かったように数日後にはステータス『良好』へ復帰。その際『PageSpeed Insights』にてチェックすると…。
ビックリ！！
久々にブログのスコアを計測。目を覆いたくなる点数だったので、少し弄ってみると…。
①現在のスコア（スマホ）
②WEBフォントを除去
③Google関連を除去
④Google関連を除去（PC）WEBフォントの影響は覚悟のうえですが、一番足を引っ張ってるのがGoogle関連とは…😅
※それにしても、PC100点て💦 pic.twitter.com/Xqll3MZDQT— MACO (@MacoLOG) June 30, 2020
スマホのスコアが『8点』とはっ！！
ただ、スコアを落とす覚悟で使っているWEBフォントをオフにしてみたところ、スコアは『52点』まで回復。更には、Google関連（アナリティクスや自動広告など）を撤去すると、一気に『92点』まで急上昇。※ちなみにPCは『100点』でした。
という事で、少しだけテーマをシンプルにしてみようと思い、カタカタカタ～っとver3.0を作成。一応、本日から切り替えてみます！！
新テーマ『まころぐver3.0』の変更点について
まず最初に、前回のテーマから大きく変えた部分は、WEBフォントの使用を取り止めた事。この三年間は、個人的に大好きな『Noto Sans JP』を使っていましたが…。
スマホからのアクセスが大半となった今、androidでは『Noto Sans JP』が標準仕様になっている機種があったり、『ヒラギノ』系も嫌いでは無い。要は、PCのWindowsをどうするかという部分だけだったので、思い切ってWEBフォントをパージ。
Windowsで採用したのは…
馴染みのある『メイリオ』にしようかとも思ったのですが、印刷物で多用している『游ゴシック』に決定！！素敵なフォントなのに、なぜか細く表示されてしまう現象を嫌って悩んだものの、ウェイトに”Medium”を当ててあげる事で折り合い。
次にガッツリと弄ったのは、旧ブログから気に入っていた、黒い網点の背景を止めた部分。この背景は、複数の要素をレイヤーのように重なり合わせ作っていたのですが、アドセンスの自動広告が強引に入って来たりと具合が悪かったので…。
こんな感じ
これを解決するため、シンプルな2カラムへとゴッソリ書き直しました。※黒い網点が無くなっただけで、見た目としては殆ど変わらないけど…(^^;
網点にパキっと際立つ白い文字。かなり気に入ってたデザインでしたが、これも時代の流れと言う事で…。
ちなみに…
サイドバーの青色バージョンも試してみたところ、これはコレで有りという感じ。ただ、今回は白と黒のコントラストを重視し、全般的に黒の濃度も上げたので青色は見送り。
後は、アドセンス関連の微調整。自動広告が容赦なくpaddingを無視し、ガツっとスペースを埋めてくるので、広告側のCSSを簡単に弄っておきました。
パソコン
スマホ
文章や画像の下へ、強引に配置されていた自動広告ですが、余白を調整して独立。
広告に関しては、とりあえず現状で様子を見てみますが、収益が下がるようであれば再調整したいと思います。
スペースを確保
とりあえず、今回はフレームワークとコンテンツ内の微調整を中心に作業し、マイナーチェンジといった感じの仕上がりですが…。
スマホ
パソコン
この辺りで納得しておきます。※Google関連を撤去すると、スマホは90点以上・パソコンが100点になるのはココだけの話し。
さすがに、気に入っているヒーローヘッダーは弄れなかったものの、WEBフォントに網点背景と、大好きだった部分をシンプルにしたので、表示速度や各種スコアが多少は改善される事を祈ります。
新テーマ『まころぐver3.0』について・まとめ
今回は、自分用のメモといった内容になってしまいましたが、ver2.0の調整を主体に作業を進め、気になっていた細かな部分を弄ってみました。上記で紹介した以外にも、余白やマーク等のちょっとした変更を実施。
一通りチェックを済ませたので、とりあえず実戦投入。不具合のある場合は、運営しながら確認していきたいと思います。
一週間ほどで完成！！
最後に、投稿するコンテンツについて。
ブログの新設以降、相変わらずジャンルはゴチャ混ぜですが、出来るだけ純度の高い内容を投稿しようと、日常的な物はTwitterで呟くようにしていました。
ただ、こういったSNSを利用した際、万が一サービスの提供が終われば、残しておきたい投稿も消えてしまうなぁ…。と思ったり。
特に子供達の話題
正直なところ、日記に近い内容はSEO的に不利となるのでは？と思っているものの、ちょっとした話題でも共感して頂けたり、何かしらの暇つぶしになる事もあるかと。
なので、今までの記事に加え、以前のブログのように生活感が漂う、ちょっとした息抜き記事も書いて行こうかと思います！！(^^ゞ
最後まで読んで頂き、ありがとうございます！！
今回の投稿と同じ「WordPress」にある前後の記事は、下記のようになっております。お時間がある時にでもチェックして頂けると嬉しいです！！
また、11月27日現在「ガジェット」には「 70件」の投稿があります。カテゴリー内での人気記事や、ブログの最新記事リストも記載しておきますので、宜しければ合わせてご覧くださいませ。
シェア＆フォローして頂けると嬉しいです！
リモコンを押すとテレビの電源が落ちる原因はAmazon Fire TVだった！
- 防犯カメラ『Google Nest Cam』使用レビュー！工事不要の簡単設置でオススメ！！
- 学校のプリント整理にScanSnap iX1600でデジタル保存した感想
- ブログデザイン微調整しました！※表示が崩れる場合はリロードを！！
- 【Google Pixel8 Pro】イチオシの全画面保護フィルム！！
- ドラクエウォークを始めて一年経過した感想と改善点！！
- WordPress6.0でエディタの自作タグボタンが使えなくなった件を解消
リモコンを押すとテレビの電源が落ちる原因はAmazon Fire TVだった！
※書き込んだコメント内容は、管理者の認証を受けた後にブログへ表示されます。