Mediagallery hack説明用アルバム

自動タグ [medialist:4 theme:(テーマ名) src:(tn|disp|orig) limitcnt:(最大枚数) ] [media:media_id src:(tn|disp|orig)] [media_url:(media_id) src:(tn|disp|orig) ]
  • アルバム ID: 4
  • ページ 1 / 1
移動: 
並べ替え: 

Medialist活用方法

1. 自動タグ Medialist

  • 書式とOption
    [ medialist:アルバムID option列挙] 例) [ medialist:3 theme:default ]

    option

    option名 初期値 機能
    class class名class
    themedefault テーマ名
    limitcnt0 画像枚数の制限
    sortascasc/descソート順
    src tn/disp/origソースの種類
    title 0:非表示/1:表示タイトル表示フラグ
    desc 0:非表示/1:表示説明表示フラグ
    media 背景に表示するMedia ID
    grid ngrid数 uk-child-width-1-X
    grids ngrid数 uk-child-width-1-X@ms
    gridm ngrid数 uk-child-width-1-X@s
    gridl n-n左側の幅 3-5など uk-width-X-X@m
    gridr n-n右側の幅 2-5など uk-width-X-X@m
    uks class名 < section class名 .つなぎで複数可
    ukc class名 < div class=”uk-container追加class名 .つなぎで複数可
    reverse00:順/1:逆左右逆転フラグ
    text ボタン文字列
    text1 ボタン文字列
    text2 ボタン文字列
    text3 ボタン文字列
    target target引数 _blankなど
    dotnav pager表示フラグ
    minheight スライダーmin-height
    maxheight スライダーmax-height
    class_album_titleuk-text-center@m アルバムタイトルのclass
    class_album_descuk-text-center@m アルバム説明のclass
    class_media_titleuk-text-center@m メディアタイトルのclass
    class_media_descuk-text-center@m メディア説明のclass
    animation アニメーションclassまたはoption
    section10:非表示/1:表示
    表示フラグ
    container10:非表示/1:表示 < div class=”container”>表示フラグ
    masonry00:無効 1:有効uk-grid masonry option

2. アルバムを表示する多様なMedialistテーマ

1) 基本テーマ

[medialist:4 src:disp theme:default limitcnt:1 animation:slide]

管理者がログインするとアルバム名が表示
管理者がログインするとアルバム名が表示
管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:2column limitcnt:2 masonry:1 animation:fade]

[medialist:4 src:disp theme:3column limitcnt:6 animation:scale]

[medialist:4 src:disp theme:4column limitcnt:8 animation:slide]

[medialist:4 src:tn theme:5column limitcnt:10 animation:fade]

2) 1セクションに複数配置するタイプ

[medialist:4 src:disp theme:s-1section-card-left-right_keyurl limitcnt:3 text:詳細を見る]

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。
管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:s-1section-col2_reverse limitcnt:3 title:1 uks:uk-section-small ukc:uk-container-small.uk-comment-primary gridl:1-3 gridr:2-3 reverse:]

Mediagallery hack説明用アルバム

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:s-1section-col2_reverse limitcnt:3 title:1 uks:uk-section-small ukc:uk-container-small.uk-comment-primary gridl:1-3 gridr:2-3 reverse:1 ]

Mediagallery hack説明用アルバム

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:s-1section-grid_keyurl limitcnt:3 grids:1 gridm:3 text:プランを見る]

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:s-1section-grid-card1_keyurl limitcnt:3 title:1 uks:uk-section-muted ukc: grids:1 gridm:3 text:詳細を見る]

Mediagallery hack説明用アルバム

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:s-1section-grid-card2-keyurl limitcnt:3 title:1 uks:uk-section-muted ukc:uk-text-center ukc: grids:1 gridm:3 text:プランを見る limitcnt:2]

[medialist:4 src:disp theme:s-1section-menu_keyurl1 limitcnt:3 title:1 uks:uk-section-large.uk-section-muted ukc: grids:1 gridm:3 text1:お品書き text2:プランを見る]

Mediagallery hack説明用アルバム

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示

  • お品書き
    管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:s-1section-menu_keyurl2 limitcnt:3 title:1 uks:uk-section-small.uk-section-muted ukc: media:20190218164650444 grids:1 gridm:3 text1:お品書きを見る text2:詳細を見る text3:ギャラリー]

