※こちらは画像です。
ここではザ・トールにおけるアーカイブページの設定をまとめてご紹介します。
ワードプレスのアーカイブページとは「記事一覧」のページのことを指し、
各カテゴリーに遷移した時に表示される「カテゴリーページ」とタグで検索した時に表示される「タグページ」があります。
これらのアーカイブページは訪問者の目的に合ったジャンルのあらゆるページが一覧としてアイキャッチや抜粋文字とともに表示されるので、簡単にページ内容をイメージすることができスムーズに該当のページへと遷移される仕組みです。
ワードプレスにおけるアーカイブページは使用しているテーマによってデザインや表現方法が異なり、時には思い通りの表現ができない場合はCSSをいじるなど手間がかかります。
ザ・トールでは簡単な操作でアーカイブページのレイアウトを設定でき、訪問者が手動で操作できるコントローラーなど独自の便利な機能が搭載されてます。
従来の記事ページに比べるとアーカイブページは軽視される方もいるかもしれませんが、検索結果に表示されるページは作成した記事ページだけとは限らず、タグページやカテゴリーページからの訪問もあります。
実際、私の運営している他のサイトでは狙ったキーワードで検索した時、特定のページではなく、そのページが含まれるタグページがGoogleで1位や2位に表示されており、グーグルアナリティクスで調べてみるとそのタグページの訪問から同ジャンルの各ページに流れるなど思わぬ効果を発揮してくれることもあるので、きちんと設定することをおすすめします。
アーカイブページの設定方法
それではここからアーカイブページ設定を各項目別に説明させていただきます。
レイアウト設定
【カスタマイズ→アーカイブページ設定→レイアウト設定】
・カラムを選択
2カラムか1カラムを選択します。
・2カラム時のサイドバーの位置を選択
2カラムの時にサイドバーの表示を右側にするか左側にするかを選択します。
・1カラム時のメインカラムの横幅を選択
1カラムの場合の横幅を選択します。
2カラムに設定している場合は効果がありません。
コントローラー設定
【カスタマイズ→アーカイブページ設定→コントローラー設定】
【コントローラー設定】
・コントローラーを表示するか選択
コントローラーを表示する場合は「表示」を選択します。
「新着順」か「人気順」のソート機能や、レイアウトのデザインを選択できます。
・コントローラーのフレームを選択
コントローラーのフレームを以下の中から選択します。
・無し
・シャドウフレーム
・ボーダーフレーム
【新着・人気順ソートリンクの設定】
・新着・人気順ソートリンクを表示するか選択
「表示」にすることでコントローラーで「新着順」と「人気順」のページの並べ替えが可能となります。
・新着順の表記を変更する場合は入力
新着順の表記をお好みで変更できます。
・人気順の表記を変更する場合は入力
人気順の表記をお好みで変更できます。
【お勧めカテゴリの設定】
・お勧めカテゴリを表示するか選択
カテゴリーアーカイブのページに指定したカテゴリーを表示することができます。
・表示するカテゴリIDを入力
こちらに表示させたいカテゴリのIDを入力します。
IDの確認方法は以下の記事をご覧ください。
ザ・トールの一部の機能を利用するにはID番号を指定する必要があります。 ここでいう【ID】とは記事やカテゴリーなどそれぞれ個別に割り振られた番号になります。 例えば、記事ランキングやピックアップ記事の[…]
・お勧めカテゴリの表記を変更する場合は入力
お勧めカテゴリの表記をお好みで変更できます。
【レイアウト切替ボタンの設定】
・レイアウト切替ボタンを表示するか選択
「表示する」ことでアーカイブページのレイアウトを訪問者が手動で操作できるボタンが表示されます。
・レイアウト切替ボタンの初期checkedを選択
レイアウトの初期状態を以下の中から選択できます。
・ワイドレイアウト
・カードレイアウト
・ノーマルレイアウト
記事一覧リスト設定
【カスタマイズ→アーカイブページの設定→記事一覧リスト設定】
【記事一覧リスト設定】
・記事一覧リストのフレームを選択
アーカイブページの一覧リストのフレームを以下の中から選択できます。
・無し
・シャドウフレーム
・ボーダーフレーム
※こちらは画像です。
・画像アスペクト比を選択
表示するアイキャッチ画像の比率を以下の中から選択できます。
16：9
4：3
1：1
0：0（非表示）
また以下の項目はチェックボックスのチェック入れることで反映されます。
・アイキャッチ上のカテゴリを非表示にする
・投稿日を表示する
・更新日を表示する
・閲覧数を表示する(人気順表示時のみ出力)
・コメントを表示する
・本文の抜粋文字数を指定(20～500文字以内)
記事一覧に指定した文字数の分だけ本文を抜粋表示します。
・ボタンを表示するか選択
抜粋表示とともに「続きを読む」などのボタンを表示します。
※デフォルトでは非表示なので「表示」を推奨します。
・続きを読むのボタン表記を変更する場合は入力
上記でボタンを表示した場合、「続きを読む」の表記を変更したい場合は入力します。
【NEW＆ピックアップリボン設定】
・NEWマークリボン表示するか選択
指定した日数の場合はアイキャッチ画像に「NEW」マークリボンを表示します。
・Pickupマークリボン表示するか選択
ピックアップ記事の場合は「Pickup」マークリボンを表示します。
・リボンの色を指定
リボンの色を選択します。
・NEWマークアイコンを入力
NEWマークのアイコンを一覧から選択します。
・Pickupマークアイコンを入力
Pickupマークのアイコンを一覧から選択します。
・NEWマークを表示する日数を指定
記事公開日を含んで指定した日数分、「NEW」マークが表示されます。
カテゴリアーカイブ設定
【カスタマイズ→アーカイブページの設定→カテゴリアーカイブ設定】
【見出しエリアデザイン設定】
・見出しエリアのデザインを選択
カテゴリーアーカイブページの見出しのデザインを以下の中から選択できます。
・ノーマル
・ブラック
・ブラックメッシュ
・カラー
・カラー+画像グレー
背景画像を使いたいけどグレーにしたくないという場合はすぐ下の「カテゴリイメージ背景を表示する」のチェックを入れます。
※ここでいう画像、イメージとはワードプレスの「カテゴリー」の各ページの編集画面内で設定した画像です。
【自由コンテンツ表示エリア設定】
・自由コンテンツ表示エリアのフレームを選択
自由コンテンツ表示エリアのフレームを以下の中から選択できます。
・無し
・シャドウフレーム
・ボーダーフレーム
なお、アーカイブページ設定の「タグアーカイブ設定」は「カテゴリーアーカイブ設定」とほぼ同じ設定内容なので割愛させていただきます。
カテゴリーやタグのアーカイブページの設定については以上です。
アーカイブの記事一覧は訪問者に目的のページの他にも同ジャンルのページの誘導にもつながるので是非、レイアウトは抜粋文字などを気にして作ってみてください！