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


ブログの記事一覧ページで記事毎にサムネイル画像を指定する場合は、

サムネイルプラグインを利用すると便利です。


サムネイルプラグインの設定方法は、


管理画面のプラグイン管理でサムネイルプラグインを有効にします。

有効後、プラグインの詳細画面を開き、



アスペクト比とリサイズの設定を、HTMLのimgタグに合わせて指定をします。


設定終了後、サムネイルプラグインの詳細画面にあるテンプレートへの記述例(使用例)に従って、

ブログのテンプレートの修正を行います。


今回は下記の通り、


<!-- b_block:id="entry_list" -->
<div class="post archive">
<span class="imgbox alignleft"><img src="/sample/images/sampleimg/sam2.png" cms:id="thumbnail"></span>
<h3><a href="" cms:id="entry_link"><!-- cms:id="title_plain" -->記事タイトル<!-- /cms:id="title_plain" --></a></h3>
<div class="contents" cms:id="content"><p>ブログのコンテンツはここに抜粋で表示されます。<br></p></div>
<div class="tim_cat alignleft archi_top">
<span cms:id="create_date" cms:format="Y/m/d">2016/09/19</span>
<a href="blog_archive.html"><span class="label">カテゴリ名</span></a>
</div>
<span class="morelink alignright">
<a href="" cms:id="more_link"><img src="/sample/images/more.png"></a>
</span>
</div>
<!-- /b_block:id="entry_list" -->



サムネイルプラグインの設定が正しく行われているかを確認するために、

テスト記事でサムネイル画像の登録を行ってみます。


記事の投稿画面を開くと、



投稿画面にサムネイルの生成のフォームが追加されています。



このフォームで画像のアップロードとトリミングを行い、

トリミングのフォームにパスが追加されたら、

サムネイルのフォームはそのままにしておいて記事の更新を行います。


記事の更新後、



サムネイルが指定の画像に差し替わっていることを確認できたら、

サムネイルプラグインの設定は終了です。


サムネイルの登録がない場合は予め登録しておいた画像を表示する等の設定を行いたい場合は下記の記事をご覧ください。

SOY CMSのサムネイルプラグインでラベル毎に標準画像の設定を追加しました - saitodev.co

Tweet Follow @saitodev
戻る

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

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

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

SOY CMS/Shopの読み物

SOY Shop開発秘話

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

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