SWELLカスタマイズ完全ガイド｜おしゃれなデザインの作り方まとめ

SWELLのカスタマイズ方法を、初心者でもわかりやすくまとめています。

SWELLはデザイン性と使いやすさを兼ね備えたWordPressテーマです。

SWELLカスタマイズの全体像

SWELLのカスタマイズは、以下の流れで進めるのがおすすめです。

❶ デザインの基本設定

まずはサイト全体のデザインを整えていきましょう。

記事作成でよく使う色やメインカラーを設定していきましょう。

デフォルトのフォント設定で物足りない場合は、こちらを参考にしてください。

❷ パーツごとのカスタマイズ

次に、各パーツごとのデザインを調整していきます。

サイトの一番上に表示されるヘッダーを整えていきましょう。

続いて、サイトの一番下に表示されるフッターを整えていきましょう。

ヘッダーとフッターを整えたら、次はそれぞれに表示するメニューを設定しましょう。

サイドバーの表示方法や設置する項目を設定していきましょう。

• トップページやランディングページは1カラム、記事ページは2カラム（サイドバーあり）が一般的です。

❸ 便利機能の活用

SWELLの便利機能を活用して、より魅力的なサイトに仕上げましょう。

長い記事をすっきり見せるために便利な機能です。補足や細かい説明をまとめて収納できます。

読者の行動を促すためのボタンを設置できます。リンクを目立たせたい場面で活用しましょう。

会話形式で内容を伝えられる機能です。やわらかくわかりやすい印象にしたいときに活用できます。

よくあるミス

カスタマイズでよくあるミスもチェックしておきましょう。

おしゃれにする＝派手にするではありません。シンプルなデザインを意識するのがおすすめです。

• 色を使いすぎて統一感がなくなる
  • サイトをおしゃれにしようとして色を多く使いすぎると、全体に統一感がなくなり逆に見づらくなってしまいます。基本は「メインカラー＋アクセントカラー」など、使用する色を絞ることが大切です。
• フォントがバラバラで読みにくい
  • 見出しや本文、装飾ごとにフォントを変えすぎると、読者にとって読みづらい印象になります。フォントは基本的に1〜2種類に統一し、シンプルで読みやすい構成を意識しましょう。
• 装飾を入れすぎて見づらくなる
  • ボックスやマーカー、アイコンなどの装飾を多用しすぎると、どこが重要なのか分かりにくくなります。装飾は強調したい部分に絞って使うことで、メリハリのある記事になります。
• スマホ表示を確認していない
  • パソコンではきれいに見えても、スマホではレイアウトが崩れていることがあります。実際の読者の多くはスマホで閲覧するため、必ずスマホ表示でも確認しておきましょう。

次にやるべきこと

カスタマイズが完了したら、次はSEO対策を行いましょう。