エントリー

freoのエントリーとページの編集画面で添付ファイルとイメージの画像を表示する方法

【2018/03/16】ファイルの拡張子が .jpg.jpeg.png.gif の場合は、画像を表示し、それ以外の場合はファイル名を表示するように修正しました。

freoのver.1.13.0(2012/12/11更新)よりメディア管理のファイル編集画面で、画像の場合はその画像を表示するようになりましたが、それならエントリーとページの編集画面で添付ファイルとイメージがある場合はその画像を表示するようにもなるのかと思っていたのですが、一向にそうならないので自作してみました。

エントリー編集の場合

  1. templates/internals/admin/entry_form.html の77~80行目あたり(添付ファイルのファイルの部分)の
    <!--{if $input.entry.file}-->
      <input type="checkbox" name="entry[file_remove]" id="label_file" value="{$input.entry.file}"{if $input.entry.file_remove} checked="checked"{/if} /> <label for="label_file">{$input.entry.file}を削除</label>
      <input type="hidden" name="entry[file]" value="{$input.entry.file}" />
    <!--{/if}-->

    の部分を、

    <!--{if $input.entry.file}-->
      <br />現在のファイル<br />
      <a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$freo.query.id}/{$input.entry.file}"><!--{if $input.entry.file|regex_match:'/\.(jpe?g|png|gif)$/i'}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_files/{$freo.query.id}/{$input.entry.file}" alt="現在のファイル" width="100" /><!--{else}-->{$input.entry.file}<!--{/if}--></a>
      <input type="checkbox" name="entry[file_remove]" id="label_file" value="{$input.entry.file}"{if $input.entry.file_remove} checked="checked"{/if} /> <label for="label_file">{$input.entry.file}を削除</label>
      <input type="hidden" name="entry[file]" value="{$input.entry.file}" />
    <!--{/if}-->
    に変更(赤字を追加)します。
    【2018/03/16】ファイルの拡張子が .jpg.jpeg.png.gif の場合は、画像を表示し、それ以外の場合はファイル名を表示するように修正(ピンク字の部分を追加)。
  2. 同じく templates/internals/admin/entry_form.html の87~90行目あたり(添付ファイルのファイルのイメージの部分)の
    <!--{if $input.entry.image}-->
      <input type="checkbox" name="entry[image_remove]" id="label_image" value="{$input.entry.image}"{if $input.entry.image_remove} checked="checked"{/if} /> <label for="label_image">{$input.entry.image}を削除</label>
      <input type="hidden" name="entry[image]" value="{$input.entry.image}" />
    <!--{/if}-->

    の部分を、

    <!--{if $input.entry.image}-->
      <br />現在のイメージ<br />
      <a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$freo.query.id}/{$input.entry.image}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}entry_images/{$freo.query.id}/{$input.entry.image}" alt="現在のイメージ" width="100" /></a>
      <input type="checkbox" name="entry[image_remove]" id="label_image" value="{$input.entry.image}"{if $input.entry.image_remove} checked="checked"{/if} /> <label for="label_image">{$input.entry.image}を削除</label>
      <input type="hidden" name="entry[image]" value="{$input.entry.image}" />
    <!--{/if}-->
    に変更(赤字を追加)します。

ページ編集の場合

  1. templates/internals/admin/page_form.html の79~82行目あたり(添付ファイルのファイルの部分)の
    <!--{if $input.page.file}-->
      <input type="checkbox" name="page[file_remove]" id="label_file" value="{$input.page.file}"{if $input.page.file_remove} checked="checked"{/if} /> <label for="label_file">{$input.page.file}を削除</label>
      <input type="hidden" name="page[file]" value="{$input.page.file}" />
    <!--{/if}-->

    の部分を、

    <!--{if $input.page.file}-->
      <br />現在のファイル<br />
      <a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_files/{$freo.query.id}/{$input.page.file}"><!--{if $input.page.file|regex_match:'/\.(jpe?g|png|gif)$/i'}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_files/{$freo.query.id}/{$input.page.file}" alt="現在のファイル" width="100" /><!--{else}-->{$input.page.file}<!--{/if}--></a>
      <input type="checkbox" name="page[file_remove]" id="label_file" value="{$input.page.file}"{if $input.page.file_remove} checked="checked"{/if} /> <label for="label_file">{$input.page.file}を削除</label>
      <input type="hidden" name="page[file]" value="{$input.page.file}" />
    <!--{/if}-->
    に変更(赤字を追加)します。
    【2018/03/16】ファイルの拡張子が .jpg.jpeg.png.gif の場合は、画像を表示し、それ以外の場合はファイル名を表示するように修正(ピンク字の部分を追加)。
  2. 同じく templates/internals/admin/page_form.html の89~92行目あたり(添付ファイルのファイルのイメージの部分)の
    <!--{if $input.page.image}-->
      <input type="checkbox" name="page[image_remove]" id="label_image" value="{$input.page.image}"{if $input.page.image_remove} checked="checked"{/if} /> <label for="label_image">{$input.page.image}を削除</label>
      <input type="hidden" name="page[image]" value="{$input.page.image}" />
    <!--{/if}-->

    の部分を、

    <!--{if $input.page.image}-->
      <br />現在のイメージ<br />
      <a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_images/{$freo.query.id}/{$input.page.image}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_images/{$freo.query.id}/{$input.page.image}" alt="現在のイメージ" width="100" /></a>
      <input type="checkbox" name="page[image_remove]" id="label_image" value="{$input.page.image}"{if $input.page.image_remove} checked="checked"{/if} /> <label for="label_image">{$input.page.image}を削除</label>
      <input type="hidden" name="page[image]" value="{$input.page.image}" />
    <!--{/if}-->
    に変更(赤字を追加)します。

すると編集画面の
ファイル 60-1.jpg
だった部分が
ファイル 60-2.jpg
になります(添付ファイルが画像以外の場合はリンク表示になります)。

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム

基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がありますので、その旨ご了承下さい。

ユーティリティ

2024年03月

- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

キーワード検索

キーワード検索フォーム

ユーザー

  • cccのアバター

新着画像

ブログパーツ

Twitter

Twilogを見る

Feed