【THE THORカテゴリ最新記事のカスタマイズ】初心者向けに画像付きで解説

the thor カテゴリ最新記事

 

Chiharu
Chiharu
今回は、WordPressテーマ「THE THOR(ザ・トール)」カテゴリ最新記事のカスタマイズについてお伝えします。

 

カテゴリ最新記事は、カテゴリごとの一番新しい記事をTOPページに表示することができる機能です。

 

THE THORカテゴリ最新記事カスタマイズの手順

 

  1. サンプルを見てカスタマイズする内容を決める
  2. それぞれのカスタマイズをする
    1. カテゴリ最新記事の表示・非表示
    2. カテゴリ最新記事で表示するカテゴリ
    3. カテゴリ最新記事の見出し
    4. カテゴリ最新記事の画像
    5. カテゴリ最新記事のカテゴリ名の文字色

 

THE THORカテゴリ最新記事のカスタマイズサンプル

 

the thor カテゴリ最新記事表示

the thor カテゴリ最新記事

非表示

 

the thor カテゴリ最新記事

 

the thor カテゴリ最新記事

 

the thor カテゴリ最新記事16:9
the thor カテゴリ最新記事16:9
the thor カテゴリ最新記事4:3
the thor カテゴリ最新記事4:3
the thor カテゴリ最新記事1:1
the thor カテゴリ最新記事1:1
the thor カテゴリ最新記事非表示
the thor カテゴリ最新記事非表示

 

the thor カテゴリ最新記事

イメージカラー

the thor カテゴリ最新記事

テーマカラー

 

【カスタマイズ1】THE THORカテゴリ最新記事の表示・非表示

 

THE THORカテゴリ最新記事は、表示・非表示を選択できます。

 

the thor カテゴリ最新記事表示
the thor カテゴリ最新記事非表示

 

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

 

カスタマイザー カテゴリ最新記事TOPページ設定>カテゴリ最新記事設定>カテゴリ最新記事を表示するか選択

選択して公開 をクリック

 

【カスタマイズ2】THE THORカテゴリ最新記事で表示するカテゴリ

 

THE THORカテゴリ最新記事は、表示させたいカテゴリーを選択できます。

 

the thor カテゴリ最新記事

 

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

 

カスタマイザー カテゴリ最新記事TOPページ設定>カテゴリ最新記事設定>表示条件を選択

表示条件を選択、カテゴリ最新記事に表示する(表示しない)投稿カテゴリIDを入力して公開 をクリック

 

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

 

【カスタマイズ3】THE THORカテゴリ最新記事の見出し

 

THE THORカテゴリ最新記事は、見出しをカスタマイズできます。

 

the thor カテゴリ最新記事

 

THE THORカテゴリ最新記事は、見出しを入力しないと表示ができない仕組みなので、ご注意ください!アイコン・補足情報は、空欄でもカテゴリ最新記事は表示されます。

 

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

 

カスタマイザー カテゴリ最新記事TOPページ設定>カテゴリ最新記事設定>セクションの見出しを入力

セクションの見出しを入力して公開 をクリック

アイコンを表示:表示させたいアイコン名を入力

補足情報を表示:補足情報を入力

 

the thor アイコン
アイコン名がわからないときは、左上アイコンオプション」をクリック
the thor アイコン
アイコン一覧が表示されるので、アイコンのコードをコピーしてください

 

【カスタマイズ4】THE THORカテゴリ最新記事の画像

 

THE THORカテゴリ最新記事で表示する画像は、16:9・4:3・1:1・非表示から選択できます。

 

the thor カテゴリ最新記事16:9
the thor カテゴリ最新記事16:9
the thor カテゴリ最新記事4:3
the thor カテゴリ最新記事4:3
the thor カテゴリ最新記事1:1
the thor カテゴリ最新記事1:1
the thor カテゴリ最新記事非表示
the thor カテゴリ最新記事非表示

 

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

 

カスタマイザー カテゴリ最新記事TOPページ設定>カテゴリ最新記事設定>画像アスペクト比を選択

選択して公開 をクリック

 

【カスタマイズ5】THE THORカテゴリ名の文字色を変える

 

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

 

the thor カテゴリ最新記事

イメージカラー

the thor カテゴリ最新記事

テーマカラー

 

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

 

ダッシュボード>投稿>カテゴリー
  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カスタマイズ

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

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