2020/05/26 12:36 JST

OSCでGeeklogセミナー

  • 投稿者:
  • 表示回数 78,419
Geeklogセミナー
  • メディアギャラリープラグインの自動タグ medialist の管理とヘルプ
  • ユーザーアカウント登録画面
  • ログイン画面

    ([medialist:29 theme:s-1section-slider2 src:disp]で表示しています。)

    2019/2/22のOSC2019 SpringにてGeeklogのセミナーを開催します。ちょっと遠いですが、どうぞ!
    https://www.ospn.jp/osc2019-spring/modules/eguide/event.php?eid=4

    Geeklog 2.2は、hreflangが対応、2段階認証にも対応。
    機能アップが各所にあり、完成度の高いサイト構築が可能になってきました。

    2019-02-22 (金) 15時15分

    オープンソース CMS Geeklog ver.2.2 2FA等新機能紹介とクラウドWebサービス比較と利用のコツ

    講師:今駒 哲子(代表)
    担当:Geeklog Japan
    レベル:入門編
    対象者:ホームページをはじめたい初心者からリニューアルを検討したい人まで
    前提知識:特になし
    会場:明星大学 日野キャンパス 26号館 2F(OSC受付)
       (多摩モノレール 「中央大学・明星大学駅」から大学まで直結。会場まで徒歩6分)

    OSS CMS Geeklog 2.2に追加された2FAなどの機能を紹介します。さらにクラウドWebサービスを紹介。
    CMSからクラウドWebへ。クラウドWebからCMSへサイトを移行する際のコツも。


    ivywe版では、Geeklog 2.2.1の開発版をGitHubで公開しています。

    UIkit v3を活用したサムネイルナビ付きスライドショー

    • 投稿者:
    • 表示回数 1,583
    Geeklog情報

    メディアギャラリーのアルバムIDを指定して、UIkit v3を活用して、サムネイルのナビゲーション付きスライドショーを追加できます。

    • ボタン
    • シャクナゲ
    • フジ
    • ハンカチノキ
    • トチノキ
    • なんじゃもんじゃ
    • 麝香藤
  • ボタン
  • シャクナゲ
  • フジ
  • ハンカチノキ
  • トチノキ
  • なんじゃもんじゃ
  • 麝香藤
  • 詳しくはUIkitサイトへ

    Geeklog and MediaGallery download

    静的ページなどに以下のように記述します。
    アルバムID 10 を表示

    
    <div uk-slideshow='animation: fade; autoplay: true '>
        <ul class="uk-slideshow-items">
                [medialist:10 src:disp theme:uk-list limitcnt:10]
        </ul>
        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#"></a>
        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#"></a>
        <div class="uk-margin-top uk-child-width-1-10 uk-grid-small" uk-grid>
            [medialist:10 src:tn theme:uk-list_inc limitcnt:10]
        </div>
    </div>
    

    ※ limitcntは画像枚数制限

    メディアギャラリープラグインのテンプレートをplugins/mediagallery/templates/medialist/下に2種類追加します。

    テーマ:uk-list
    uk-list/autotag_medialist.thtml

    
    {# begin {templatelocation} #}
    {medialist_col}
    {# end {templatelocation} #}
    
    uk-list:/autotag_medialist_col.thtml
    
    {# begin {templatelocation} #}
          <li><img src="{filename}" alt="{media_title}" title="{media_title}" uk-cover{xhtml}></li>
    {# end {templatelocation} #}
    

    テーマ:uk-list_inc
    uk-list_inc/autotag_medialist.thtml

    
    {# begin {templatelocation} #}
    <?php global $inc; $inc=0; ?>
    {medialist_col}
    {# end {templatelocation} #}
    
    uk-list_inc:/autotag_medialist_col.thtml
    
    {# begin {templatelocation} #}
          <div uk-slideshow-item="<?php global $inc; echo intval($inc); $inc++; ?>"><a href="#"><img src="{filename_tn}" alt="{media_title}" title="{media_title}" style="width:80px; height:auto"{xhtml}></a></div>
    {# end {templatelocation} #}
    

    Geeklog ivywe版をダウンロードして、/extended/以下の拡張ファイルのうち、mediagalleryをインストールして活用してください。

    ページナビゲーション