ページイメージ表示プラグイン

ホーム
プラグイン
ページイメージ表示プラグイン

ページイメージ表示プラグイン

このプラグインについて

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

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

ページイメージ表示プラグイン

ダウンロード

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

Ver 1.2.3 ダウンロード

導入方法

準備

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

ファイルのアップロード

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

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

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

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

パーミッションの設定

configs/plugins/page_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/page_image にアクセスし、エラーが表示されなければ完了です。

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

機能解説

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

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

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

<div class="utility">
  <h3>ページイメージ</h3>
  <div class="content">
    <ul class="gallery">
      <!--{foreach from=$plugin_page_images|smarty:nodefaults item='plugin_page_image'}-->
      <li><a href="{$freo.core.http_file}/page/{$plugin_page_image.id}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_images/{$plugin_page_image.id}/{$plugin_page_image.image}" alt="{$plugin_page_image.memo|default:$plugin_page_image.title}" title="{$plugin_page_image.memo|default:$plugin_page_image.title}" width="{$plugin_page_image_images[$plugin_page_image.id].width}" height="{$plugin_page_image_images[$plugin_page_image.id].height}" /></a></li>
      <!--{/foreach}-->
    </ul>
  </div>
</div>

上のコードにある width="{$plugin_page_image_images[$plugin_page_image.id].width}" と height="{$plugin_page_image_images[$plugin_page_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/page_image: 普通に一覧表示します。
freo/index.php/page_image?word=検索キーワード: 検索キーワードで絞り込みます。（例：freo/index.php/page_image?word=テスト）
freo/index.php/page_image?user=ユーザー名: ユーザー名で絞り込みます。（例：freo/index.php/page_image?user=freo）
freo/index.php/page_image?tag=タグ: タグで絞り込みます。（例：freo/index.php/page_image?tag=テスト）
freo/index.php/page_image?date=日付: 日付で絞り込みます。（例：freo/index.php/page_image?date=2010、freo/index.php/page_image?date=201004、freo/index.php/page_image?date=20100401）

携帯からのアクセス

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