2019/02/23 01:19 JST

Media Gallery WKZ ivywe plugin for Geeklog を公開

  • 投稿者:
  • 表示回数 1,237
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 をインストールしたら、アルバムを作成します。

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

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

see 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])

アルバムを作成

アルバムを作成

アルバムを作成

アルバムを作成
編集して保存します。

メディアを追加

メディアを追加

ブラウザアップロード

ブラウザアップロード
ブラウザアップロードを選んでください。PCでは便利なFlashアップロードは、iOS出は使えません。

撮影またはフォトライブラリーから追加

撮影またはフォトライブラリーから追加
撮影またはフォトライブラリーからメディアを選らんでアップロードします。

フォトライブラリーから追加

フォトライブラリーから追加

アルバムを表示

アルバムを表示

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