標準ページに新着記事一覧を表示する

標準ページにブログページの新着記事一覧を表示します。


top_blog_set


ブログの新着記事一覧を表示したい箇所のHTMLに下記のようにタグを追加します。


<section class="widget">
<h3><span>最新のブログ投稿</span></h3>
<ul>
<!-- block:id="blog" -->
<li><a href="" cms:id="entry_link"><div><img src="/sample/site/images/sampleimg/sam1.png" cms:id="thumbnail"></div>
<div><!-- cms:id="title_plain" -->サンプルサイトを作ってみました!サンプルサイトを作ってみました!<!-- /cms:id="title_plain" -->
<span class="date" cms:id="create_date" cms:format="Y/m/d">2016/11/24</span></div></a></li>
<!-- /block:id="blog" -->
<!-- cms:ignore -->
<li><a href="sub.html"><div><img src="/sample/site/images/sampleimg/sam2.png" ></div>
<div>先日SOYCMSで作成したブログと連携してみましょう!
<span class="date">2016/11/24</span></div></a></li>
<li><a href="sub.html"><div><img src="/sample/site/images/sampleimg/sam.png" ></div>
<div>コツさえつかめばすぐにできます。
<span class="date">2016/11/24</span></div></a></li>
<li><a href="sub.html"><div><img src="/sample/site/images/sampleimg/sam4.png" ></div>
<div>これはサンプルサイトです。
<span class="date">2016/11/24</span></div></a></li>
<li><a href="sub.html"><div><img src="/sample/site/images/sampleimg/sam5.png" ></div>
<div>がんばってやってみよう!!
<span class="date">2016/11/24</span></div></a></li>
<!-- /cms:ignore -->
</ul>
</section>

block:id="***"で囲った箇所で使用できるcms:idは下記のページをご覧ください。

block:id="***"内で使用できるcms:idタグ


block:id="***"で囲った箇所でも、cms:id="thumbnail"のようなプラグインで追加したcms:idタグを使用することが可能です。

サムネイルプラグインの設定


タグを追加し、テンプレートを更新した後、


blog


ブロックの画面で追加された新たなブロックをクリックし、


blogg


ブロックの新規追加で、特定のラベルから複数の記事を取得できるラベルブロックを選択して次へをクリックします。


blogg3


ブロックの詳細でブログで使用しているラベルを選び、

用意したテンプレートに合わせて表示件数も指定します。


タイトルにブログの記事毎ページヘのリンクを付加するに必ずチェックをつけ設定の保存をクリックします。


保存後、公開側を開き、


top_blog_set4


新着ブログ一覧の箇所がブログの投稿件数に合わせて表示されれば設定は終了です。

同じカテゴリーの記事