標準ページにブログページの新着記事一覧を表示します。
ブログの新着記事一覧を表示したい箇所の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="thumbnail"のようなプラグインで追加したcms:idタグを使用することが可能です。
タグを追加し、テンプレートを更新した後、
ブロックの画面で追加された新たなブロックをクリックし、
ブロックの新規追加で、特定のラベルから複数の記事を取得できるラベルブロックを選択して次へをクリックします。
ブロックの詳細でブログで使用しているラベルを選び、
用意したテンプレートに合わせて表示件数も指定します。
タイトルにブログの記事毎ページヘのリンクを付加するに必ずチェックをつけ設定の保存をクリックします。
保存後、公開側を開き、
新着ブログ一覧の箇所がブログの投稿件数に合わせて表示されれば設定は終了です。