最近、このブログへのアクセスの7割(!)がスマホ経由であることを知り、自分のiPhoneでブログをチェック。
すると、ところどころレイアウト崩れしている&気になるところを発見。そこで思い切って、テーマを変更してみることに。
今回利用させていただいたテーマはこちら。
利用者の多い有名テーマらしく、オシャレでシンプル、使いやすいテーマになっています。
ブログを着せ替えると、シンプルな2カラム、スマホ完全対応とバッチリ!
以前はスマホだとYouTube動画を掲載していたページのレイアウトが崩れていましたが、Stinger5はバッチリ!
デザインもスッキリ、シンプルイズベターでとても気に入っています。
ということでこのテーマで行こうと思いますが、
・ロゴの画像が小さくなってしまう。
・記事内の文字が小さい。
など気になるところが。
ということでスタイルシートを修正、フォントの大きさ、ロゴの画像サイズ制限を修正しましたが、なぜかCSSが反映されないよう。
functions.phpのカスタマイザー部分のコードも消しましたが、変化なし。ブラウザキャッシュしてもロゴの大きさ変わらず。
ということで、いくつか問題点を修正する必要があるよう。まだまだいろいろ調整が必要なようです。
気が向いたら少しずつCSS&HTMLをカスタマイズ。希望に近いデザインにしていこうと思います。
【要カスタマイズ】
・ロゴのサイズ
・メニュー
※追記1
文字サイズは変更完了。文字サイズはCSS通りになりました。
※追記2
スタイルシートの「/*ブログタイトル*/部分」にある、
header .sitename img {
max-width: 100%;
を追加したところ通常サイズでロゴ画像が表示されるように。ロゴ画像の問題が解決しました。