やっぱりタイトル部分を修正、広告数も調整しました。

気分が乗ったのでタイトル表記問題も修正しました。

どうも、ひらた店長です。

前回3月4日『Bloggerのスマホ表示を整えるのに一苦労した話。』の記事終盤に「スマホから見たトップページの、緑色の文字のタイトル部分が無意味に改行されているのも解決したい」ということを書きました。「気分が乗ったら」という注釈付きで。

その記事を書いた日の夜、気分が乗ったというよりは「どうにも我慢できなくなった」のでタイトル改行問題の修正に着手したという次第。作業はAI(Gemini)に相談しながらの二人三脚で。

現在のスマホから見たトップページ。
緑色のタイトルが右まで伸びている。

これが前回3月4日の記事時点の表示。
タイトルが変なところで改行されていた。

このブログのスマホから見たBloggerでの表示は「モバイルの設定」で「モバイル(カスタム)」としています。（テンプレートは「Awesome Inc.」という名前みたい。詳しくはBlogger公式の→こちらの記事←をご参照ください）

このスマホから見た時のデザインを編集するのがなかなか大変で、AIも何度もコードを出してくれていたんですが、結局「HTMLを編集しなければ解決しない」という結論に。（それまでは「CSS」というHTMLの場所にコードを貼り付けたりしていた）

それで未知の「HTML編集」をAIの力を借り、2日掛かりで行ったのが最初に貼り付けた画像の結果。めちゃくちゃ疲れましたね。主に目が。

しかし、タイトルがスッと横まで伸びて非常に気持ちがいい。

その状態でブログをチェックしていると…今度は「広告の表示」がめちゃくちゃ邪魔に感じまして。

例えばこんな感じ。
トップページのヘッダーの下に広告があって
その広告の下に無意味な空間が。

これは記事の中に差し込まれていた広告。
これも広告の下に無駄な空間が。

なんかもう…こういう「無駄な空間」が許せなくなってきまして。

見てくれている方のため、そして自分の精神衛生上の健康のために広告を大幅に削減することにしました。

現在はスマホから見たヘッダー下や記事の途中には広告が入らないように設定をしました。PCから見た時も今まで画面下とか横に出て来ていたものも削除し、もちろんこっちも記事の途中に広告が入らないように。

ブログの下の方にのみ広告が入るのと、別の記事を読もうとしてくれた時に全画面で入る広告だけは入れさせていただいております。

広告に関しては今度、このスタイルでいかせていただきますので、特に全画面の広告だけはご勘弁くださいませ。


その他、細かく気になっていたところなどもHTMLで修正して、現在のブログデザインは個人的に満足な状態に。自分、がんばった。

そしてその内、「AIとのHTML奮闘記」的な記事も書こうかと思っていますので、気になる方はチェックいただければ幸いです。


さてさて。
それでは今回はこの辺で。


📷️最後までご覧いただきまして誠にありがとうございます。
当ブログに掲載している写真の無断転載・無断使用はご遠慮いただけますようお願い申し上げます。もしご紹介や引用いただける場合は、本記事へのリンクを添えていただければ幸いでございます。