Mediagallery hack説明用アルバム

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示

[medialist:4 src:disp theme:s-1section-plans_keyurl limitcnt:3 title:1 uks:uk-section-muted ukc: grids:1 gridm:3 text:プランを見る]

Mediagallery hack説明用アルバム

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示

管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

[medialist:4 src:disp theme:s-1section-qa limitcnt:3 title:0 uks:uk-section-large media:20190218164650444]

[medialist:4 src:disp theme:s-1section-slider limitcnt:10 title: grid:4 grids:4 gridm:10]

  • 管理者がログインするとアルバム名が表示

      [medialist:4 src:disp theme:s-1section-slider1 limitcnt:10 title: grid:1 grids:1 gridm:3]

      • 管理者がログインするとアルバム名が表示

        [medialist:4 src:disp theme:s-1section-slider2 limitcnt:5 title: dotnav:1 grid:2 grids:2 gridm:3]

        • 管理者がログインするとアルバム名が表示

          [medialist:4 src:disp theme:s-1section-slideshow-fade limitcnt:3 src:orig dotnav:1]

          • 管理者がログインするとアルバム名が表示

            管理者がログインするとアルバム名が表示

            管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

            [medialist:4 src:disp theme:s-1section-slideshow-kenburns-col2_reverse limitcnt:3 title: uks:uk-section-muted ukc: gridl:3-5 gridr:2-5 text:詳細を見る reverse: dotnav:1 text:詳細を見る]

            • 管理者がログインするとアルバム名が表示

              [medialist:4 src:disp theme:s-1section-slideshow-kenburns-col2_reverse limitcnt:3 title: uks:uk-section-muted ukc: gridl:3-5 gridr:2-5 text:詳細を見る reverse:1 dotnav:1 text:詳細を見る]

              • 管理者がログインするとアルバム名が表示

                [medialist:4 src:disp theme:s-1section-slideshow-kenburns limitcnt:3 title:1 uks:uk-padding-remove-vertical ukc:unzoomin text:詳細を見る]

                • 管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  3) 1画像1セクションで設置するタイプ

                  [medialist:4 src:disp theme:s-sections-bg_keyurl limitcnt:3 text:詳細を見る]

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  [medialist:4 src:orig theme:s-sections-bg-overlay-black_keyurl limitcnt:3 text:詳細を見る]

                  管理者がログインするとアルバム名が表示
                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。
                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  [medialist:4 src:orig theme:s-sections-bg-overlay-white_keyurl limitcnt:3 text:詳細を見る]

                  管理者がログインするとアルバム名が表示
                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。
                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  [medialist:4 src:orig theme:s-sections-bg-panel-black_keyurl limitcnt:3 text:詳細を見る]

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  [medialist:4 src:orig theme:s-sections-bg-panel-white_keyurl limitcnt:3 text:詳細を見る]

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  [medialist:4 src:orig theme:s-sections-left-right_keyurl limitcnt:3 gridl:3-5 gridr:2-5 text:詳細を見る]

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  4) セクションで囲まれない部品タイプ

                  [medialist:4 src:disp theme:s-sub-accordion limitcnt:3 text:プランを見る]

                  • Mediagallery hack説明用アルバム
                    管理者がログインするとアルバム名が表示
                    管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  [medialist:4 src:disp theme:s-sub-grid_keyurl limitcnt:5 grids:2 gridm:5 text:詳細を見る]

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示

                  管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                  [medialist:4 src:orig theme:s-sub-slideshow-body limitcnt:3]

                  • 管理者がログインするとアルバム名が表示
                    管理者がログインするとアルバム名が表示されます。アルバムをクリックして、メディアやアルバムを管理・編集できます。

                    5) listタイプ

                    [medialist:4 src:tn theme:list limitcnt:3]

                    ulタグ無し。

                    [medialist:4 src:tn theme:list_inc limitcnt:3]

                    data-slide-index="0","1","2"と画像ごとに数値が加算していきます。ulタグ無し。

                    • 管理者がログインするとアルバム名が表示