WordPressテーマ「SWELL」ピックアップバナー設定!画像のサイズが知りたい

こんにちは、オレタメです

現在Wordpressテーマ「SWELL」を導入してコーポレートサイト作り真っ最中です

ピックアップバナーを追加して画像を挿入しようと思ったんだけど、

オレタメ

画像の推奨サイズがマニュアルに書いてないよ~

ハッピーナツくん

落ち着いて調べて見よう!

という事でピックアップバナーに適した画像サイズを調べてみました。

結論としては横幅はレスポンシブ設定、縦幅はトリミング無で反映される様なのでサイズは何でも良さそうです

読みたい所をクリック

この記事の基本情報(まとめ)

この記事は、Wordpressテーマ「SWELL」のピックアップバナーのサイズを調べた結果が書かれています。結論はサイズは気にしなくOK

この記事の5W1H内容
What(なんの話をするの?)WordPressテーマ「SWELL」のピックアップバナーのサイズを調べた結果
Who1(誰に対して?)WordPressテーマ「SWELL」を使ってる人
Where(どこで必要?)ピックアップバナーの設定
When(いつ必要?)画像を差し込む時
Who2(誰が話すの?)WordPressテーマ「SWELL」に乗り換えてすぐの人間
Why(なぜやるの)自分が分かんなかったから他にも悩む人がいると思って
how(どうやって)ブログに記載

コピペすればパッと使えるホームページの検索方法になります。

WordPressテーマ「SWELL」について

WordPressテーマ「SWELL」はブロックエディター完全対応型として

HTMLやCSSなどの知識が無くても、直感的にサイトが作れることを目指した

WordPressテーマです

他で紹介されているおすすめWordpressテーマの中では後発で

値段も比較的高いですが

その分、他のオススメテーマのイイトコどりをした上で、

現在進行形のWordpressテーマに対応したテーマとなっています。

オレタメ

このブログもSWELLだよ!

ピックアップバナーについて

ピックアップバナーとは、トップページに表示できる画像バナーのナビゲーションメニューの事を指します

メニューです。

下のサイトのメインビジュアル下の4つのバナーがそれ!

(最初は外観→カスタマイズのどこかだと思ってた)

メニューを作ってピックアップバナーにチェックを入れるとトップページメインビジュアルの下に

バナーが表示されます

画像はメニューの各項目にある説明にサーバー上の画像URLを貼れば良いみたい

と、公式サイトには説明があり、横に4列表示させた場合のサイズは

横幅25%と書かれていました

オレタメ

25%って言われてもわかんねっ!
せめてアスペクト比にしてくれ!

と思った

ピックアップバナーのサイズ・アスペクト比は?

SWELL ピックアップバナーのサイズ

という事で参考にしたのはこちらのサイト

しんでぃブログさん

これによると、

ピックアップバナーに固定のアスペクト比はないみたいですね!

並ばせるバナーの数で横幅がレスポンシブ設定されているだけで

それに合わせて高さも動く様です。

なるほどなるほど!

なので推奨サイズというよりは自分でアスペクト比を決めて

やれば問題ないということだね!

という事で今回は横長の長方形の一般バナーアスペクト比率16:9で

SWELLのピックアップバナーを作成しました

まとめ:SWELLのピックアップバナー画像のサイズは気にしなくて大丈夫

Wordpressテーマ「SWELL」のピックアップバナーサイズは気にしなくて大丈夫!

今回はWordpressテーマ「SWELL」のピックアップバナー画像サイズを調べてみました

分かったことは

分かった事
  • アスペクト比は自分で決めてOK
  • 横幅は並べるバナーの数で自動で調整される
  • 縦幅はトリミングされずにそのまま反映

皆さんもぜひぜひ自分の理想のサイト目指して

挑戦してみてください

今回は以上となります

最後まで読んで頂きありがとうございます。

慣れない事は人に任せた方がコスパが良い

自分で頑張りたいという熱心なあなたを止めません。

他人に作業をお願いするとどうしても費用が掛かってしまいます。

でもあなたの人生を時給で考えてみてください

あなたが普段2000円で仕事をしていて、慣れないWebの設定に半日時間を使うだけでも

少なく見積もって1万円以上の作業を得る機会を失ったという事になります

だったら外注してしまって、自分が得意な仕事にコミットした方が最終的なコスパが良くなります。

人はお金にはシビアですが、時間に対する感覚はおおざっぱです。

もしあなたが、自分のやりたい事に打ち込みたいなら、

是非作業は出来る人におまかせください!

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

この記事を書いた人

表現を仕事にする個人事業主です。「仕事・お金・表現」などの情報+自分の経験をあなたのためになる様に変換して発信しています。
詳しいプロフィール
「サワムーのプロフィール」

コメント

コメントする

読みたい所をクリック
閉じる