【THE THOR記事ランキングのカスタマイズ】初心者向けに画像付きで解説

記事ランキング
the thor 記事ランキング

 

今回は、THE THOR(ザ・トール)記事ランキングのカスタマイズ方法についてお伝えします。記事ランキングは、ページが開かれた回数をランキング形式にしてTOPページに表示する機能です。

 

記事ランキング以外のTHE THORのカスタマイズ方法は、こちらにまとめてありますので参考になさってください。

関連記事

初心者さん・THE THORのTOPページをカスタマイズをしたいけど、ここの名前ってなに?・THE THORのTOPページは、なにからカスタマイズすればいい? Chi[…]

トップページカスタマイズ

 

THE THOR記事ランキングのカスタマイズ手順

 

  • STEP1
    サンプルを見てカスタマイズする内容を決める
  • STEP2
    それぞれのカスタマイズをする
    1.記事ランキングの表示・非表示
    2.記事ランキングの表示条件
    3.記事ランキングの見出し
    4.記事ランキングの画像
    5.記事ランキングのカテゴリ背景色

 

THE THORサポート

当ブログでは、THE THORを購入したけれど「使い方がわからない…」という方のためにカスタマイズサポート・カスタマイズ代行をお受けしています。

これからブログをはじめる方のお悩み相談や、WordPressの相談・設定代行もお気軽にお問い合わせください。

 

THE THOR記事ランキングのカスタマイズサンプル

 

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

 

the thor 記事ランキング
・表示件数(5〜10)
・表示記事の指定

 

記事ランキング表示項目

 

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

 

the thor 記事ランキング

カテゴリ名がイメージカラー

the thor 記事ランキングカテゴリ名がテーマカラー

 

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

 

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記事ランキングは、見出しを入力しないと表示ができない仕組みになっているので、ご注意ください。見出し左に表示するアイコン・見出し右に表示する補足情報は、空欄でも記事ランキングは表示されます。

 

カスタマイザーへ
  1. WordPressのダッシュボード
  2. 外観
  3. カスタマイズ
カスタマイザー トップページ
カスタマイザー 記事ランキング
カスタマイザー 記事ランキング

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

選択してカスタマイザー公開 をクリック

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

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

 

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

 

【カスタマイズ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. 色の指定は「色を選択」をクリックしてカラーパネルが表示されたら、白い丸や白い四角をクリックしながら動かして色を選択、または、カラーコードを直接入力カラーパネル
  2. 更新 をクリック

 

記事ランキングのカスタマイズは以上になります。

 


 

以上、【THE THOR記事ランキングのカスタマイズ】初心者向けに画像付きで解説でした。

 

わからないことや、ご相談は、お気軽にお声がけくださいね。

 

お問い合わせはこちら

 

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

Chiharu