1more!

+1 Lifestyle Blog. 趣味を多方面に愉しむブログ。

【Ï】ブログ改造記8「タイトルとWebフォント。」

スポンサーリンク

photo credit: Ravages via photopin cc

どうも!Hayabusa(@hayabusa_823z)です。 毎回お送りしているブログカスタマイズ備忘録の第8弾です。

今回の変更点

タイトルロゴ変更

表示を軽くするための実験的な取り組みとして、タイトル画像を削除しました。
さらに、Webフォントを導入し、ブログタイトル・文字サイズの調整を行いました。

  • 現在、ブログのトップは説明文の部分の文字スタイルが正しく適用されているのものの、記事の続きを読むページを開いた際に、見出しタグの表示になってしまう問題が発生しています。スタイルシートを調べてみて、発見し次第修正する予定です。
背景画像の変更

背景はしばらくの間真っ白でしたが、配色のバランス調整のため、シンプルな模様をPC/スマートフォンページに設定しました。

各種微修正
  • リスト表示の書式で使っていた▷を削除。
    生成されたApp紹介リンクliタグが入っており、その書式が本文以外にも適用されてしまい表示が崩れたため。

あとがき

今回はブログタイトル部分以外は細かい調整を中心に行いました。 前々から実験的にWebフォントを導入してみたいと思っていたので導入してみましたが、色の変更がなかなか反映されず少し困ってます^^; しばらく表示が崩れたりする場合かありますが予めご了承ください。

追記

  • 3/6
    • ブログ説明文の表示とスマートフォンの見出し表示崩れの原因が判明し、無事解決しました。このあたりの問題は後ほど解決策・回避策を紹介します。
    • 上記の問題が解決したため、タイトル部分に背景画像を挿入しました。