テンプレートの変更

2022/07/05 2023/07/24

【お知らせ】 0 0

テンプレートを変更しました｡
vanillaice (Akira) 氏の「GirlOnWire」から「Halo」に｡

「GirlOnWire」は､トップ画面で､チラシやポスター画像をスライド出来た為､
映画サイトには最適でしたが､後から色々とカスタマイズした為､
表示速度が落ちていたようです｡
管理人のＰＣベースではそれほどでもなかったのですが...

「PageSpeed Insights」で計測したところ､
パフォーマンススコアがケータイで１５、パソコンで５０くらい。

Haloテンプレート

「Halo」に変更後（Facebookなしの場合）
トップページ：ケータイ７４／パソコン９２
個別ページ（重そうなページ）：ケータイ５８／パソコン９０

注意点導入
①「jQuery」使用
②「fontawesome」使用
③「Google AD」使用等

使い勝手は慣れもあるので､速度が倍以上改善されたので良しとします｡
過去の記事で､うまく表示されないページがありますが､気付いた時に
その都度修正していきます｡長文記事にはＴＯＣ適用｡

［その他］
①バリデート対策として､関連記事リストの表示を「テンプレート変数のみ」とする｡
②ページ送りの表示位置を移動（同カテゴリ･更新順）
③「Lite YouTube Embed」導入 YouTubeの埋め込み高速化

［不具合①］
「コメント者のアイコン表示」も導入してみたのですが､
自分のアイコンが､「プロフィールの画像」の時と「トップページのOGP画像」の時がある｡
何処か設定がおかしいんだろうなぁ。。。
［原因］
どうも､URLの記載がないと､「プロフィールの画像」で､
記載があると「トップページのOGP画像」になるようだ｡
［対策］
「トップページのOGP画像」の画像選択を解除する事により､
「プロフィールの画像」が表示されるようになった｡
［新たなる問題］
「トップページのOGP画像」を指定しないと､トップページのサムネイル画像として､
Rankletの表示などで､人気記事に「プロフィールの画像」が表示されてしまう｡
その為､「トップページのOGP画像」を「プロフィールの画像」と兼用できそうな
デザインに変えてみた｡
現在は､不具合解消｡

［不具合②］
サイドバーに表示している Facebook の画像が表示されなくなった｡
Facebook 単独で閲覧すると表示されるのだが...
※ グリッド表示では､表示されない｡
「og:image の縦横比が 1.91 : 1」じゃないとダメなのかな!?
デバッガでは200*200以上の画像なら表示されるのだが...
只､これまでのテンプレートでは本記事の下段に表示していたのだが
今回､サイドバーで表示するようになったら､リーチ数が急激に増えました｡

［後記］（2022.7.26.）
サイドバーに表示している Facebook の画像が表示されるようになりました｡

［補記］
これまで､アイキャッチ画像用の画像を､小さいサイズにしていたので
トップページの画像が不鮮明になっています。

試しに「読書メーター」関連の記事８６件の「アイキャッチ画像」を
左のものから右のものに修正した際､