【THE THORカルーセルスライダーのカスタマイズ】初心者向けに画像付きで解説

the thor カルーセルスライダー
Chiharu
Chiharu
今回は、WordPressテーマ「THE THOR(ザ・トール)」カルーセルスライダーのカスタマイズについてお伝えします。

 

THE THORカルーセルスライダーカスタマイズの手順

 

  1. サンプルを見てカスタマイズする内容を決める
  2. それぞれのカスタマイズをする
    1. カルーセルスライダーの表示・非表示
    2. カルーセルスライダーの表示条件
    3. カルーセルスライダーの画像サイズ
    4. カテゴリーのイメージカラーのカスタマイズ

 

THE THORカルーセルスライダーのカスタマイズサンプル

 

the thor カルーセルスライダー表示
the thor カルーセルスライダー非表示

 

the thor カルーセルスライダー16:9
the thor カルーセルスライダー4:3
the thor カルーセルスライダー1:1

 

the thor カルーセルスライダーカテゴリ名がイメージカラー
the thor カルーセルスライダーカテゴリ名がテーマカラー

 

【カスタマイズ1】カルーセルスライダーの表示・非表示

 

THE THORカルーセルスライダーは、表示・非表示を選択できます。

 

the thor カルーセルスライダー表示
the thor カルーセルスライダー非表示

 

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー カルーセルスライダーTopページ設定>カルーセルスライダー設定>カルーセルスライダー設定>カルーセルスライダーを表示するか選択

選択して公開 をクリック

 

【カスタマイズ2】カルーセルスライダー表示条件

 

THE THORカルーセルスライダーに表示するページを以下の条件から指定できます。

・なし
・指定した投稿を表示
・指定した投稿以外を表示
・指定したカテゴリの投稿を表示
・指定したカテゴリ以外の投稿を表示

 

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー カルーセルスライダーTopページ設定>カルーセルスライダー設定>カルーセルスライダー設定>表示条件の選択

それぞれ選択して公開 をクリック

表示指定は、投稿名・カテゴリ名ではなくIDを使って指定します。

IDを使う:表示させたい投稿が複数ある場合は「, 」で区切って、「26,24,22」と入力
表示件数:5〜10件まで

 

投稿ページID
投稿記事のIDは、ダッシュボード>投稿>投稿一覧から調べることができます。
カテゴリーID
投稿カテゴリのIDは、ダッシュボード>投稿>カテゴリーから調べることができます。

 

【カスタマイズ3】カルーセルスライダー画像の大きさ

 

THE THORカルーセルスライダーの画像の大きさは、16:9・4:3・1:1から選択できます。

 

the thor カルーセルスライダー16:9

the thor カルーセルスライダー4:3

the thor カルーセルスライダー1:1

 

ダッシュボード>外観>カスタマイズ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ

 

カスタマイザー カルーセルスライダーTopページ設定>カルーセルスライダー設定>カルーセルスライダー設定>画像アスペクト比を選択

画像アスペクト比を選択して、公開 をクリック

 

【カスタマイズ4】カテゴリーのイメージカラー

 

THE THORカルセルスラーダーのアイキャッチ右上に表示するカテゴリーは、背景色をイメージカラーにカスタマイズできます。

 

the thor カルーセルスライダーカテゴリ名がイメージカラー
the thor カルーセルスライダーカテゴリ名がテーマカラー

 

カテゴリーイメージカラーは、アーカイブページのタイトル・ピックアップ3記事・カテゴリごとの最新記事などに反映されます。

 

ダッシュボード>投稿>カテゴリー
  1. ダッシュボード
  2. 投稿
  3. カテゴリー
カテゴリー
  1. 色の指定は「色を選択」をクリック白い丸・白い四角をクリックしながら動かして色を選択または、カラーコードを直接入力THE THOR カラーパネル
  2. 更新 をクリック

 

カテゴリーの作成手順もお伝えします。

 

ダッシュボード>投稿>カテゴリー
  1. ダッシュボード
  2. 投稿
  3. カテゴリー
カテゴリー
  1. カテゴリーの名前を入力
  2. カテゴリーのURLをアルファベットで入力
  3. 新規カテゴリーを追加 をクリック

 

ダッシュボード>投稿>新規
  1. ダッシュボード
  2. 投稿
  3. 新規追加
カテゴリー

クラッシックエディタ

  1. カテゴリー名を入力
  2. 新規カテゴリーを追加をクリック
  3. ダッシュボード 公開 をクリックしてカテゴリの追加が完了
カテゴリー

ブロッククエディタ

  1. カテゴリー名を入力
  2. 新規カテゴリーを追加をクリック
  3. ダッシュボード 公開 をクリックしてカテゴリの追加が完了

 

THE THORカルーセルスライダーのカスタマイズは完了です。

 


 

以上、【THE THORカルーセルスライダーのカスタマイズ】初心者向けに画像付きで解説でした。

 

お読みいただき、ありがとうございました。

THE THORカスタマイズ

1人で悩んでいませんか?
設定やカスタマイズでお困りのときは
お気軽にご相談ください。

ご相談はこちらへどうぞ >