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

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



ブログの新着記事一覧を表示したい箇所の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タグを使用することが可能です。

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


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



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



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



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

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


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


保存後、公開側を開き、



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

Tweet Follow @saitodev
戻る

操作方法の追加リクエスト

操作方法質問フォームでマニュアルに記載されていない操作方法の質問を受け付けています。
より良いマニュアルサイトを目指していきますのでご協力をお願い致します。

当サイトの運営者についての詳細はこちらをご覧下さい。

SOY CMS/Shopの読み物

SOY Shop開発秘話

開発元で働いていた時に発表したスライドです。

売りたいものがあるならば、まずはネットショップのCMSを開発しましょう from Tsuyoshi Saito