ブログの過去の記事を年月別に表示

まめわざのブログ機能で、過去の記事を年別・月別に表示可能になりましたので、ここで利用方法について説明します。

利用方法

ブログ機能のおさらい

ブログは

  • 記事ページ(ページ一覧でRSSアイコン付き)
  • 表示スペース(ブログ表示ブロック)

で構成されます。

記事の投稿は「ブログ記事を追加」から行います。
投稿すると記事ページが追加され、表示スペースに掲載されます。

ブログの表示ブロックで年月絞込

投稿したブログ記事を表示するのが「ブログ表示」ブロックです。
トップページに目次を設置したり、ブログページに記事を順番に表示するのに利用します。

今回、このブログ表示ブロックに「年月絞込」欄を追加しました。
これにより、選んだ「年」または「年月」に投稿されたブログ記事のみを表示できます。

使用例1)目次を年別に分ける

ブログ記事ページの上層にあたるブログページでは、ブログの目次や記事全体を表示します(記事を投稿するページではなく、投稿した記事を表示するページです)。
ここに複数のブログ表示ブロックを設置し、それぞれ「年」で絞り込めば、年別の目次として機能します。
各目次をページ分けして表示できるので、目次が膨大になることも避けられます。

まめわざの公式ブログでもこれを採用しています。

使用例2)過去のブログページを作る

使用例1では、1ページ内に年別の目次を複数設置しましたが、これをページごとに分けると、ブログサービスの年月別アーカイブに似た構成を実現できます。
次の手順でアーカイブページを作成します。

  • ページ一覧で、ブログページの並びに「過去のブログ記事」のページを作成します。
  • 作成した「過去のブログ記事」ページの下層に〇〇年投稿分・○年○月投稿分というようにページを新設します。
  • 作成したページにブログ表示ブロックを設置し、「年月絞込」を設定します。
  • 必要に応じてブログのサイドなどにメニューブロックで過去のブログ記事ページへのリンクを設置します。

その他の更新

今回のシステム更新では、他に2点の更新を行いましたので以下で説明いたします。

ブログ表示ブロックで「掲載順」を設定

ここまで説明した「年月絞込」に並んで「掲載順」の選択欄を追加しました。
例えば次のように、ブログの新着情報(ブログ表示ブロックで表示設定=文字目次)を新しいものを下に表示することが可能です。

画像目次に「ボタンにリンク」の設定欄を追加

ブログ表示ブロックで画像目次を設置すると、必ず「 詳細」というボタンがリンクになっていました。

このラベルを設定できるほか、ボタンではなく画像と文章の全体をリンクとして設定することが可能になりました。以下に例を紹介します。

従来の仕様(「 詳細」のボタンにリンク)

文字サイズをパソコン・スマホ別々に設定可になりました
表やカレンダーのマスを塗って目立たせる!New装飾機能

ボタンのラベルを変更

文字サイズをパソコン・スマホ別々に設定可になりました
表やカレンダーのマスを塗って目立たせる!New装飾機能

今回の更新は、次のブロックで利用できます。

  • ブログ表示ブロック
  • メニューブロック
  • 商品表示ブロック
  • 物件表示ブロック
  • お客様の声表示ブロック
2019/6/19