【Word Press】SWELL：基本デザインの設定方法

基本デザインでは、フォント設定や背景の画像設定など、全部で５つの設定ができます。
前回基本カラーを設定したので、その雰囲気に合わせてデザインするといいでしょう。

基本デザインの設定は、
『外観』⇨『カスタマイズ』⇨『サイト全体の設定』⇨『基本デザイン』をクリックしてください。

サイト全体の見た目

全体の質感・コンテンツの背景を白にするが設定できます。

全体の質感

• 全体をフラットにする⇨
  投稿リストのサムネイル画像部分など、デフォルトで影のついている箇所の影がなくなり、シャープな印象です。
• 全体に丸みをもたせる⇨
  様々な箇所が丸みを帯びたデザインに変化するので、全体的に柔らかい印象になります。

コンテツの背景を白にする

• オフ⇨背景色を設定していても、背景全体が白で表示
• オン⇨背景色が表示されるが、コンテンツエリアの背景は白色で表示されます。
• オン（メインエリアのみ）⇨投稿部分のみ背景が白色で表示されます。

オンまたはオン（メインエリアのみ）を設定すると、
「どのページに適応するか」、「さらに、コンテンツを線で囲む」を設定することができます。
※背景はわかりやすいように黄色に設定してあります。

フォント設定

フォントやフォントのサイズが設定できます。
各項目を選択し設定します。

コンテンツ幅の設定

ここでは、「サイト幅」と「コンテンツ幅」を設定できます。

サブメニューの表示形式

・グローバルナビの孫メニュー

・スマホ開閉メニュー内にあるメインナビのサブメニュー

・ウィジェットに設置できるカテゴリーリストなどのサブメニュー

をアコーディオン開閉式に変更することができます。

SWELL公式サイトより

※グローバルナビの設定をまだ行っていないので、SWELL公式サイトより引用させいただきました。

ページ背景

サイト全体の背景画像を設定することができます。

『画像を選択』でお好みの画像を設定します。

画像を設定すると、さらに細かい設定ができます。

画像サイズ

画像サイズは５パターンで設定できます。

画像位置（X・Y方向）

画像位置を
・X方向（横）⇨右寄り・真ん中寄り・左寄り
・Y方向（縦）⇨上寄り・真ん中寄り・下寄り
で画像が配置されます。

その他の設定

• 画像ループを無効にする⇨サイト全体に画像が表示されます
•  固定表示する（スクロールで動かないようにする）⇨背景画像は固定されたまま、文字やコンテンツのみ異動します

基本デザイン設定後