WordPress‖スワローのロゴ画像の横幅を大きくするカスタマイズ方法

僕が以前利用していたのはswallowというWordPressのテーマでした。(現在はSWELLです)

大場こうきのアイコン画像大場こうき
swallowの特徴はとにかくシンプルでオシャレ

またやぎぺーさんのファンだったこともあり、swallowを選択したのですが、1つだけ不満ポイントがありまして。。。

タイトル部分のロゴ画像(ヘッダー画像)を特大以上の大きさにしたい!!
ロゴ画像を特大にしても、サイトの横幅MAXにならないのが気になる。

ロゴ画像はサイトの横幅に合わせた方が整理されている感じもあってオシャレです。

そこでOPENCAGEさんに連絡をして、カスタマイズ方法を教えていただきました(*^^*)

今回の記事では、スワローのタイトル部分のロゴ画像の横幅のサイズを特大以上に広げる方法をご紹介していきます。

目次

WordPress‖スワローのロゴ画像の横幅を大きくしたい!!カスタマイズ方法を伝授

早速スワローロゴ画像の大きさをカスタマイズする方法をご紹介してきます・

ちなみにタイトルの文字をロゴ画像に変更する方法は下の部分で説明をしておりますので、ご参考にしてみてください。

まずは”WordPressのダッシュボード画面”を開いて、『外観→カスタマイズ』を選択していきます。

そして左のメニューを下にスクロールしていくと『追加CSS』というメニューがあります!!

1番下の部分に以下のコードを貼り付けてください。

@media only screen and (min-width: 768px) {
    .header #logo {
        width: 90%;
    }
}

その際の注意点は、ロゴ画像の大きさを特大にしておくという事です!!

◯変更前

ちなみに僕のロゴ画像のサイズは”1600✕400”にしてあります。

こちらのサイズに関しては、調節をしつつ自分の好みの大きさに設定してみてください♪

◯変更後

こちら全て完了するとロゴ画像の大きさがいい感じに調節可能になります。

スワローのタイトル部分の文字を画像に変更する方法とは?

ここからはスワローのタイトル部分の文字を画像に変更する方法をご紹介していきます。

まずは”WordPressのダッシュボード”を開いてください。

そして『外観→カスタマイズ』をクリックしていきましょう。

すると上のような画面になりますので、画面の左側に出てきたメニューの『サイト基本設定・ロゴ画像』の部分をクリックしてください。

プラグインの中にコピペを防ぐようなものを入れていると、カスタマイズが出来ません。

そのため、一度プラグインを停止にしてから、カスタマイズをしていくようにしてください。

そしてカスタマイズが終了したら、停止していたものを有効化していきましょう。

そして『ロゴ画像をアップロード』の項目が出てきますので、設定したい画像を選択していきます。

そして『画像を選択』のボタンをクリックすると、文字だった場所に画像が表示されるようになります!!

さて続いてはロゴ画像の大きさの変更ですが、『ロゴサイズ変更』で大きさが変えれます。

最後に

今回の記事ではWordPressのテーマである”SWALLOW”のロゴ画像の大きさを横幅一杯にする方法をご紹介していきました(*^^*)

やっぱり横幅が余白よりはオシャレなイメージになった気がします。笑

あなたにぴったりな働き方、オンラインビシネスで叶えませんか?

・作り笑顔が必要な人間関係から開放されたい
・知識ゼロでも思いっきり稼げる方法が知りたい
・不安と添い寝するライフスタイルから卒業したい

 
よかったらシェアしてね!

コメント

コメント一覧 (3件)

コメントする

目次
閉じる