なんかスレでfreo使用サイトの検索方法が話題になっててアクセスがやたらとあるのだが…。
それにせっつかれて、というわけじゃないけど、リニューアルしてやり方を思い出せたので記事更新。

公式プラグインの「エントリーイメージ表示プラグイン」「エントリーギャラリー表示プラグイン」 のときに、ユーティリティ形式でカテゴリ絞込み欄を作る方法です。

エントリーイメージ表示プラグインの場合

gallery_category.html(DL)をダウンロードし、freo/templates/plugins/entry_image/のディレクトリ内にアップロードします。 freo/templates/plugins/entry_image/default.htmlを開いて編集すると{include file='header.html'}があるとおもいますが、その直後に以下のタグを挿入します。

<div id="content">

また同ファイルの最後、<!--{/if}-->のあと{include file='footer.html'}があるとおもいますが、その間に以下のタグを挿入します。

</div>
<div id="utility">
<div class="utility">
<h3>カテゴリーで絞り込む</h3>
<div class="content">
{include file='plugins/entry_image/gallery_category.html'}
</div>
</div>
</div>

エントリーギャラリー表示プラグインの場合

記事内のentry_image/をentry_gallery/に置き換えて読んでください。
タグのほうでは、記事内二番目の「{include file=plugins/entry_image/gallery_category.html'}」の赤い部分を「entry_gallery/」と置き換えていただき、 さらにDLしたgallery_category.htmlの７行目{include file='plugins/entry_image/gallery_category.html'}」も同じく赤い部分を「entry_gallery/」に書き換えればたぶん…いけるはずです。

注意とか

続きを読む

用語解説

Freo用語解説

エントリー

ブログ部分のこと

ユーティリティ

一般ブログでいうサイドバー

イメージ

うちでいうならギャラリーで使ってるサムネイル

ページ

プロフィール、はじめになど、記事ではなくサイト構成に使っているものを記事投稿のように作れる機能

FとSについて

FはFreo系のカスタマイズ、Sはサイトの変更。常連さんならSだけ見ればおｋ

以前からやっていたカスタマイズ

• F トップページのみ表示を変更する(Freo公式カスタマイズ)
• F エントリーイメージ表示(ギャラリー)プラグインにカテゴリ絞込み
• F 記事単体表示時はユーティリティを表示しない
• F 添付ファイルのイメージを各記事に表示しない(Freo公式カスタマイズ)
• F 記事下部にツイッター投稿ボタン　記事
• F 記事下部に拍手(Freo公式プラグイン)
• F twitterをHTMLにしてユーティリティに表示

今回やったカスタマイズ

トップ

• SF twitterをブログのユーティリティから移動
• S 全てFreoで構築するために入り口削除(予定)、伴い著作権・梅ねりをトップへ
• FS Top絵リストラ、代わりに新着ギャラリー (Freo公式プラグイン)
• S あおんてなをアーカイブに左遷

整理

• S RSSフィード集を単体ページにしたため、タイトルと統一してURL変更
• S RSSフィード単体化に伴い飛天コンテンツページ作成
• S アーカイブのファイル名とタイトルを統一するためアドレスをlog_siteからarchiveに変更
• S バナーをメディアフォルダ内で管理するためアドレス変更
• FS ページURLをパス調整プラグインに伴い修正(Freo公式プラグイン)　上記以外のページなら以前のアドレスでもアクセスできます
• S タグクラウド導入に伴い微妙なカテゴリをリストラ

見えないところ

• F 編集方法にmarkItUp!を導入　(Freo公式カスタマイズ)
• S 追加CSSを別ファイルにした(編集の場合は直接差替)
• FS Tバックの言及リンク以外弾く設定にしたので管理人の承認なしで表示できるように　(Freo公式プラグイン)

その他

• F 記事内のイメージをクリックするとエントリー単体を表示
• S 解析をNINJAから自設置CGIに
• S IE6切った、現在firefoxのみ
• F ドン底のフィードをカテゴリ別に出力できるように
• F リキッドデザイン化(Web Libertyカスタマイズ集)
• F タグクラウド追加(Freo公式プラグイン)
• S アーカイブが上部メニューに出世
• S 上部メニューから管理用リストラ

予定

• F ギャラリーとfeedにタグ出力対応させたい
• S 全ての記事を読み直してタグ入力(まだ途中)
• S IE8とっとと入れてデザイン確認したい　オペラの確認もしたい←その前に一度PCリカバリしたい
• S フィード集のURLがまた変わるかもしれない、現在レンタルだが個別にCGI設置するかも
• S テーブルタグなしで梅ねりがドン底やNINTENDOと無関係っぽい置き方にしたい

Freo関連の検索でたどり着く人が結構いるので、Freo記事を上げておく。
飛天の散人キャンペーンもひと段落ついたようだしね。


本来管理人しか読めないここの説明を

こういう風に、閲覧者がフィルタ設定するページで見せる。
※うちのサイトの例。

やり方

freo/templates/internals/filter/default.html
を以下と差し替えます。
filterの中のＨＴＭＬ弄っちゃってる人は、続きを読んで理解して自分で弄ってください。
ＤＬ：フィルタメモを閲覧者フィルタ設定時に表示するdefault.html(ZIP)

続き：特に解説する必要もないと思う解説

続きを読む

こんにちは。freo関係の記事、興味深く拝見しています。
ブログの拍手ですが、404エラーになります。当方Operaからの閲覧です。一度ご確認願います。

おお、freoに関しての記事は現在1記事しかない気がしますが…ｗありがとうございます。
freoは本当にカスタマイズしやすいので、また何かいじったら投稿できたらいいなと思います。

拍手404すか！？と確認してみたらすいません、スラッシュ抜けてました！
twitterボタン付けるとき、ついでにhttpの直URLからfreoの変数に置き換えたのですが、そのときに入れ忘れたみたいです。
報告本当にありがとうございます！言われないと気づかなかった…。

拍手絵もぼちぼち入れたいなぁ…。
Freo系の人が来てるならFreoカテゴリも付けるべきかな。増えてきたら付けよう。

Freoのカスタマイズ例。

あんまり利用者はいなさそうですし解説するほどでもないんですが一応小ネタとして。

• templates/internals/default/default.html
• templates/internals/category/default.html
• templates/internals/entry/default.html
• templates/internals/view/default.html

この４つのファイルの以下のソース

<li><a href="{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}#trackback" title="No.{$entry.id}のトラックバック">トラックバック({$plugin_trackback_counts[$entry.id]})</a></li>
<!--{/if}--> ！！！ここの間！！！
<!--{if $freo.user.authority == 'root' or $freo.user.id == $entry.user_id}-->
<li><a href="{$freo.core.http_file}/admin/entry_form?id={$entry.id}"><img src="{$freo.core.http_url}images/icons/edit.png" alt="編集" title="編集" width="16" height="16" /></a></li>

「！！！ここの間！！！」と書いたところに↓を挿入

<li><a href="http://twitter.com/home?status={$freo.config.basis.title}&nbsp;-&nbsp;{$entry.title}&nbsp;{$freo.core.http_file}/view/{$entry.id}">この記事をtwitterに投稿</a></li>

twitterにログインした状態なら、「サイト名 - 記事タイトル http://記事URL」と投稿欄内に自動挿入されます。
この記事の場合こんなかんじになる。投稿前に編集ももちろん可能です。

上のサンプル画像はアイコンいれたもの。
俺が作った奴はこれなのでご自由にどうぞ。透過GIF。

アイコンの場合のソースは

<li><a href="http://twitter.com/home?status={$freo.config.basis.title}&nbsp;-&nbsp;{$entry.title}&nbsp;{$freo.core.http_file}/view/{$entry.id}"><img src="ボタン画像のURL" alt="この記事をtwitterに投稿" title="この記事をtwitterに投稿" width="13" height="16"></a></li>

アンカーリンクの際twitterのURLに、home?status=　とつけてあったら、それ以降の文字列が投稿が投稿されるようになってるので、そこにFreoの変数を入れただけ。自分でFreoカスタマイズできる人ならたぶん解説すらいらないと思います。
ちなみにこの記事の時点でFreoは0.10.0ですー。