ロゴを変更しました

このサイトを作る時に「ロゴマークを作ろう！」と思いついたのですが
よく考えるとワードプレスでは「ロゴ」と「ファビコン」は別々に設定できます。

最初は正方形の「アイコン」としてかぐらさんの画像を使いましたが
スマホの画面でトップページを表示すると・・
真ん中にポツンとかぐらさんの姿

ちょっと寂しいねー

なので横長長方形のロゴをつくることにしました。
500×1200pxで作成しましたが
画面に表示すると少し小さいですね。

なるほと、検索したら「ロゴ　サイズ変更」がたくさん出てくるわけだ
どうもCSSをいじらないといけないようです。

と、いうわけでチャレンジしてみます！

Lightningでのロゴサイズの変更は「カスタマイズ」⇒「追加CSS」に記述します。

今回、ロゴ画像の高さを「最大120px」に設定します。

.navbar-brand img { max-height:120px}
この記述を追加CSSにします。

ちなみに画像を原寸で表示したいなら

/*ロゴ画像を元画像どおりのサイズで表示*/
.navbar-brand img {
max-height: none !important;
}
と記述します。

今回は500×1200pxで作ったので原寸だと大きすぎました。
高さ120pxくらいがスッキリしてますね。

とりあえず成功！