[WordPress]SWELLのサイトデザイン

SWELLでWebサイトをデザインする方法を紹介します。

サイトデザインとは

サイトデザインとは、Webサイトのユーザーインターフェース(UI)をデザインすることです。
Webサイトのパーツのレイアウトや、配色、画像を設定して、ユーザーの使用感や満足度を向上します。

本記事では、筆者が設定した代表的なSWELLのサイトデザインの設定方法について紹介します。

基本カラー

基本カラーを設定します。

ブラウザ画面

[外観]→[カスタマイズ]をクリックします。
[サイト全体設定]→[基本カラー]をクリックします。
基本カラーを選択します。
[公開]をクリックします。

基本デザイン

基本デザインを設定します。

ブラウザ画面

[外観]→[カスタマイズ]をクリックします。
[サイト全体設定]→[基本デザイン]をクリックします。
基本デザインを選択します。
[公開]をクリックします。

コンテンツのデザイン

コンテンツのデザインを設定します。

ブラウザ画面

[外観]→[カスタマイズ]をクリックします。
[投稿・固定ページ]→[コンテンツのデザイン]をクリックします。
コンテンツのデザインを設定します。
[公開]をクリックします。

目次

目次のデザインを設定します。

ブラウザ画面

[外観]→[カスタマイズ]をクリックします。
[投稿・固定ページ]→[目次]をクリックします。
目次のデザインを設定します。
[公開]をクリックします。

まとめ

SWELLでWebサイトをデザインする方法を紹介しました。

Webサイトのデザインで、設定したい項目を紹介しました。
自分好みにカスタマイズできるため、記事執筆前に設定しておくと良いです。