Entry

Category: freo

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}        //記事内の画像を表示

に揃えています。

追加機能報告

拍手投稿があった際のメール通知機能を追加しました。

これで

・トップページからのメッセージ投稿

・拍手送信

・ギャラリー内各ページのコメント投稿

・日記コメント投稿

に対して管理人携帯へメール通知が行きます。

なるべく携帯(スマホですが)からも返信ができるようにしますので、

「全然返信こねーじゃねーか、ゴルアァ!」

とか受け取ったらきっとサクッと返信します(笑)。

freo微調整

iPhone対応しましたとか言っておきながらちゃんと表示されてたの日記ぐらいでほかのページが死んでましたすみません(;´▽`A``

なんで???

本家サイトのiPhone関連のファイルは指示通りすべてアップロード済みでしたが、プラグインまで網羅しているわけではなかったようです。

 

↓というわけで、iPhone対策覚書。特にギャラリーが全然動かないよって方はご参考までに↓
  • freo/templates/plugins内にプラグインフォルダ&htmlファイルを置いている場合、まったく同じファイルを

freo/templates/iphones/pluginsにもアップロード

  • その際iPhone用のヘッダーとフッターを読み込ませるために、すべてのhtmlファイルの1行目と最後の行を書き換えます。別名で保存し、オリジナルと別で管理してください。もしくは各プラグインフォルダの中にiphoneフォルダを作るのもいいかも。いずれにしてもアップロードする際はオリジナルと同じ名前でアップしてください。

 

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

  • 各ファイル1行目(ヘッダー読み込み箇所)

    {include file='header.html'}

    を以下のように変更

    {include file='iphones/header.html'}
  • 各ファイル最後の行(フッター読み込み箇所)

    {include file='footer.html'}

    を以下のように変更

    {include file='iphones/footer.html'}

これでiPhoneのサイズに合ったページに修正されます。

 

  • また、デフォルトだと「コンテンツ」に表示されるのは作成したページへのリンクのみです。たとえば、ページからリンクしているページが存在する場合、このページも「コンテンツ」の項目として表示されてしまいます。また拍手用プラグイン、ブックマークプラグインなどを利用してメニューに組み込んでいる場合はページではないので項目として表示されません。
  • 「コンテンツ」の項目に任意のリンクを表示させるにはfreo/templates/iphones/internals/default/defalt.htmlを以下のように書き換えます。

 

  • freo/templates/iphones/internals/default98~100行目あたり

    <!--{foreach from=$plugin_page_menus|smarty:nodefaults item='plugin_page_menu'}-->
    <li><a href="{$freo.core.http_file}/page/{$plugin_page_menu.id}">{$plugin_page_menu.title}</a></li>
    <!--{/foreach}-->

    を任意のリンクに置き換えます。

  • <例1>ギャラリー(ページid : gallery)へのリンク

    <li><a href="{$freo.core.http_file}/page/gallery">gallery</a></li>
  • <例2>ギャラリー(ページid : gallery)へのリンク (ページイメージ分類表示プラグイン使用の場合)

    <li><a href="{$freo.core.http_file}/page_image_categorized/gallery">gallery</a></li>

 

つまり、PC用ファイル freo/templates/header.htmlで使用しているメニュー部分をコピペすれば一発でOKなわけです。

 

<補足>

ギャラリー関係のプラグインを使用している場合は、css/iphone/common.cssに以下を追加しておくと、表示がすっきりします。

div#gallery ul {
  margin: 10px 0 20px 0;
}
div#gallery ul li {
  display: inline;
}
div#gallery ul li img {
  margin: 0 2px 10px 0;
}

 

これ以外にも微調整してありますが、とりあえずこれだけはやっておいたほうがいいところだけ。

iPhone表示

対応しました。

PCに表示にも切換え可能なのでお好きなほうでご覧ください。

ちなみに携帯表示にもようやく対応。

freo

freo1.6.4へアップデートしました。(iPhoneは未対応)

あと、メルフォ・ページコメント・エントリーコメントのメール通知プラグインを導入。

これによって各種コメント、メッセージの登録を頂いた場合すぐに管理人携帯へ通知されますので、お返事すぐに返せるようになったはず。

ver 1.6.1

iphone表示に対応されたのでver.アップさせてみたんですが、

うちのサイトはトップページを改造しまくっているのでテーブル幅が変更されませんでした。

あんど、ブログの画像はアップロードではなく、リンク形式で張り付けてるんですが、自動で縮小されなかったのでこれまた画像サイズがでかい&文字が小っっさ・・・

というわけで、やむなく差し戻し。

iphone対応は見送りまする。

freoのエントリーページ下部にページ移動用のリンクを表示させてみた

ブログページが増えてくると一般的なものは、ページ下部にページ移動できるリンク(1,2,3,4,5...など)が表示されますが、freoはなぜか、前後ページのリンクしか表示されません。

カテゴリ別やワード検索結果を表示した場合のみ表示されるようです。

ブログのデフォルトページでもそれが表示されるようにちょっといじってみました。
(IE8とFirefoxで動作確認済み)

PHPの知識が殆どない素人カスタマイズ方法ですので、勝手な覚書程度です。

 

↓デフォルトのこれが



こうなります

 

カスタマイズにはtemplates/internals/default/defalt.html内の記述を変更します。

(ただし、うちの様にwitchmakersさんのスキンを使用していて、「トップページをブログっぽくないように設定」している方はtemplates/internals/entry/defalt.html内が対象になります。ブログ部分が記載されているページを適宜選んでください)

下のほうにある

<!--{if $smarty.get.word or $smarty.get.user or $smarty.get.tag or $smarty.get.date or $smarty.get.category}-->

<!--{if $freo.query.page > 0}-->

と変更します。

これ以下でページ移動の記述がみられるのですが、デフォルト設定だと、
・$smarty.get.word(たぶんワード検索)
・$smarty.get.user(たぶんユーザーリンク)
・$smarty.get.tag(たぶんリンクタグ)
・$smarty.get.date(たぶん日付指定)
・$smarty.get.category(たぶんカテゴリ指定)
これらのリンク先のページにしか反映されない設定のようなのです。

そこで、前後ページ移動の部分から<!--{if $freo.query.page > 0}-->を使ってみました。

素人考えですが、これでエントリーページの情報を取得しているのだと思われ。

freo微調整

http://holydragoon.jp/freotips/template/daychecker.html

こちらで紹介されている、エントリーカレンダー部分に当日表示ができるjavaを導入してみました。

Pagination

  • Page
  • 1
  • 2

Utility

Calender

10 - 2018 / 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