【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 記事ランキング
・表示件数(5〜10)
・表示記事の指定

 

the thor 記事ランキング

 

the thor 記事ランキング16:9
the thor 記事ランキング1:1
the thor 記事ランキング4:3
the thor 記事ランキング非表示

 

the thor 記事ランキング

イメージカラー

the thor 記事ランキングテーマカラー

 

【カスタマイズ1】記事ランキングの表示・非表示

 

THE THOR記事ランキングは、表示・非表示から選択できます。

 

the thor 記事ランキング表示
the thor 記事ランキング非表示

 

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

 

カスタマイザー 記事ランキングTOPページ設定>記事ランキング設定>記事ランキングを表示するか選択

選択して公開 をクリック

 

【カスタマイズ2】記事ランキングの表示条件

 

THE THOR記事ランキングは、表示件数・表示条件・表示記事の指定ができます。

 

・表示件数(5〜10)
・指定した投稿を表示
・指定した投稿以外を表示
・指定したカテゴリの投稿を表示
・指定したカテゴリ以外の投稿を表示

 

the thor 記事ランキング

 

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

 

カスタマイザー 記事ランキングTOPページ設定>記事ランキング設定>表示件数を指定>表示条件を選択>指定するIDを入力

選択して公開 をクリック

表示件数:5〜10

IDを指定:指定するIDに投稿記事ID、投稿カテゴリIDを入力

 

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

 

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

 

【カスタマイズ3】記事ランキングの見出し

 

THE THOR記事ランキングは、見出しをカスタマイズできます。

 

the thor 記事ランキング

 

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

 

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

 

カスタマイザー 記事ランキングTOPページ設定>記事ランキング設定>セクションの見出しを入力

選択して公開 をクリック

アイコンを表示:表示するアイコン名を入力

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

 

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

 

【カスタマイズ4】記事ランキングの画像

 

THE THOR記事ランキングに表示する画像は、16:9・4:3・1:1・非表示の4種類から選ぶことができます。

 

the thor 記事ランキング16:9
the thor 記事ランキング1:1
the thor 記事ランキング4:3
the thor 記事ランキング非表示

 

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

 

カスタマイザー 記事ランキングTOPページ設定>記事ランキング設定>画像アスペクト比を選択

選択して公開 をクリック

 

【カスタマイズ5】記事ランキングのカテゴリ背景色

 

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人で悩んでいませんか?
設定やカスタマイズでお困りのときは
お気軽にご相談ください。

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