Yaochima

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

No Name

2019-07-05 14:27

No Name

2019-07-05 14:25
  • アルバム ID: 23
  • ページ 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 uk-slideshow, uk-slider option
    autoplay uk-slideshow, uk-slider option
    autoplayinterval uk-slideshow, uk-slider option
    draggable uk-slideshow, uk-slider option
    easing uk-slideshow, uk-slider option
    finite uk-slideshow, uk-slider option
    pauseonhover uk-slideshow, uk-slider option
    index uk-slideshow, uk-slider option
    velocity uk-slideshow, uk-slider option
    ratio uk-slideshow, uk-slider option
    minheight uk-slideshow, uk-slider option
    maxheight uk-slideshow, uk-slider option
    animationduration uk-slideshow, uk-slider option
    center uk-slider option
    sets uk-slider option
    clsactivated uk-slider option
    cls uk-scrollspy option
    closest uk-scrollspy option
    scroll uk-scrollspy option
    overflow uk-scrollspy option
    offset uk-scrollspy 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:23 src:tn theme:default limitcnt:2]

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

[medialist:23 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 uks:uk-section-small media:20190705142530378]

Yaochima

[medialist:23 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 uks:uk-section-small media:20190705142530378]

Yaochima

[medialist:23 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 uks:uk-section-small media:20190705142530378]

Yaochima

[medialist:23 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 uks:uk-section-small media:20190705142530378]

[medialist:23 src:disp theme:1section-grid_keyurl limitcnt:3 grids:1 gridm:3 text:プランを見る uks:uk-section-small media:20190705142530378]

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

Yaochima

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

Yaochima

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

Yaochima

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

[medialist:23 src:disp theme:1section-card limitcnt:3 title:1 uks:uk-section-large section:1 ukc: grids:1 gridm:3 text1:詳細 media:20190705142530378]

Yaochima

[medialist:23 src:disp theme:1section-card-left-right_keyurl limitcnt:3 gridl:3-5 gridr:2-5 text:詳細を見る uks:uk-section-small media:20190705142530378]

[medialist:23 src:disp theme:1section-card-left-right-lightbox limitcnt:3 gridl:3-5 gridr:2-5 text:詳細を見る uks:uk-section-small media:20190705142530378]

[medialist:23 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 media:]

Yaochima

Yaochima

[medialist:23 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 media:]

Yaochima

Yaochima

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

[medialist:23 src:disp theme:1section-slider limitcnt:10 title: grid:3 grids:6 gridm:10 autoplay:true autoplayinterval:7000 center:false draggable:true easing:ease finite:false index:0 pause-on-hover:true sets:false velocity: media:1]

      [medialist:23 src:disp theme:1section-slider-lightbox limitcnt:10 title: grid:3 grids:5 gridm:7 autoplay:true autoplayinterval:7000 center:false draggable:true easing:ease finite:false index:0 pause-on-hover:true sets:false velocity:1 media:]

      [medialist:23 src:disp theme:1section-slider-bottom limitcnt:10 title: dotnav:1 autoplay:true center:true clsactivated:uk-transition-active media:]

        [medialist:23 src:tn theme:1section-slider-cards-grid limitcnt:10 title: dotnav:1 autoplay:true center:true clsactivated:uk-transition-active media:]

          [medialist:23 src:tn theme:1section-slider-cards-grid-large limitcnt:10 title: dotnav:1 autoplay:true center:true clsactivated:uk-transition-active media:]

            [medialist:23 src:tn theme:1section-slider1 limitcnt:10 title: grid:2 grids:2 gridm:4 autoplay:true autoplayinterval:7000 center:false draggable:true easing:ease finite:false index:0 pause-on-hover:true sets:false velocity:1 media:]

              [medialist:23 src:disp theme:1section-slider2 limitcnt:5 title: dotnav:1 grid:2 grids:2 gridm:3 autoplay:true autoplayinterval:7000 center:false draggable:true easing:ease finite:false index:0 pause-on-hover:true sets:false velocity:1 media:]

                [medialist:23 src:orig theme:1section-slideshow limitcnt:3 dotnav:1 animation:fade autoplay:true autoplayinterval:7000 draggable:true easing:ease finite:false pause-on-hover:true index:0 velocity:1 ratio:16_9 minheight:400 maxheight:500 animationduration:0.1s media:]

                  [medialist:23 src:orig theme:1section-slideshow limitcnt:3 dotnav:1 animation:fade autoplay:true autoplayinterval:7000 draggable:true easing:ease finite:false pause-on-hover:true index:0 velocity:1 ratio:16_9 minheight:400 maxheight:500 animationduration:0.1s media:]

                    [medialist:23 src:disp theme:1section-slideshow-col2_reverse limitcnt:3 title: uks:uk-section-large section:1 ukc: animation:fade autoplay:true autoplayinterval:7000 draggable:true easing:ease finite:false pause-on-hover:true index:0 velocity:1 ratio:16_9 minheight:400 maxheight:500 animationduration:0.1s gridl:3-5 gridr:2-5 reverse: dotnav:1 text:詳細を見る media:]

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

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

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

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

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

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

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

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

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

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

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

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

                        [medialist:23 src:orig theme:sub-slideshow limitcnt:3 animation:fade autoplay:true autoplayinterval:7000 draggable:true easing:ease finite:false pause-on-hover:true index:0 velocity:1 ratio:16_9 minheight:400 maxheight:500 animationduration:0.1s]

                          [medialist:23 src:orig theme:sub-slideshow-kenburns animation:scale limitcnt:3 animation:fade autoplay:true autoplayinterval:7000 draggable:true easing:ease finite:false pause-on-hover:true index:0 velocity:1 ratio:16_9 minheight:400 maxheight:500 animationduration:0.1s]

                            5) listタイプ

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

                            ulタグ無し。

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

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

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

                          • 6) debug用

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

                            albumid
                            album_title
                            Yaochima
                            filename
                            https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/disp/f/f_img_6739.jpg
                            filename_tn
                            https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/tn/f/f_img_6739_cropcustom.jpg
                            filename_disp
                            https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/disp/f/f_img_6739.jpg
                            filename_orig
                            https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/orig/f/f_img_6739.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:23 src:disp theme:media_url ]

                            https://bioclean.ivywe.co.jp/mediagallery/mediaobjects/disp/f/f_img_6739.jpg

                            [medialist:23 theme:media_id ]

                            20190705142530378