> 大評判のSWELLを徹底レビュー!気になる口コミ・評判は?

SWELLのヘッダーロゴ画像を設定する方法|サイズのおすすめも紹介

SWELL-header-logo-image

SWELLのヘッダーロゴ画像を設定する方法ロゴサイズのおすすめも紹介します。

マチコ

SWELLでロゴを設定する方法を教えて下さい。

ヒナキラ

ヘッダーのロゴ画像ですね!OKです。

本記事の内容
  • ロゴ画像のおすすめサイズ
  • SWELLでロゴ画像を設定する方法
  • ロゴ位置の設定
Blog

この記事の監修者

ヒナキラ 編集長

30代凡人ブロガー。ブログ月収6桁。複数サイト運営。有料テーマ13コを扱う自称テーマまにあ。Twitter(@OneokrockHomme)フォロワー8,000人。ブログが大好き。

Blog

この記事の監修者

ヒナキラ 編集長

30代凡人ブロガー。ブログ月収6桁。複数サイト運営。有料テーマ13コを扱う自称テーマまにあ。Twitter(@OneokrockHomme)フォロワー8,000人。ブログが大好き。

この記事を読めば、ヘッダーロゴの画像の悩みはスッキリ!?

ぜひ見ていって下さい。

デザインが綺麗でオシャレ、使いやすく、高機能。

SWELLの評判を集めた記事は →SWELLの口コミ評判・レビュー

有料テーマ12コ使う僕のイチオシWordPressテーマです。

≫SWELL公式サイトはこちら

タップできる目次

SWELLのヘッダーロゴ画像

SWELLロゴ画像

SWELLでは、上記の場所が初期のヘッダーロゴ位置となります。

当サイトでは、「ぶろぐ学部」というサイト名をロゴ画像として設定。

ロゴなしでも「ぶろぐ学部」というサイト名は表示できるのですが、ロゴ画像を使うと好きな見た目にできるのが良いところです。

ヒナキラ

気に入った見た目にできると、より愛着もわきますね。

SWELLで使うロゴのおすすめサイズ

ロゴサイズ横:縦の比率
SWELL公式のロゴサイズ1600×3604.4:1
当サイトのロゴサイズ250×505:1

では、SWELLで設定するのにオススメのロゴサイズについて解説します。

まずは、SWELL公式サイトで使われているロゴのサイズは、「1600×360」という画像サイズ。

で、当サイトで使っているロゴ画像のサイズはというと、「250×50」です。

サイズが小さい理由は、画像が大きいと読み込みに時間がかかってサイトスピードが落ちる為。

結論、おすすめのサイズは、横「250~1600」、縦「50~360」あたりでしょう。

ヒナキラ

画像が粗くならない程度に小さくするのがオススメ。

ちなみに、横と縦のサイズ比率ですが、当サイトは「5:1」、SWELL公式は「4.4:1」です。参考までに。

SWELLで使うロゴ画像を作るオススメの方法

SWELLで使うロゴ画像を作るには、Canvaという画像ツールがおすすめです。

CANVAロゴ

ロゴ画像のテンプレートも豊富なので、参考にしながらオシャレなロゴ作成も可能。

Canvaロゴ画像テンプレート
ヒナキラ

当サイトのロゴ画像も、Canvaで作りました。

SWELLでロゴ画像を設定する方法

使うロゴ画像を用意できたら、実際にSWELLでロゴを設定する方法をみていきましょう。

手順は、以下の通りです。

STEP
「外観」→「カスタマイズ」をクリック
外観カスタマイズ
STEP
「ヘッダー」をクリック
「ヘッダー」をクリック
STEP
「画像を選択」から画像をアップロードする
画像をアップロード
STEP
画像サイズを「お好みで」設定します
画像サイズを設定する

当サイトの設定は以下の通りです。

画像サイズ(PC)45
画像サイズ(PC追従)35
画像サイズ(SP)※スマホ50
STEP
「公開」をクリックして設定完了です
「公開」をクリックして設定完了

SWELLのロゴ位置は2パターン

SWELLのロゴ位置は2パターンあります。

初期位置の「左側」と「中央」です。

左側のロゴ位置

左側のロゴ位置

中央のロゴ位置

中央のロゴ位置

ロゴ位置は、「ヘッダーのレイアウト」から設定します。

「ヘッダーのレイアウト」から設定
ヒナキラ

好みのロゴ位置で設定しましょう。

まとめ|ヘッダーロゴを設定して、魅力的なヘッダーに!

ヘッダーロゴは必須ではありませんが、設定することでオシャレな見た目にできたり、印象に残るヘッダーにすることができます。

しかも、どのページにアクセスしてもロゴは必ず表示されるので、重要度も高いといえるでしょう。

さらには、気に入ったロゴを使うことで、自分自身のモチベーションも高まったり、サイトへの愛着がわいたりします。

ヒナキラ

せっかくなので、使っていきましょう!

デザインが綺麗でオシャレ、使いやすく、高機能。

SWELLの評判を集めた記事は →SWELLの口コミ評判・レビュー

有料テーマ12コ使う僕のイチオシWordPressテーマです。

≫SWELL公式サイトはこちら

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

タップできる目次