THE THORはピックアップ記事をトップページに表示できるみたいだけど、一体どうやるの？そんな疑問を持っていませんか？
わたしも、THE THORを使っている他の方のトップページを見たとき、大きく表示されているピックアップ記事が気になりました。
その後すぐに設置したところ、設定した記事はPV数がダントツで増えて嬉しかったですね〜。
このように、ピックアップ記事を表示することで、読者さんに注目してほしい記事へ興味を引きつけ、PV数アップにも期待できるのです。
ということで今回は、THE THORのピックアップ記事について気になっているあなたへ、設定方法を解説していきますね。
THE THORのピックアップ記事を詳しく！
THE THORのピックアップ記事がどんな機能なのか？よくわからない初心者の方もいるかと思いますので、ここでかんたんに説明すると、トップページのメインビジュアル、またはカルーセルスライダーの下に3つの記事を表示させ、リンクさせる機能のことです。
なお、THE THORの設定項目では「ピックアップ3記事」と呼ばれています。
下画像はピックアップ記事を設定する前になりますが、ブログを始めた頃のトップページって、イマイチ味気なくて普通だなぁ〜という印象ですよね。
そして、ピックアップ記事を設定した後がこちら↓あっという間にちょっとブログやってる人っぽくなれちゃいます！華やかな印象ですよね〜。
左側に最注目の1記事が大きく表示され、右側には次に注目してほしい2記事が小さく表示されます。
トップページの見栄えがガラッと変わるので、なんだか急にブログのカスタマイズ力がアップしたような気さえしますね。
読者にアピールしたい記事が一目瞭然ですね！
なお、ピックアップ3記事と一緒に「カルーセルスライダー」を設置することで、トップページが賑やかになったり、読者さんに読んでもらいたい記事の表示もできておすすめですよ。
THE THORにカルーセルスライダーを設置して、トップページの雰囲気を変えたり見栄え良くするために、「今すぐ設置方法を知りたい！」と考えていませんか？ わたしは動きがあってなんとなくかっこいいから、はじめの頃から[…]
「THE THOR無料サポート」受付中！質問、疑問etc…どんな些細なことでもOK！お問い合わせはこちらからお気軽にどうぞ！
THE THORのピックアップ3記事設定方法
では、早速THE THORのピックアップ3記事の設定をしていきましょう。
あなたがアピールしたい記事を、投稿ページと固定ページの中から3つ指定できますよ。
まずは、ダッシュボード画面から【外観】→【 カスタマイズ】へすすみます。
続いて【TOPページ設定[THE] 】→【ピックアップ3記事設定】をクリックしてください。
次に表示された【ピックアップ3記事設定】の画面で、各項目を設定していきます。
- ピックアップ3記事を表示するか選択
- セクションの見出しを入力
- 見出しの左に表示するアイコンを入力
- 見出しの右に表示する捕足情報を入力
- 画像アスペクト比を選択
- 画像マスクを選択
- カラー系マスク利用時の色を指定
- 1番目〜3番目の記事IDを入力
上から順に解説していきますね。
ピックアップ3記事を表示するか選択
まず最初の項目ですが、すでに記事が3つ以上あってピックアップしたい記事が決まっているようでしたら【表示】を選択しましょう。
セクションの見出しを入力
こちらは必須項目となっていますが、ピックアップ3記事の【PICKUP】と書かれている見出し部分の文字を変更できます。
なお、チェックボックス【見出しを太文字にする】は太字にしたいならチェックを入れてください。
見出しの左に表示するアイコンを入力
続いても見出し部分の設定ですが、見出し文字の左側にあるアイコンのコードをコピーして、ここに貼り付けて変更します。
アイコンのコードですが、青文字で表示されている【アイコン一覧】という部分をクリックして、表示された一覧画面から好きなアイコンコードをコピーしましょう。
見出しの右に表示する捕足情報を入力
こちらも見出し部分の設定ですが、見出し文字の右側にある補足情報を変更できます。
シンプルに「ピックアップ3記事」でもいいですが、「まとめ記事」「よく読まれている記事」など、自由に入力しましょう。
画像アスペクト比を選択
ここでは、ピックアップ3記事のアイキャッチ画像を表示する際のアスペクト比(画像の長辺と短辺の比率)を、3つのパターンから選択できます。
特に強いこだわりがなければ、アイキャッチ画像の推奨サイズである【16:9（default）】にしておきましょう。
画像のマスクを選択
続いて、見出し部分の背景画像のマスク（画像にカラーをつけること）を、5つのパターンから選択しましょう。
それぞれのマスクはこんな感じです↓
ちなみに背景画像は、1番目のピックアップ記事のアイキャッチ画像が表示されます。
わたしは個性を出すために「カラー+画像グレー」を選択、下に説明するカラーも加えてすこし派手目に設定していますよ！
カラー系マスク利用時の色を指定
画像マスクを選択の項目で、【カラー】【カラー+画像グレー】を選択した場合、マスクのカラーを指定できます。
【色を選択】ボタンを押し、好きなカラーを指定しましょう。
チェックボックス【アイキャッチ上のカテゴリを非表示にする】は、アイキャッチの右上に表示されるカテゴリー名を、非表示にしたい場合チェックを入れましょう。
1番目〜3番目の記事IDを入力
ここでピックアップしたい記事を3つ指定して、記事IDを入力します。
記事IDですが、投稿ページを表示したい場合は【投稿一覧】から、固定ページを表示したい場合は【固定ページ一覧】から調べることができますよ。
それぞれ表示したい記事のIDを確認し、【1番目〜3番目の記事IDを入力】欄に入力しましょう。
おつかれさまでした！ピックアップ3記事の設定方法は以上となります。
まとめ
ここまで、THE THORのピックアップ3記事の設定方法を解説してきました。
ピックアップ3記事を設置しただけで、トップページのデザインに大きな変化があらわれたのではないでしょうか？わたしもこんな手軽にイメージチェンジできたのが嬉しかったですね〜。
読者さんが情報を得るために、「いかにわかりやすく伝えるか」という点がサイト作りでは非常に重要なので、ピックアップ3記事機能の利用をおすすめします。
今回の記事でなにかわからないことはありませんでしたか？質問や相談、感想や雑談などなんでも受け付けているので、どうぞお気軽にメールくださいね↓
