エントリーイメージ表示プラグイン

ホーム
プラグイン
エントリーイメージ表示プラグイン

エントリーイメージ表示プラグイン

このプラグインについて

エントリーに添付された「イメージ」をもとに、自動的にギャラリーを作成します。

また、サイドバーに新着画像を一覧表示することもできます。

エントリーイメージ表示プラグイン

ダウンロード

以下のリンクからプラグインをダウンロードできます。

Ver 1.2.3 ダウンロード

導入方法

準備

管理者ページにログイン後、管理メニューから「システム」→「設定管理」→「本体の設定」→「エントリーの設定」を選択し、「添付ファイル機能」を「利用する」に設定しておきます。

ファイルのアップロード

config.entry_image.php と display.entry_image.php と page.entry_image.php を libs/freo/plugins/ ディレクトリ内にアスキーモードでアップロードします。

entry_image.ini を configs/plugins/ ディレクトリ内にアスキーモードでアップロードします。

entry_image/ を templates/plugins/ ディレクトリ内にアスキーモードでアップロードします。

mobile/ 内にある entry_image/ を templates/mobiles/plugins/ ディレクトリ内にアスキーモードでアップロードします。

パーミッションの設定

configs/plugins/entry_image.ini のパーミッションを 606 に設定します。

CSSの編集

ギャラリーを装飾するためのCSSは、一例ですが以下のようになります。細かなデザインは各々で自由に変更してください。（css/default.css に追加します。）

div#gallery ul {
  margin: 10px 0 20px 0;
}
div#gallery ul li {
  display: inline;
}
div#gallery ul li img {
  margin: 0 2px 10px 0;
}

完了

ブラウザソフトで freo/index.php/entry_image にアクセスし、エラーが表示されなければ完了です。

管理者ページにログイン後、管理メニューから「システム」→「設定管理」→「プラグインの設定」→「エントリーイメージ表示」を選択すると、各種設定を行えます。

機能解説

サイドバーに新着画像を一覧表示

「システム」→「設定管理」→「プラグインの設定」→「エントリーイメージ表示」にある「新着の表示件数」で、表示したい件数を設定します。

次に templates/utility.html に、一例ですが以下のコードを追加します。

<div class="utility">
  <h3>エントリーイメージ</h3>
  <div class="content">
    <ul class="gallery">
      <!--{foreach from=$plugin_entry_images|smarty:nodefaults item='plugin_entry_image'}-->
      <li><a href="{$freo.core.http_file}/view/{if $plugin_entry_image.code}{$plugin_entry_image.code}{else}{$plugin_entry_image.id}{/if}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$plugin_entry_image.id}/{$plugin_entry_image.image}" alt="{$plugin_entry_image.memo|default:$plugin_entry_image.title}" title="{$plugin_entry_image.memo|default:$plugin_entry_image.title}" width="{$plugin_entry_image_images[$plugin_entry_image.id].width}" height="{$plugin_entry_image_images[$plugin_entry_image.id].height}" /></a></li>
      <!--{/foreach}-->
    </ul>
  </div>
</div>

上のコードにある width="{$plugin_entry_image_images[$plugin_entry_image.id].width}" と height="{$plugin_entry_image_images[$plugin_entry_image.id].height}" に任意の数値を設定すると、強制的にそのサイズで画像を表示することができます。

さらに css/default.css に、一例ですが以下のコードを追加します。

ul.gallery {
  margin: 0;
  padding: 0;
}
ul.gallery li {
  display: inline;
  list-style: none;
}
ul.gallery li img {
  display: inline;
  list-style: none;
  margin-bottom: 5px;
}

これで、サイドバーに新着画像を一覧表示することができます。

エントリーの絞り込み表示

このプラグインに普通にリンクすると、エントリーに「イメージ」が添付された記事すべてが表示対象になります。ですが以下のようにリンクすると、初期画面のエントリー一覧のようにカテゴリーやタグなどで絞り込んで表示することもできます。

freo/index.php/entry_image: 普通に一覧表示します。
freo/index.php/entry_image/category/カテゴリーID: カテゴリーIDで絞り込みます。（例：freo/index.php/entry_image/category/diary）
freo/index.php/entry_image?word=検索キーワード: 検索キーワードで絞り込みます。（例：freo/index.php/entry_image?word=テスト）
freo/index.php/entry_image?user=ユーザー名: ユーザー名で絞り込みます。（例：freo/index.php/entry_image?user=freo）
freo/index.php/entry_image?tag=タグ: タグで絞り込みます。（例：freo/index.php/entry_image?tag=テスト）
freo/index.php/entry_image?date=日付: 日付で絞り込みます。（例：freo/index.php/entry_image?date=2010、freo/index.php/entry_image?date=201004、freo/index.php/entry_image?date=20100401）

携帯からのアクセス

携帯からアクセスすると、携帯用の表示になります。