Ivy SOHO.net

Mediagallery hackを活用すると、メディアギャラリーのコンテンツを作成するだけで、自動タグを使ってコンテンツを展開できます。

活用事例

http://www.ivysoho.com/databox/data.php/ceviche/code

このページを作成するために、メディアギャラリーでアルバムを作成しています。画像を一括アップロードできて、画像のサムネイルを見ながらキャプションと説明を追加できます。

アルバム

http://www.ivysoho.com/mediagallery/album.php?aid=68&page=1

ログインしたときの活用事例のページ

Mediagallery hack ダウンロード

https://bitbucket.org/tsuchi/mediagallery_hack

画像、キャプション、説明を順に展開する自動タグ

[ medialist:(ID) theme:default limitcnt:100]

※[の後にスペースは削除して活用してください。

theme:default は、デフォルトテーマなので省略できます。
defaultのテーマのテンプレートは以下のようになっています。

autotag_medialist.thtml:

<!-- plugins/mediagallery/templates/medialist/default/autotag_medialist.thtml 20150309 { -->

{!if edit}
<fieldset>
<legend><a href="{site_url}/mediagallery/album.php?aid={album_id}&amp;page=1"><i class="uk-icon-file-image-o"></i> {album_title}</a></legend>
{!endif}

<div>
{medialist_col}
</div>

{!if edit}
</fieldset>
{!endif}

<!-- } plugins/mediagallery/templates/medialist/default/autotag_medialist.thtml -->

autotag_medialist_col.thtml:

<!-- plugins/mediagallery/templates/medialist/default/autotag_medialist_col.thtml 20150309 { -->

	<div class="uk-margin-large uk-text-center {class}">
		<a href="{filename_disp}" data-uk-lightbox="{ group:'my-group{albumid}' }" title="{media_title}">
			<img src="{filename_disp}" alt="{media_title}" class="uk-container-center uk-overlay-scale uk-border-rounded  {class}"{xhtml}>
			{!if media_title}<div class="uk-text-bold uk-margin-min">{media_title}</div>{!endif}
		</a>
		<div class="uk-text-left uk-margin">{media_desc}</div>
	</div>

<!-- } plugins/mediagallery/templates/medialist/default/autotag_medialist_col.thtml -->

アルバムのメディアのソートを逆順がら順に変更するハック：

/public_html/mediagallery/comon.php:

from:

    switch ( $sortOrder ) {
        case 0 :    // default
            $orderBy = ' ORDER BY ma.media_order DESC';

to:

    switch ( $sortOrder ) {
        case 0 :    // default
            $orderBy = ' ORDER BY ma.media_order ASC';