SWELLタブブロックと投稿リストの使い方｜新着記事一覧を作る方法

冒頭で紹介した３つの表示パターンから好きなスタイルを選択します。

最後にタブ自体のサイズを設定します。

投稿リストをクリックするだけで、自動で新着記事一覧が表示されます。


このあとは細かい設定で自分のサイトに合った投稿リストに変えていきましょう。

投稿リストの表示には、以下の２つの設定が必要です。

1. 記事の表示スタイルを決める【Settings】
2. どの記事を表示させるか決める【Pickup】

Settingsで決めること

記事一覧の表示の仕方の設定

・レイアウト
・記事を表示する順序
・表示する投稿数
・「もっと見る」のリンク先URL指定など

Pickupで決めること

どの記事を表示させるのか

・1記事ごとに投稿IDで指定
・カテゴリーごとに表示
・タグごとに表示 など

【Setting】の表示レイアウトは感覚でお好みのものを選んでください。


【Pickup】の「どの記事を表示させるのか」については、パターンごとにやり方が変わってくるので詳しくは次のステップで解説します。

このリンク先となるページは、固定ページから作成します。



なので一旦投稿リストの編集画面からは離れて、ダッシュボードから【固定ページ】→【新規追加】まで進んでください。


（編集中ページの下書き保存はお忘れなく！）

WordPressの固定ページの仕組みがいまいちわからない…という方へ（もうわかるよ！という方は「ー」を押して閉じてください）

もふこ

普段固定ページをあまり触っていない方は「固定ページって一体なんなの？」と疑問に思いますよね。

私も最初は理解できずモヤモヤしていました。

固定ページとは

どのカテゴリーにも含まれない独立した単体のページです。

自由な目的やレイアウトでつくれる真っ白なページをイメージしてみてください。

固定ページの疑問をQ＆Aでまとめました。

固定ページはどんな時に使うの？

基本的な運営情報系ページを作るときに使います。

よく使う主要なページは以下の３つです。

・お問い合わせページ
・プロフィールページ
・プライバシーポリシーページ

サイト型トップページとなんの関係があるの？

・サイト型にカスタマイズする時の土台となるページ

・記事一覧を自動で表示するためのリンク先ページ

このサイト型トップページに必要な２つのページは、すべて固定ページから新規作成します。

固定ページにも見出しや目次は表示されるの？

見出しは自由に入れることができますが、目次は基本的には表示されません。

記事ページのような形式ではなく、真っ白な状態で自由にコンテンツを入れて作れます。

（目次やアイキャッチ画像の表示も設定により可能です。）

作ったページはどこからアクセスできるの？

固定ページを１つ作るとそのページのURLが生まれます。（記事作成の時と同様にパーマリンク設定をします）

そのURLをブログ内のリンクさせたい箇所に貼り付けることによりユーザーがアクセスできるようになります。

作った固定ページはどうやってトップページに表示するの？

サイト型のメインに使う固定ページや、新着記事一覧のリンク先の固定ページは、表示／反映させるために個別の設定が必要です。

この設定は最後に詳しく解説するので、今はこんな設定がいるんだな〜と頭の片隅に置いておいてください。

もふこ

固定ページの使いかたはわかりましたか？


それではさっそく、ここから固定ページを作っていきましょう。

タイトルはなんでもいいんですが、わかりやすくNewpostにします。（本文はこのあとの設定で勝手に記事一覧が反映されるので空欄でOKです。）



最終的に記事一覧のページタイトルとして表示されるので、それらしいタイトルにしておいてください。

もふこ

もしタイトルを日本語で「新着記事」などにした場合は、パーマリンクを英字に直してくださいね。

タイトルに入れた文字がそのままパーマリンクに入っているはずなので、確認してURLをコピーしてください。

今は親切に公開後にURLコピーボタンが出てくるので、そこでコピーでOKです。

ここまで出来たら、投稿リストの編集画面に戻ります。

投稿リストの【settings】に戻って、MOREリンクの表示設定をします。


固定ページで作ってコピーしたNewpostのURLをここに貼り付けてください。

表示テキストに、「もっと見る」「Read more」などお好きな文言を入れたら、投稿リストの編集はこれにて終了です。


ただ、実はこの段階ではURLを踏んでも１つも投稿がされていない空白のページになっちゃうんです。

この「Newpost」に投稿一覧を自動で反映させる設定を解説します。


ただ、これはサイト型トップページの編集がすべて完成したあとにサイト全体でやる設定なので、最後の最後でOKです。

↓

ここで【固定ページ】に変更すると、トップページがサイト型に変わります。

初めてこの設定をする時は、＋新規固定ページを追加 から作った固定ページを追加してください。



メインの固定ページができていない段階では新着記事一覧のリンクの表示はできないので、最後に完成したら忘れずホームページ設定をやってくださいね。

投稿リストの設定画面【Pickup】から、表示したいカテゴリーをクリックして指定してください。


クリックすると該当のカテゴリーの記事が自動で表示されます。


【Settings】で、好きなレイアウトも選択しておきましょう。

カテゴリーを指定した場合は、自動でカテゴリーページのURLを取得されるのでMOREリンクのURLは入れる必要がありません。

「もっと見る」などの表示テキストだけ入力して完了です！

カテゴリーの時と同じく、Pickupの設定画面から、【タグ】をクリックし、希望のタグを選ぶと自動で該当のタグの記事が表示されます。

レイアウトは【settings】で選んでくださいね。

タグの場合も、カテゴリーと同様にMOREリンクが自動で取得されるのでここまで終われば完了です！

ダッシュボードの投稿を開くと出てくるいつもの記事一覧ページの右端に、数字のIDが表示されています。

表示させたい記事のIDをすべてメモしておいてください。

投稿リストの設定画面【Pickup】から、さきほどメモした投稿IDを入れていきます。


複数ある場合はカンマで区切ってください。


IDを入力した分だけ自動で記事が表示されます。