Category
Archives
Cocotiie
Trial And Error!やってみよう!の精神でWeb制作をしています。初心者の方にも伝わるよう、心がけています。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。

2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)として運営開始。
このサイトは快適なテーマ「SWELL」を使用していますSWELLについて

[WordPress]SWELL 投稿リストと一覧ページの作成

SWELL 投稿リスト

WordPressテーマ「SWELL」には「投稿リスト」ブロックという、とても便利な機能があります。使ってみて理解したという感じだったので、使い方をシェアします。コードを書いて同じ事をしようとしたら、膨大な時間がかかります。ホント、便利な機能です。

投稿リスト
INDEX

投稿リスト の概要

名前の通り、記事の一覧を作る事が出来ます。カード、リストなど表示レイアウトが豊富なのも嬉しいです。

  • 新着順
  • 更新日順
  • 人気順
  • ランダム
  • 個別の記事
  • 特定カテゴリー
  • タグ
  • 著者

表示件数の設定ももちろん出来ます。ザックリした使い方は公式サイトの動画が分かり易いのでそちらでご確認下さい。

Topページに設定するには

投稿リストをTopページに使う手順を説明します。

  1. Topページ用の固定ページを好きな名前で作成
  2. 先の手順で[投稿リスト]を使ってリストを作る
  3. 外観 → カスタマイズ → [WordPressを設定]の[ホームページ設定] で固定ページを選択し、1で作ったページを選択

サイドバーを外す

横いっぱいに一覧を並べたい場合は、サイドバーは不要ですね。
外観 → カスタマイズ → [サイドバー]で、「トップページにサイドバーを表示する」のチェックを外せばOKです。

一覧ページの作成

設定した表示件数分だけ表示し、他は一覧ページで見てもらえる様にリンクボタンを設置する事も出来ます。

投稿リスト
新着記事一覧の例
  1. 固定ページとして、一覧ページを作る。中身は何も書かずに空欄でOK
  2. URLスラッグを編集し、任意の名前を付ける。例としてnew-post(新着記事のリストとして)として公開。 
  3. 記事リストの編集画面の「MOREリンクのURL」に「new-post」と入力

すると、完成したリンクボタンのリンク先に一覧が出来上がります。何も書かなかったのに表示されるんです!同じ要領で他の一覧も作成できます。

\ ぜひ使って欲しい /

高機能、驚きの使い心地
プログラミング不要で素敵なサイトが作れます

よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

コメント ※ハンドルネームでお願いします

コメントする

INDEX