記事一覧画面を作りたくてブログカードで作成してみます。
今回は例としまして自分自身が過去に悩んで解決策が見つかったものを一覧にしてみます。
ブログカードで作ってみる
今回は記事の表示の仕方も見栄えよくいきたいため、ブログカードで記事を表示していき、それを一覧としていきたいと思います。
ブログカードとは？
下記のように、記事タイトル、内容の抜粋、「続きを見る」などを表示してくれるものです。
テーマによってエディタで使えるものや、プラグインから使用して使うものなど様々です。
[st-card id=2277]今回は詳細な説明を省きますが、近いうちにブログカードの使い方など紹介していきたいと思います。
追記：現在は
申し訳ございません。こちらの記事は昔にAffinger5というテンプレートを使用していた時に書いたものですので、現在は適用されておらず、文字列のみ表示されるようになっています。
念のため記事を残しておきますが、削除対象です。。。
現在は「Cocoon」を使用しているため、URLを貼るだけでブログカードにしてくれます！
サムネ見直しをしていてこの記事を読み直したため発覚しました。
近いうちに古い記事のリライト・手直し・削除などしていかねばと感じました！
一覧を作成しました
一覧を作成してみました。 一覧の作成方法は様々だと思いますが、手軽に自分の好きな記事を並べれるためいい方法かなと思います。
ライフハック的なもの 解決したもの
[st-card id=499] [st-card id=923] [st-card id=2423] [st-card id=1589] [st-card id=1801] [st-card id=1932] [st-card id=266]
まとめ
結構簡単に一覧化することができました。
ここにhタグを入れたり、装飾すれば見やすい一覧が作成できるかと思います。
