WordPressタイトルロゴを大きくする

ブログのタイトルロゴを作成したけど設定したら小さくなってしまった…もっと大きく表示されないの?という悩みありませんか?

ブログのタイトルは、サイトの顔になるのでしっかりとアピールしたい箇所ですよね。

今回は、「ブログのタイトルロゴを大きくする方法」を紹介します。

スタイルシートにコードを追記するだけで、自由に大きさを調整することができるので色々を試してみてください!

それではいってみよー

 

スポンサーリンク

タイトルロゴの画像が小さくなる

せっかく作成したタイトルロゴの画像。画像をアップロードして、いざ設定してたら縮小されてしまいました。

タイトルロゴはブログの顔。サイトに最初に訪れた際に最初に目が行く場所だけに小さくなると意味がないですね。

コード追加前

 

こんな風に自動的に調整されてしまい小さくなってしまいます。そんな時はスタイルシート(CSS)にコードを追加して大きさを調整することで解消できます。

スポンサーリンク

スタイルシート(CSS)にコードを追加してして大きくする

WordPressの人であれば、スタイルシート (style.css) または 追加CSSに下記のコードを入力します。

@media screen and (min-width: 769px){
#logo img {
  height:100px !important;
  margin: 2em;
}
}

好きな大きさに変更しよう

もっと大きくしたいという場合があるかと思います。

そういう時は「height:」の後ろにある数字を変更すれば大きさが変わるので、自分の好みの大きさになるように色々と調整してみてください。

ちなみに私は、100pxで設定で良い感じの大きさになりました。

コード追加前後

 

あとがき

簡単な記述でブログのタイトルロゴを調整することができます。

何で大きくならないのかと悩みましたが調べてみると答えは簡単でした。まだま勉強が必要です。

Moimoi!

スポンサーリンク

Twitterでフォローしよう

おすすめの記事