Blog

freoカスタマイズ

日記ページの右カラムに投稿画像のサムネイルと画像一覧ページを追加しました。

 

カスタマイズ覚書

・画像ファイルとサムネイルを添付として上げると、記事にはサムネイルが上がる。クリックするとthickboxで画像がポップアップ。自動でリサイズ。

 →っていうのが嫌なので画像ファイルはそのまま記事にタグで張り付け。サムネイルだけアップ。

・画像一覧ページでは、サムネイルを投稿すると、一覧ページでもサムネイル表示

 →いやんそんな小さい画像意味ないし。でもデフォルトでは、添付ファイルが優先される。

 

画像一覧ページにサムネイル画像を表示させたくないのでカスタマイズ。

 

使用しているプラグインは2つ。

①エントリーギャラリー表示プラグイン→画像一覧ページ用

②エントリーイメージ表示プラグイン→右カラム新着画像サムネイル用

 

修正内容は以下のとおり。

templates>entry_gallery>default.html

  • 12行目~14行目あたり

    <!--{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}-->
    <img src="{$entry_medias[$entry.id].file}" alt="{$entry.memo|default:$entry.title}" title="{$entry.memo|default:$entry.title}" width="{$entry_medias[$entry.id].width}" height="{$entry_medias[$entry.id].height}" />
    <!--{/if}--></a>
    </li>
    <!--{/foreach}-->

    を以下のように変更

    <!--{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="{$entry_medias[$entry.id].file}" alt="{$entry.memo|default:$entry.title}" title="{$entry.memo|default:$entry.title}" width="{$entry_medias[$entry.id].width}" height="{$entry_medias[$entry.id].height}" />
    <!--{else}-->
    <img src="{$entry_medias[$entry.id].file}" alt="{$entry.memo|default:$entry.title}" title="{$entry.memo|default:$entry.title}" width="{$entry_medias[$entry.id].width}" height="{$entry_medias[$entry.id].height}" />
    <!--{/if}--></a>
    </li>
    <!--{/foreach}-->

デフォルトでは、

<!--{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}" />

この部分で、添付ファイルがアップロードされていれば優先して表示されるようにimgタグが記述されており、
その後の

<!--{else}-->
<img src="{$entry_medias[$entry.id].file}" alt="{$entry.memo|default:$entry.title}" title="{$entry.memo|default:$entry.title}" width="{$entry_medias[$entry.id].width}" height="{$entry_medias[$entry.id].height}" />
<!--{/if}--></a>

でファイルのアップロードがなかった場合、記事内の画像ファイルを読み込むようになっていますが、

変更後は
ファイルのアップロードがあった場合でも記事内の画像ファイルを表示するように<!--{else}-->前後のimgタグを

{$entry_medias[$entry.id].file}        //記事内の画像を表示

に揃えています。

Pagination

関連エントリー

Comment

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

Post Your Comment

  • コメントを入力してください。
登録フォーム
Name
E-mail
URL
Comment
閲覧制限
投稿キー(スパム対策に、投稿キー を半角で入力してください。)

Utility

Calender

10 - 2019 / 11 - 12
S M T W T F S
- - - - - 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

Entry Search

エントリー検索フォーム
Keyword

Recent Entry

Recent Comment

Re:BLOOD-C オープニング「spiral」歌詞和訳に挑戦!
2016/05/25 from いや
Re:鬱金20ネタバレ感想
2016/05/07 from 権限がありません
Re:鬱金20ネタバレ感想
2016/04/12 from はいど
Re:鬱金20ネタバレ感想
2016/04/07 from matsu
Re:鬱金の暁闇15感想
2015/10/02 from matsu

Recent Trackback

Re:40000HIT記念画像
2015/01/10 from 承認待ち
Re:40000HIT記念画像
2015/01/10 from 承認待ち
Re:40000HIT記念画像
2015/01/10 from 承認待ち
Re:40000HIT記念画像
2015/01/10 from 承認待ち
Re:40000HIT記念画像
2015/01/10 from 承認待ち

RSS Feed