説明

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

メディアを追加

2015-05-01 20:22

Media

2015-05-01 20:22

画像を選択1

2015-05-01 20:22

保存する

2015-05-01 20:23

メディア管理

2015-05-01 20:23

画像を選択2

2015-05-01 20:23

アルバムを表示

2015-05-01 20:23

Media

2015-05-01 20:24

Media

2015-05-01 20:24

Media

2015-05-01 20:24

Media

2015-05-01 20:24
  • アルバム ID: 7
  • ページ 1 / 2
移動: 
最初 | 前へ | 1 2| 次へ | 最後
並べ替え: 

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

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

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

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

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

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

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

メディアを追加

メディアを追加

メディアを追加

メディアを追加

ブラウザでアップロード

ブラウザでアップロード

ブラウザでアップロード

ブラウザでアップロード

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

説明

メディアを追加

ブラウザでアップロード

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

説明

メディアを追加

ブラウザでアップロード

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

メディアを追加

メディアを追加

ブラウザでアップロード

ブラウザでアップロード

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

説明

メディアを追加

メディアを追加

ブラウザでアップロード

ブラウザでアップロード

[medialist:7 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:7 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:プランを見る]

説明

メディアを追加

メディアを追加

ブラウザでアップロード

ブラウザでアップロード

[medialist:7 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:ギャラリー]

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

説明

メディアを追加

メディアを追加

ブラウザでアップロード

ブラウザでアップロード

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

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

  • メディアを追加
  • ブラウザでアップロード
  • 画像を選択1
  • 保存する
  • メディア管理
  • 画像を選択2
  • アルバムを表示

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

      • メディアを追加
      • ブラウザでアップロード
      • 画像を選択1
      • 保存する
      • メディア管理

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

        • メディアを追加
        • ブラウザでアップロード
        • 画像を選択1
        • 保存する

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

          • メディアを追加

            メディアを追加

          • ブラウザでアップロード

            ブラウザでアップロード

            [medialist:7 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:7 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:7 src:disp theme:s-1section-slideshow-kenburns limitcnt:3 title:1 uks:uk-padding-remove-vertical ukc:unzoomin text:詳細を見る]

                • メディアを追加

                  メディアを追加

                • ブラウザでアップロード

                  ブラウザでアップロード

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

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

                  メディアを追加

                  ブラウザでアップロード

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

                  メディアを追加
                  ブラウザでアップロード

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

                  メディアを追加
                  ブラウザでアップロード

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

                  メディアを追加

                  ブラウザでアップロード

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

                  メディアを追加

                  ブラウザでアップロード

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

                  メディアを追加

                  メディアを追加

                  ブラウザでアップロード

                  ブラウザでアップロード

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

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

                  • 説明
                    メディアを追加
                    ブラウザでアップロード

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

                  メディアを追加

                  メディアを追加

                  ブラウザでアップロード

                  ブラウザでアップロード

                  画像を選択1

                  画像を選択1

                  iPhone iPadなどのスマートデバイスに保存されている撮影した写真を選ぶことができます。
                  保存する

                  保存する

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

                  • メディアを追加
                  • ブラウザでアップロード

                    5) listタイプ

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

                    ulタグ無し。

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

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

                    • メディアを追加
                    • ブラウザでアップロード