Media Gallery WKZ ivywe plugin for Geeklog を公開

Media Gallery WKZ ivywe pluginをGitHubで公開しました。

https://github.com/ivywe/mediagallery-ivywe

日々修正を加えていますので、コミットを確認して必要なら都度ダウンロードをお願いします。

このリポジトリはdengenさんのMedia Gallery WKZ 1.6.16 と、Tsuchiさんの Mediagallery hack とIvyの各種テンプレートを追加したものです。UIkitを活用してテンプレートを修正しています。UIkitテーマで利用してください。

templates/medialist/ と　templates/albumlist/

Format:　[ albumlist:albumid limitcnt:xx order:xx XXXX] theme: default(*), test

Format:　[ medialist:albumid theme:xx limitcnt:xx order:xx class]

※ theme: 1image, 2fields, 3fields, admin, default(*), default2, description, isotope, list, sample, tn, uikit_animation, uikit_overlay, uikit_overlay_header

(*) default は、デフォルトテーマ名です。省略するとこのテーマで表示されます。

さて、テンプレートは、テーマディレクトリに配置できます。config.phpを修正してください。

from:

$_MG_CONF['template_path'] = $_CONF['path'] . 'plugins/mediagallery/templates';

to:

$_MG_CONF['template_path'] = $_CONF['path_layout'] . 'mediagallery/templates';

template path: テーマに変更する場合は、以下のファイルをテーマディレクトリにアップロードしてください。

templates/*
style2.css ...from pablic_html/style2.css
images ...from pablic_html/images

USAGE:

Mediagallery をインストールしたら、アルバムを作成します。

http://www.geeklog.jp/mediagallery/album.php?aid=10&page=1

これを、ページに、自動タグを活用して埋め込むことができます。

see [staticpage:medialist-demo DEMO]

なお、vendor/以下に、uikitからダウンロードしたファイルをアップロードして、テーマのヘッダには以下を追加。

<link rel="stylesheet" href="{layout_url}/vendor/uikit/css/uikit.css"{xhtml}>

なお、CSSは、カスタマイザーで、Advanced Modeをチェックしてダウンロードして作成したものにさしかえてください。

フッタには、必要に応じて以下を追加。詳しくはUIkit Compornentを参照してください。

<script type="text/javascript" src="{layout_url}/vendor/uikit/js/uikit.min.js"></script>
<script type="text/javascript" src="{layout_url}/vendor/uikit/js/components/lightbox.js"></script>
<script type="text/javascript" src="{layout_url}/vendor/uikit/js/components/grid.js"></script>
<script type="text/javascript" src="{layout_url}/vendor/uikit/js/components/slideshow.js"></script>
<script type="text/javascript" src="{layout_url}/vendor/uikit/js/components/slideshow-fx.js"></script>

Smart deviceから画像をアップロードする([ medialist:11 theme:tn])

RWD(レスポンシブウェブデザイン)に対応しています。