OSS検索結果にユーザーグラフを追加

自動タグ [medialist:18 theme:(テーマ名) src:(tn|disp|orig) limitcnt:(最大枚数) ] [media:media_id src:(tn|disp|orig)] [media_url:(media_id) src:(tn|disp|orig) ]
  • アルバム ID: 18
  • ページ 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:18 src:disp theme:default limitcnt:2]

OSS検索結果にユーザー参加状況のグラフを追加
OSS検索結果にユーザー参加状況のグラフを追加
個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加
OSS検索結果にユーザー参加状況のグラフを追加
個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加
OSS検索結果にユーザー参加状況のグラフを追加
個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加
OSS検索結果にユーザー参加状況のグラフを追加
個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザー参加状況のグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

  • お品書き
    個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

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

OSS検索結果にユーザー参加状況のグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。
OSS検索結果にユーザー参加状況のグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザー参加状況のグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

OSS検索結果にユーザー参加状況のグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

OSS検索結果にユーザー参加状況のグラフを追加
個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

OSS検索結果にユーザーグラフを追加

個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。
OSS検索結果にユーザー参加状況のグラフを追加

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

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

  • OSS検索結果にユーザー参加状況のグラフを追加

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

      • OSS検索結果にユーザー参加状況のグラフを追加

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

        • OSS検索結果にユーザー参加状況のグラフを追加

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

          • OSS検索結果にユーザー参加状況のグラフを追加

            OSS検索結果にユーザー参加状況のグラフを追加

            個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

            [medialist:18 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:詳細を見る]

            • OSS検索結果にユーザー参加状況のグラフを追加
              • OSS検索結果にユーザー参加状況のグラフを追加

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

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

                OSS検索結果にユーザー参加状況のグラフを追加

                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                OSS検索結果にユーザー参加状況のグラフを追加
                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。
                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                OSS検索結果にユーザー参加状況のグラフを追加
                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。
                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                OSS検索結果にユーザー参加状況のグラフを追加

                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                OSS検索結果にユーザー参加状況のグラフを追加

                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                OSS検索結果にユーザー参加状況のグラフを追加

                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

                OSS検索結果にユーザー参加状況のグラフを追加

                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

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

                • OSS検索結果にユーザーグラフを追加
                  OSS検索結果にユーザー参加状況のグラフを追加
                  個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

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

                OSS検索結果にユーザー参加状況のグラフを追加

                OSS検索結果にユーザー参加状況のグラフを追加

                個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                • OSS検索結果にユーザー参加状況のグラフを追加
                  個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                  • OSS検索結果にユーザー参加状況のグラフを追加

                    OSS検索結果にユーザー参加状況のグラフを追加

                    個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                    • OSS検索結果にユーザー参加状況のグラフを追加

                      OSS検索結果にユーザー参加状況のグラフを追加

                      個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

                      5) listタイプ

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

                      ulタグ無し。

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

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

                      • OSS検索結果にユーザー参加状況のグラフを追加
                      個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。

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

                      • OSS検索結果にユーザー参加状況のグラフを追加
                    • OSS検索結果にユーザー参加状況のグラフを追加
                    • 6) debug用

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

                      albumid
                      album_title
                      OSS検索結果にユーザーグラフを追加
                      filename
                      https://www.ossj.jp/mediagallery/mediaobjects/disp/f/f_osssearch.png
                      filename_tn
                      https://www.ossj.jp/mediagallery/mediaobjects/tn/f/f_osssearch_cropcustom.png
                      filename_disp
                      https://www.ossj.jp/mediagallery/mediaobjects/disp/f/f_osssearch.png
                      filename_orig
                      https://www.ossj.jp/mediagallery/mediaobjects/orig/f/f_osssearch.png
                      media_title
                      OSS検索結果にユーザー参加状況のグラフを追加
                      media_desc
                      個別のOSS表示ページにのみ掲載していたユーザー参加状況のグラフを検索結果一覧にも追加しました。
                      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:18 src:disp theme:media_url ]

                      https://www.ossj.jp/mediagallery/mediaobjects/disp/f/f_osssearch.png