ページイメージ分類別表示プラグイン

このプラグインについて

ページに添付された「イメージ」をもとに、自動的にギャラリーを作成します。ギャラリーは分類別に一覧表示されます。

ページイメージ分類別表示プラグイン

広告

ダウンロード

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

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

導入方法

準備

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

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

また、作品は以下のような構成で登録しておきます。なお今回の解説では、ギャラリー用のページ のIDを gallery としますが、他の値に置き換えても大丈夫です。

  1. ギャラリー用のページを登録する(IDは gallery / 本文は空欄で可)
  2. ギャラリー用のページを親として、分類用ページを登録する(いくつでも登録可能 / 本文は空欄で可)
  3. 分類用ページを親として、作品ページを登録する(いくつでも登録可能)

具体的には、以下のような構成になります。

  • ギャラリー用のページ(gallery
    • 分類用ページ1
      • 作品ページ1
      • 作品ページ2
      • 作品ページ3
    • 分類用ページ2
      • 作品ページ1
      • 作品ページ2
      • 作品ページ3
    • 分類用ページ3
      • 作品ページ1
      • 作品ページ2
      • 作品ページ3

ファイルのアップロード

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

パーミッションの設定

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

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

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

完了

ブラウザソフトで freo/index.php/page_image_categorized/gallery にアクセスし、エラーが表示されなければ完了です。(gallery は、ギャラリー用ページのIDです。)

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

機能解説

目次

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

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

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

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

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

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

さらに、15行目あたりにある

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

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

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

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

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

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

次に templates/plugins/page_image_categorized/default.html の7行目あたりにある

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

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

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

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

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

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

次に、同じファイルの15行目あたりにある

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

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

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

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

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

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

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

携帯からのアクセス

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

削除方法

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

ファイルの削除

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

  • configs/plugins/page_image_categorized.ini
  • libs/freo/plugins/config.page_image_categorized.php
  • libs/freo/plugins/page.page_image_categorized.php
  • templates/mobiles/plugins/page_image_categorized/ (ディレクトリごと削除)
  • templates/plugins/page_image_categorized/ (ディレクトリごと削除)

更新履歴

  • 最新版との差分ファイルを一覧表示できます。
  • 使用しているページイメージ分類別表示プラグインのバージョンを入力してください。
  • 更新内容の詳細は、以下の更新履歴を確認してください。
差分調査
使用しているバージョン

2013/04/14 Ver 1.4.1
  • 指定されたデータが見つからない時、404エラーを返すように変更。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2013/01/03 Ver 1.4.0
  • freo Ver 1.15.0 に合わせて、閲覧制限対象の記事を記事一覧に表示するか否かの選択が反映されるように調整。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2012/12/28 Ver 1.3.0
  • 「初期画面に表示しないページ」を、画像一覧に表示するか否か選択できるように改良。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2012/07/23 Ver 1.2.0
  • freo Ver 1.9.0 に合わせて、オプションを表示するか否かの選択が反映されるように調整。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2012/07/19 Ver 1.1.3
  • フィルターなどで閲覧できない画像があると、不正な文法のHTMLが出力される不具合を修正。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2011/01/28 Ver 1.1.2
  • 認証が必要な記事でも、オプション項目以外の情報は参照できるように調整。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2010/11/06 Ver 1.1.1
  • 画像の表示処理を調整。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2010/10/20 Ver 1.1.0
  • 閲覧制限を行った際、必要に応じてタイトルと本文を公開できるように改良。
  • フィルター制限を行った際、必要に応じてタイトルと本文を公開できるように改良。

バージョンアップは、以下のファイルを最新版付属のものに差し替えてください。

2010/09/01 Ver 1.0.0

正式版を公開しました。最終ベータ版から大きな変更はありませんが、プログラム内部のバージョン情報と更新日はすべて変更しています。ですので今後混乱の無いように、拡張子が php のファイルはすべて正式版付属のものに変更することをお勧めします。