ブログのテーマを有名テーマ「Stinger5」に変更

最近、このブログへのアクセスの7割(!)がスマホ経由であることを知り、自分のiPhoneでブログをチェック。

すると、ところどころレイアウト崩れしている&気になるところを発見。そこで思い切って、テーマを変更してみることに。

今回利用させていただいたテーマはこちら。

Stinger5

stinger5公式

利用者の多い有名テーマらしく、オシャレでシンプル、使いやすいテーマになっています。

ブログを着せ替えると、シンプルな2カラム、スマホ完全対応とバッチリ!

以前はスマホだとYouTube動画を掲載していたページのレイアウトが崩れていましたが、Stinger5はバッチリ!

デザインもスッキリ、シンプルイズベターでとても気に入っています。

ということでこのテーマで行こうと思いますが、

ロゴの画像が小さくなってしまう。

記事内の文字が小さい。

など気になるところが。

ということでスタイルシートを修正、フォントの大きさ、ロゴの画像サイズ制限を修正しましたが、なぜかCSSが反映されないよう。

スタイルシート

functions.phpのカスタマイザー部分のコードも消しましたが、変化なし。ブラウザキャッシュしてもロゴの大きさ変わらず。

ということで、いくつか問題点を修正する必要があるよう。まだまだいろいろ調整が必要なようです。

気が向いたら少しずつCSS&HTMLをカスタマイズ。希望に近いデザインにしていこうと思います。

【要カスタマイズ】

ロゴのサイズ

メニュー

追記1

文字サイズは変更完了。文字サイズはCSS通りになりました。

追記2

スタイルシートの「/*ブログタイトル*/部分」にある、

CSS2

header .sitename img {
max-width: 100%;

を追加したところ通常サイズでロゴ画像が表示されるように。ロゴ画像の問題が解決しました。