2019/02/18 13:19 JST

Geeklog情報

新着記事

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

  • 投稿者:
  • 表示回数 98
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:8]
        </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-grid-small" uk-grid>
            [medialist:10 src:tn theme:uk-list_inc limitcnt:8]
        </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} #}
          <li 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></li>
    {# end {templatelocation} #}
    

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

    Geeklog v2.2.0

    • 投稿者:
    • 表示回数 635
    Geeklog情報 Geeklog v2.2.0 が公開されました。
    https://www.geeklog.net/downloads/index.php/file_5b324b8ed4c56

    新しいバージョンにおける新機能とバグフィックスは以下。

    [Feature] Uikit 3 がテーマ Denim_Three に追加されました。
    [Feature] ブロックは左右だけでなく、プラグインやテーマによって追加できるようになりました。
    [Feature] CSS と JS のミニファイや圧縮の処理機能が追加されました。
    [Feature] ReCaptcha Plugin が初期インストールで選べるようになりました。
    [Feature] ReCaptcha Pluginは非表示リキャプチャーに対応します。
    [Feature] 新パスワードは、最低8文字。1つの文字と1つの数字が含まれていることが要件。
    [Feature] ユーザーアカウント用に2段階認証2FAが有効に。
    [Feature] すべてのユーザーアカウントに確認済みのメールアドレスを要求することができます。
    [Feature] 新たなユーザーステータスが追加 (ロック, 新Email要求, 新パスワード要求)
    [Feature] AkismetモジュールがSPAM-Xプラグインに含まれるようになりました。
    [Feature] デモモードが追加されました。
    [Bug] 修正済みトークンの期限切れ後再認証は、認証が成功すると空白のページに戻ります。
    [Bug] 固定スイッチ言語ブロック(およびCOM_getLanguageFromURL)をトピックページで使用する
    ... 他にも多くの改善とバグ修正が含まれています。完全なリストは、Githubの上や、このリリースのdocsディレクトリにある歴史のテキストファイルに記載されています。

    デバイスチェックのテーマ変数{device_mobile}が追加

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

    March 1, 2017 (2.1.2)で、デバイスチェックのテーマ変数が追加されています。

    [Feature] テーマ変数{device_mobile}がtrueならモバイルにも表示 (電話とタブレット) [Tom]

    サンプル
    
    {!!if {device_mobile}=="true" !!}モバイル{!else}PC{!endif}
    
    活用事例
    
    {!!if {device_mobile}=="true" !!}{!!autotag assist:staticpage_content id:-top-new-mobile mode:home !!}{!else}{!!autotag assist:staticpage_content id:-top-new mode:home !!}{!endif}
    

    モバイル表示時の高速化やレイアウト変更に活用できます。

    ページナビゲーション