MENU
チロ猫
こんにちは、チロ猫です。

ネットショップと趣味のブログをいくつか運営しています。
◆ 神テーマ「SWELL」のすべて!◆ 特徴 ~ エディタ ~ 移行手順 ~ デメリット ~ 感想 ~ 比較まで!記事へ GO!

WordPress SWELLの初期設定、サイトの外観を設定する

次の動画へ⇒

SWELL公式ホームページ:https://swell-theme.com


SWELLをインストールしたら、好みに合わせて外観を設定しよう。

SWELLの外観設定の方法を解説します。

目次

基本カラー:SWELL初期設定

まずはサイトの「テーマカラー」を設定しよう

「テーマカラー」は以下のメニューで設定できます。

外観 > カスタマイズ > サイトの全体設定 > 基本カラー

SWELL、基本カラーの設定画面

ヘッダー:SWELL初期設定

次は、ヘッダー全体を設定します

ヘッダーメニュー

新しく「ヘッダーメニュー」を作成するには、次の手順で行います。

外観 > メニュー

  1. [新しいメニューを作成しましょう] をクリック
  2. 名前を付け、メニューを作成 をクリック
  3. 必要なカテゴリーを選択
  4. メニューに追加 をクリック
  5. [グローバルナビ] を選択
  6. メニューを保存 をクリック
SWELL、メニュー画面でヘッダーメニューを作成中

メニュー作成については「フッターの設定」を参照してください。

より詳しく説明しています。

ヘッダーロゴ

ヘッダーにロゴ画像を設定するには、以下のメニューからアクセスします。

外観 > カスタマイズ > ヘッダー > ヘッダーのロゴ設定

SWELL、ヘッダー画面でヘッダーロゴを設定

ヘッダーを追従させる

ヘッダーを追従させるには、以下のメニューで設定します。

外観 > カスタマイズ > ヘッダー > ヘッダーの追従設定

SWELL、ヘッダー追従設定の解説

ヘッダー上のキャッチフレーズ

デフォルトではヘッダーの上に「キャッチフレーズ」が入っていますが、これを非表示にできます。

外観 > カスタマイズ > ヘッダー > キャッチフレーズ設定 > [表示しない]

さらにSNSアイコンリストを非表示にすると、ヘッダーの上のバーが消えます。

外観 > カスタマイズ > ヘッダー > ヘッダーバー設定 > [SNSアイコンリストを表示する] をOFF

SWELL、キャッチフレーズを非表示にし、上のバーを消す解説

お知らせバー:SWELL初期設定

お知らせバーを表示するには、次のメニューから設定します。

外観 > カスタマイズ > サイト全体 > お知らせバー

SWELL、お知らせバー設定の解説

ピックアップ:SWELL初期設定

トップに配置するオブジェクトには3つの種類があります

  • メインビジュアル
  • 記事スライダー
  • ピックアップバナー

この3つを説明するね

メインビジュアル

トップに画像を配置するには、次のメニューから設定します。

外観 > カスタマイズ > トップページ > メインビジュアル

SWELL、メインビジュアルの設定

デフォルトではランダムな画像が表示されますが、好きな画像を設定できます。文字を際立てるために画像を暗くしたりできます。

ヘッダーの透過

ヘッダーを設定している場合、カテゴリーの背景を透過させることができます。

外観 > カスタマイズ > ヘッダー > トップページでの特別設定

SWELL、メニュー背景を透明にする

記事スライダー

トップに、回転する記事群を表示させるには、次のメニューから設定します。

外観 > カスタマイズ > トップページ > 記事スライダー

SWELL、記事スライダーの設定画面

ピックアップバナー

回転しない、固定の記事群を表示するには、次のメニューから設定します。

外観 > メニュー

  1. [新しいメニューを作成しましょう] をクリック
  2. 名前を付け、メニューを作成 をクリック
  3. 必要なカテゴリーを選択
  4. メニューに追加 をクリック
  5. [ピックアップバナー] を選択
  6. メニューを保存 をクリック
SWELL、メニュー画面で、ピックアップバナーを作成中

ピックアップバナーに関する細かい設定は、次のメニューから行います。

外観 > カスタマイズ > トップページ > ピックアップバナー

SWELL、ピックアップバナーが表示されれた画面

フッター:SWELL初期設定

フッターの作成については「フッターの設定」記事も参考にしてください。

フッターの真上に「3つの項目」を表示するには、次のメニューから設定します。

外観 > ウィジェット

ウィジェット画面でフッターを設定

「3列の項目」に色を設定するには、次のメニューから行います。

外観 > カスタマイズ > フッター

SWELL、フッターの色設定画面

フッターの真上に「3つの項目」が表示され、色も付きました。

サイドバー:SWELL初期設定

サイドバーを表示するには、次のメニューから設定します。

外観 > ウィジェット

ウィジェット画面、共通サイドバー設定
SWELL、サイドバーにコンテンツが配置された画面

トップページ:SWELL初期設定

既定のページで記事の表示を変えたい場合

トップページの記事の並び方を変更するには、次のメニューから行います。

外観 > カスタマイズ > 記事一覧リスト

SWELL、トップページの記事の並び方を変更した画面

独自のページをトップにしたい場合

トップページに独自のページを配置するには、次のメニューから行います。

外観 > カスタマイズ > WordPress設定 > ホームページ設定 > [固定ページ] を選択

SWELL、トップページを固定ページに変更した画面

見出し:SWELL初期設定

見出しのデザインを設定するには、次のメニューから行います。

外観 > カスタマイズ > 投稿・固定ページ > コンテンツのデザイン

SWELL、見出しの設定画面

一通り解説したけど分かったかな?

まだSWELLをお持ちでない方は、ホームページから詳細をご覧ください。

SWELLホームページ:swell-theme.com

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次