添付ファイルのイメージやサムネイルを各記事に表示しない

概要

添付ファイルのイメージを登録すると、各記事に登録したイメージが表示されます。

ですが例えば「ページイメージ表示プラグインでギャラリーを表示して、画像をクリックすると各ページに移動する」のようなページを作成する場合、各ページでは拡大画像が直接表示された方がいいです。

各ページでの表示内容は、テンプレートを編集すれば変更することができます。

詳細

ページ

freo/templates/internals/page/default.html の10行目あたりにある

<!--{if $page.file and $page.image}-->
  <p><a href="~略~"><img src="~略~" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_image.width}" height="{$page_image.height}" /></a></p>
<!--{elseif $page_thumbnail}-->
  <p><a href="~略~"><img src="~略~" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_thumbnail.width}" height="{$page_thumbnail.height}" /></a></p>
<!--{elseif $page.file and $page_file.width and $page_file.height}-->
  <p><img src="~略~" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_file.width}" height="{$page_file.height}" /></p>
<!--{elseif $page.file}-->
  <p><a href="~略~">{$page.memo|default:$page.file}</a></p>
<!--{/if}-->

この部分を編集すれば、各ページでの添付ファイル表示を変更することができます。この部分の意味は以下のとおりです。

<!--{if 「添付ファイル」と「添付ファイルのイメージ」があれば}-->
  「添付ファイルのイメージ」を表示し、「添付ファイル」にリンクする
<!--{elseif 「自動作成されたサムネイル」があれば}-->
  「自動作成されたサムネイル」を表示し、「添付ファイル」にリンクする
<!--{elseif 「添付ファイル」が画像なら}-->
  「添付ファイル」を表示する
<!--{elseif 「添付ファイル」があれば}-->
  「添付ファイル」にリンクする
<!--{/if}-->

この部分をテンプレートエンジンの仕様に従って編集すればOKです。

一例ですが、以下のように変更すると「添付ファイルのイメージ」が常に表示されなくなります。つまり、ページにアクセスすると「自動作成されたサムネイル」か「添付ファイル」が表示されます。

<!--{if $page_thumbnail}-->
  <p><a href="~略~"><img src="~略~" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_thumbnail.width}" height="{$page_thumbnail.height}" /></a></p>
<!--{elseif $page.file and $page_file.width and $page_file.height}-->
  <p><img src="~略~" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_file.width}" height="{$page_file.height}" /></p>
<!--{elseif $page.file}-->
  <p><a href="~略~">{$page.memo|default:$page.file}</a></p>
<!--{/if}-->

また、以下のように変更すると「添付ファイルのイメージ」も「自動作成されたサムネイル」も常に表示されなくなります。つまり、常に「添付ファイル」が表示されます。

<!--{if $page.file and $page_file.width and $page_file.height}-->
  <p><img src="~略~" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_file.width}" height="{$page_file.height}" /></p>
<!--{elseif $page.file}-->
  <p><a href="~略~">{$page.memo|default:$page.file}</a></p>
<!--{/if}-->

エントリー

エントリーも、ページと同じ考え方でテンプレートを編集することができます。

エントリー個別表示用のテンプレートは freo/templates/internals/view/default.html なので、このファイルの25行目あたりにある

<!--{if $entry.file and $entry.image}-->
  <p><a href="~略~"><img src="~略~" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_image.width}" height="{$entry_image.height}" /></a></p>
<!--{elseif $entry_thumbnail}-->
  <p><a href="~略~"><img src="~略~" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_thumbnail.width}" height="{$entry_thumbnail.height}" /></a></p>
<!--{elseif $entry.file and $entry_file.width and $entry_file.height}-->
  <p><img src="~略~" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_file.width}" height="{$entry_file.height}" /></p>
<!--{elseif $entry.file}-->
  <p><a href="~略~">{$entry.memo|default:$entry.file}</a></p>
<!--{/if}-->

この部分を編集します。また、エントリー一覧表示用のテンプレートは freo/templates/internals/default/default.html なので、このファイルの100行目あたりにある

<!--{if $entry.file and $entry.image}-->
  <p><a href="~略~"><img src="~略~" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_images[$entry.id].width}" height="{$entry_images[$entry.id].height}" /></a></p>
<!--{elseif $entry_thumbnails[$entry.id]}-->
  <p><a href="~略~"><img src="~略~" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_thumbnails[$entry.id].width}" height="{$entry_thumbnails[$entry.id].height}" /></a></p>
<!--{elseif $entry.file and $entry_files[$entry.id].width and $entry_files[$entry.id].height}-->
  <p><img src="~略~" alt="{$entry.memo|default:$entry.file}" title="{$entry.memo|default:$entry.file}" width="{$entry_files[$entry.id].width}" height="{$entry_files[$entry.id].height}" /></p>
<!--{elseif $entry.file}-->
  <p><a href="~略~">{$entry.memo|default:$entry.file}</a></p>
<!--{/if}-->

この部分を編集します。