公開側ページに作成したギャラリーを表示する

soygallery_public_setting_a


ギャラリーを作成して、いくつか画像を登録したギャラリーを公開側のページで表示してみます。

※今回はSOY CMS側のみ手順を記載します。


soygallery_public_setting2


SOY CMS側の管理画面でページの種類を選択でSOYAppページにチェックを入れてページを作成します。


soygallery_public_setting3


soygallery_public_setting4


ページ作成後に、アプリケーションでSOY Galleryを選択して更新します。

ギャラリーの表示位置の指定ですが、

今回はサムネイルを並べるため下記のコードを記載しました。

※ギャラリーIDがsampleのギャラリーを表示します


<!-- app:id="soygallery" app:gallery="sample" -->

<h2><!-- block:id="gallery_name" /--></h2>

<!-- block:id="image_list" -->
<img cms:id="thumbnail" /> 
<!-- /block:id="image_list" -->

<!-- /app:id="soygallery" -->

※タグの使用例や使用できるcms:idタグはSOY GalleryのHelpのページをご覧ください。


block:idを使用しているため、


soygallery_public_setting5


テンプレートエディタのブロックの箇所に未設定のブロックとしてSOY Galleryのブロックが表示されますが、

これらのブロック設定は行わないで下さい。


ページの設定やタグの追加を行った後、公開側での表示を確認し、


soygallery_public_setting1


ギャラリーで登録した画像一覧が表示されていれば、設定は終了です。



soygallery_public_setting_y


SOY Galleryでは、管理画面の画像一覧のページで、

ドラックドロップでギャラリー内の画像の並び替えを行う事が出来ます。


並び替えを行った後、公開側を表示してみて、


soygallery_public_setting_y1


並び替えが正しく行われることを試してみましょう。

戻る