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

このプラグインについて

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

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

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

ダウンロード

以下のリンクからプラグインをダウンロードできます。（GitHubに遷移します。）

GitHubの緑ボタン「Code」内にある「Download ZIP」からすべてのプラグインをダウンロードできるので、解凍後に作成されるフォルダの中から entry_image フォルダを入手してください。

GitHubからダウンロード

旧バージョンをダウンロード

導入方法

準備

あらかじめ管理者ページにログインしておきます。

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

ファイルのアップロード

entry_image/ 内の configs/ と libs/ と templates/ を、freo設置ディレクトリ内にアスキーモードで上書きアップロードします。

パーミッションの設定

ブラウザソフトで freo/index.php/setup にアクセスすると、必要なパーミッションが自動設定されます。

ただし、設置時に「ご利用のサーバーは、PHPから直接パーミッションを設定することができない環境のようです。」と表示された環境の場合は自動設定されないので、FTPソフトで以下のファイルのパーミッションを設定してください。

対象	パーミッション
`configs/plugins/entry_image.ini`	`606` に設定

完了

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

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

機能解説

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

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

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

<!--{if $plugin_entry_images|smarty:nodefaults}-->
<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}"><!--{if $plugin_entry_image.image}--><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}" /><!--{else}-->{$plugin_entry_image.memo|default:$plugin_entry_image.title}<!--{/if}--></a></li>
      <!--{/foreach}-->
    </ul>
  </div>
</div>
<!--{/if}-->

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

画像とともに記事のタイトルを表示

初期状態では画像のみが一覧表示されますが、テンプレートを編集すれば画像とタイトルを表示させることができます。（freo Ver 1.14.0 以降なら、CSSは定義済みになっています。）

一例ですが、templates/plugins/entry_image/default.html の10行目あたりにある

<ul>
  <!--{foreach from=$entries|smarty:nodefaults item='entry'}-->
  <li><a href="{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}"><!--{if $entry.image}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$entry.id}/{$entry.image}" alt="{$entry.memo|default:$entry.title}" title="{$entry.memo|default:$entry.title}" width="{$entry_images[$entry.id].width}" height="{$entry_images[$entry.id].height}" /><!--{else}-->{$entry.memo|default:$entry.title}<!--{/if}--></a></li>
  <!--{/foreach}-->
</ul>

を以下のように変更します。

<!--{foreach from=$entries|smarty:nodefaults item='entry'}-->
<div class="gallery">
  <p class="picture"><a href="{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}"><!--{if $entry.image}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$entry.id}/{$entry.image}" alt="{$entry.memo|default:$entry.title}" title="{$entry.memo|default:$entry.title}" /><!--{else}--><span class="empty">NO IMAGE</span><!--{/if}--></a></p>
  <p class="comment">{$entry.memo|default:$entry.title}</p>
</div>
<!--{/foreach}-->

フィルターやパスワード制限などで閲覧できない記事に、専用の画像を表示

フィルターやパスワード制限などで閲覧できない記事の場合、「権限がありません」などのテキストが表示されますが、代わりに専用の画像を表示する方法です。（画像は以下のものを使用しても大丈夫ですが、他の画像に合わせたサイズの画像を作成することをお勧めします。）

画像をダウンロード

まずは forbidden.png をfreoの images/ ディレクトリ内にアップロードします。

次に templates/plugins/entry_image/default.html の12行目あたりにある

<!--{foreach from=$entries|smarty:nodefaults item='entry'}-->
<li><a href="{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}"><!--{if $entry.image}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$entry.id}/{$entry.image}" alt="{$entry.memo|default:$entry.title}" title="{$entry.memo|default:$entry.title}" width="{$entry_images[$entry.id].width}" height="{$entry_images[$entry.id].height}" /><!--{else}-->{$entry.memo|default:$entry.title}<!--{/if}--></a></li>
<!--{/foreach}-->

このうち、2行目の最後の方にある

<!--{else}-->{$entry.memo|default:$entry.title}<!--{/if}-->

この部分を以下のように変更します。

<!--{else}--><img src="{$freo.core.http_url}images/forbidden.png" alt="表示できません" title="表示できません" width="100" height="100" /><!--{/if}-->

自分で画像を用意した場合、images/forbidden.png や width="100" height="100" の部分は画像に合わせて変更してください。

これで、閲覧できない記事の場合 forbidden.png が表示されるようになります。

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

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

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）

携帯からのアクセス

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

削除方法

このプラグインは、以下の手順で削除できます。

ファイルの削除

以下のファイルを削除します。

configs/plugins/entry_image.ini
libs/freo/plugins/config.entry_image.php
libs/freo/plugins/display.entry_image.php
libs/freo/plugins/page.entry_image.php
templates/mobiles/plugins/entry_image/ （ディレクトリごと削除）
templates/plugins/entry_image/ （ディレクトリごと削除）