【SWELL】全体設定、基本設定、導入後に最初にやること（初心者向けに完全案内）

2024年6月7日

広告：ページ内にてアフィリエイト広告を利用しています。

SWELL を導入後にいきなり何をすればよいかわからないこともチラホラ。SWELL導入後には全体の設定をします。

ポイント

本記事では、

SWELL 導入後に行う全体設定について解説します。

SWELL を使って、素敵なサイトを作りましょう！

主に最初に見ておいた方がよい設定項目を中心に紹介します。

＼SWELL でオシャレサイトを作る方法はこちらをクリックしてください／

SWELL の全体設定

SWELL で実施していきべき基本的な設定を順番に解説します。

サイトのタイトル、キャッチフレーズ、サイトアイコンを設定します。

WordPress の管理画面から「外観」→「カスタマイズ」→「WordPress 設定」→「サイト基本情報」を選択します。

サイトのタイトル、キャッチフレーズ、サイトアイコンを設定します。

項目	概要
サイトのタイトル	サイト（ブログ）のタイトルです。サイト上部やフッターに表示される他、サイトを紹介するときのサイト名などになります。例）「ペンギンサイト」
キャッチフレーズ	サイトのキャッチフレーズ（サブタイトル）です。ヘッダーバー（画面上部のバー）に表示されます（設定で消すこともできる）サイト名を補足する簡易なキャッチフレーズを設定します。例）「ペンギン好き集まれ！ペンギンについていろいろ紹介」
サイトアイコン	サイトのアイコンです。ブックマークしたときのショートカット用のアイコンなどになります。「サイトアイコン」の画像のサイズは「512×512」程度の正方形の画像を用意します。

サイト全体の基本色を設定します。

WordPress の管理画面から「外観」→「カスタマイズ」→「サイト全体設定」→「基本カラー」を選択します。

サイト全体のカラーを設定していきます。

項目	概要
メインカラー	サイト全体のメインカラーです。自分のブログのイメージに合う色を選びましょう。
テキストカラー	テキスト色（文字色）です。
リンクカラー	リンクテキストの色（リンクの文字色）です。
背景色	サイト全体の背景色です。

例）メインカラー

メインカラーはサイト内で良く使われる基準色です。

メインカラーの利用例（ヘッダーバーなど）

メインカラーの利用例（見出しなど）

※「見出し」の色は別途設定でも変更できます。

例）背景色

背景色は、サイト全体の背景の色を指定します。

サイト全体（フォントなど）を設定します。

WordPress の管理画面から「外観」→「カスタマイズ」→「サイト全体設定」→「基本デザイン」を選択します。

項目	概要
ベースとなるフォント	サイトのフォントを指定します。「ヒラギノゴシック＞メイリオ」がおすすめです。
フォントサイズ(PC・Tab)	サイトのフォントサイズを指定します。 Google はサイトのフォントは16px以上が好ましいと公表していますので、「中(16px)」「大(17px)」「極大(18px)」からサイトの雰囲気に合わせて選んでください。 ※ターゲットが高齢の方のサイトの場合、フォントは大きくした方が読みやすくなります。
フォントサイズ(Mobile)	モバイルでのフォントサイズです。初期値の「デバイス可変：中」をおすすめします。
字間(letter-spacing)	字間です。SWELLの各部品などとのバランスのよい「標準（normal）」をおすすめします。