2019/11/23 01:14 JST

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

牡丹

2019-01-26 11:06
Keywords pink spring

石楠花

2019-01-26 11:06
Keywords red spring

2019-01-26 11:06
Keywords purple spring

ハンカチの木

2019-01-26 11:06
Keywords white spring

Media

2017-02-04 15:39
Keywords white spring

Media

2017-03-04 14:58
Keywords white spring

Media

2017-04-04 13:22
Keywords pink spring

Media

2017-04-12 16:57
Keywords pink spring

Media

2017-04-15 12:59
Keywords pink

Media

2017-04-27 14:12
Keywords white spring

Media

2017-04-28 15:15
Keywords red spring

Media

2017-05-02 15:51
Keywords red spring
  • Album ID: 1
  • Page 1 of 3
Jump to: 

Page navigation

Sort by: 

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:1 src:disp theme:default limitcnt:2]

牡丹
牡丹
石楠花
石楠花

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

[medialist:1 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:1 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:1 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:1 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:1 src:disp theme:1section-grid_keyurl limitcnt:3 grids:1 gridm:3 text:プランを見る]

[medialist:1 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:1 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:1 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:1 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:1 src:disp theme:1section-bg limitcnt:3 title:1 uks:uk-section-large.uk-section-muted ukc: grids:1 gridm:3 media:20190126110439856 ]

[medialist:1 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:1 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:1 src:disp theme:1section-card-left-right_keyurl limitcnt:3 text:詳細を見る]

石楠花

石楠花

石楠花

石楠花

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

石楠花

詳細を見る

石楠花

詳細を見る

[medialist:1 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:1 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:1 src:disp theme:1section-bg-qa limitcnt:3 title:0 uks:uk-section-large media:20190218164650444]

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

  • 牡丹
  • 石楠花
  • 藤
  • ハンカチの木

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

    • 牡丹
    • 石楠花
    • 藤
    • ハンカチの木

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

    • 牡丹
    • 石楠花
    • 藤
    • ハンカチの木

    [medialist:1 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 rate:16_9 minheight:400 maxheight:500 animationduration:0.1s]

    • 牡丹

      牡丹

    • 石楠花

      石楠花

    • 藤

      [medialist:1 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 rate:16_9 minheight:400 maxheight:500 animationduration:0.1s]

      • 牡丹

        牡丹

      • 石楠花

        石楠花

      • 藤

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

        • 牡丹
        • 石楠花
        • 藤

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

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

          牡丹

          石楠花

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

          牡丹
          石楠花
          藤

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

          牡丹
          石楠花
          藤

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

          石楠花

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

          石楠花

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

          牡丹

          石楠花

          石楠花

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

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

          • 牡丹
            石楠花

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

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

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

          • 牡丹
          • 石楠花
          • 藤

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

          • 牡丹

            牡丹

          • 石楠花

            石楠花

          • 藤

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

          • 牡丹

            牡丹

          • 石楠花

            石楠花

          • 藤

          5) listタイプ

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

          ulタグ無し。

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

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

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

          • 牡丹
          • 石楠花
          • 藤
          • ハンカチの木
        • 牡丹
        • 石楠花
        • 藤
        • ハンカチの木
        • 6) debug用

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

          albumid
          album_title
          filename
          https://demo.geeklog.jp/mediagallery/mediaobjects/disp/a/a_e_image.jpg
          filename_tn
          https://demo.geeklog.jp/mediagallery/mediaobjects/tn/a/a_e_image_cropcustom.jpg
          filename_disp
          https://demo.geeklog.jp/mediagallery/mediaobjects/disp/a/a_e_image.jpg
          filename_orig
          https://demo.geeklog.jp/mediagallery/mediaobjects/orig/a/a_e_image.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:1 src:disp theme:media_url ]

          https://demo.geeklog.jp/mediagallery/mediaobjects/disp/a/a_e_image.jpg