Media Gallery WKZ ivywe plugin for Geeklog を公開
- 2015/05/09 11:42 JST
- 表示回数 3,893
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(レスポンシブウェブデザイン)に対応しています。