2019/06/17 16:17 JST

八丁の湯

自動タグ [medialist:21 theme:(テーマ名) src:(tn|disp|orig) limitcnt:(最大枚数) ] [media:media_id src:(tn|disp|orig)] [media_url:(media_id) src:(tn|disp|orig) ]

Media

2019-05-02 12:34

Media

2019-05-02 12:34

Media

2019-05-02 12:34

Media

2019-05-02 12:34

Media

2019-05-02 12:34

Media

2019-05-02 12:34

Media

2019-05-02 12:34
  • アルバム ID: 21
  • ページ 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
    imgclass0uk-border-rounded uk-border-circle等 imgのclass

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

1) 基本テーマ

[medialist:21 src:disp theme:default limitcnt:2]

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

[medialist:21 src:disp theme:1section-grid limitcnt:12 grids:3 gridm:4 masonry:1 animation:slide title:1 class_album_title:uk-hidden class_album_desc:uk-hidden class_media_title:uk-overlay-default.uk-position-bottom.uk-text-center.mg-overlay-small sort:asc]

八丁の湯

[medialist:21 src:disp theme:1section-grid limitcnt:12 grids:2 gridm:3 masonry:1 animation:slide title:1 class_album_title:uk-hidden class_album_desc:uk-hidden class_media_title:uk-overlay-primary.uk-position-bottom.uk-text-center.mg-overlay-small sort:desc]

八丁の湯

[medialist:21 src:disp theme:1section-grid limitcnt:12 grids:2 gridm:3 masonry:1 animation:slide title:1 class_album_title:uk-hidden class_album_desc:uk-hidden class_media_title:mg-overlay-small.uk-text-center sort:desc]

八丁の湯

[medialist:21 src:disp theme:1section-grid-inline-clip_keyurl src:disp limitcnt:12 grids:3 gridm:4 masonry:1 animation:slide title:0 class_album_title:uk-hidden class_album_desc:uk-hidden class_media_title:uk-overlay-default.uk-position-bottom.uk-text-center.mg-overlay-small sort:asc]

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

[medialist:21 src:disp theme:1section-grid-card1 limitcnt:3 title:1 uks:uk-section-muted ukc: grids:1 gridm:3 masonry:1 animation:slide text:詳細を見る]

八丁の湯

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

[medialist:21 src:disp theme: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:21 src:disp theme:1section-grid-card-noimage limitcnt:3 title:1 uks:uk-section-muted ukc:uk-text-center ukc: grids:1 gridm:3 text:プランを見る limitcnt:2]

八丁の湯

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

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

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

[medialist:21 src:disp theme:1section-card-left-right-lightbox limitcnt:3 text:詳細を見る]

[medialist:21 src:disp theme: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: class_media_desc:uk-text-left imgclass:uk-border-rounded]

八丁の湯

[medialist:21 src:disp theme:1section-col2_reverse limitcnt:3 title:1 uks:uk-section-small ukc:uk-container-small.uk-comment-primary gridl:2-3 gridr:1-3 reverse:1 class_media_desc:uk-text-left imgclass:uk-border-circle]

八丁の湯

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

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

      [medialist:21 src:tn theme:1section-slider1 limitcnt:10 title: grid:2 grids:2 gridm:4]

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

          [medialist:21 src:orig theme:1section-slideshow limitcnt:3 dotnav:1 animation:fade]

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

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

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

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

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

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

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

                [medialist:21 src:orig theme:sections-left-right_keyurl limitcnt:3 gridl:1-2 gridr:1-2 section:0 container:0 reverse:0 text:詳細を見る]

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

                [medialist:21 src:disp theme:sub-accordion limitcnt:3]

                [medialist:21 src:disp theme:sub-accordion-access limitcnt:3 grid:1 grids:2 gridm:3 ]

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

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

                  [medialist:21 src:orig theme:sub-slideshow-fade limitcnt:3]

                    [medialist:21 src:orig theme:sub-slideshow-fade animation:scale limitcnt:3]

                      5) listタイプ

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

                      ulタグ無し。

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

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

                      uk-list, uk-list_incでサムネイル付きスライドショー

                    • 6) debug用

                      [medialist:21 src:disp theme:debug limitcnt:1]

                      albumid
                      album_title
                      八丁の湯
                      filename
                      https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/disp/e/e__190427_0002.jpg
                      filename_tn
                      https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/tn/e/e__190427_0002_cropcustom.jpg
                      filename_disp
                      https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/disp/e/e__190427_0002.jpg
                      filename_orig
                      https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/orig/e/e__190427_0002.jpg
                      media_title
                      media_desc
                      theme
                      debug
                      src
                      disp
                      limitcnt
                      1
                      title
                      uks
                      ukc
                      media
                      grids
                      gridm
                      gridl
                      gridr
                      reverse
                      text
                      text1
                      text2
                      text3
                      dotnav
                      minheight
                      maxheight
                      class_album_title
                      class_album_desc
                      class_media_title
                      class_media_desc
                      bxslider
                      animation
                      section
                      container
                      masonry
                      class

                      ※optionは、省略できます。

                      [medialist:21 src:disp theme:media_url ]

                      https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/disp/e/e__190427_0002.jpg