freoカスタマイズ備忘録
- 2012/09/12 20:01
- タグ：freo
freoを動かすために、ブログを更新しているという、なにやら手段が目的となっている状況です。一応、freoのカスタマイズした内容についてここにメモ。
スキンを変更
KURAGEYAさんところのBox-B1を使用。
「HTMLテンプレート」に梱包されたファイルをを /templates、/images、/css のディレクトリに、 「デザインCSS」に梱包されたファイルを /images、/css のディレクトリに上書き。
改めて別のスキンを使う場合は、デフォルトの設定に戻した上で、スキンを上書きアップロードしなければいけないらしい。
行間とフォントサイズを変更
記事の行間が若干大きめだったので、/css/K.css のファイル内の
p, li, dt, dd {
line-height: 1.8;
}
をline-height:1.5にし、
div#content {
float: left;
width: 550px;
}
に、font-size: 112% !important を追加。
サイドバーの編集
サイドバーは、templates/utlity.html を編集すればOK。
- サイドバーのコンテンツを一部削除
カレンダーとカテゴリーの項目をコメントアウト。 - サイドバーの一部を変更
ARCHIVEの表示方法を変える。プルダウン型から一覧表示型へ。
参照：http://kurageya.xrea.jp/pc/Readme_freo.html （サイドバーの過去ログの表示を変更する） - アクセス数を表示
カウンタプラグインの導入
templates/utlity.htmlに、カウント総数のみ表示するように設定。
ただ、ユニークアクセス数を表示させるようにした筈なのに、ページビューがカウントされているみたい。 - タグクラウドの表示
エントリータグクラウド表示プラグインの導入
templates/utlity.htmlに、タグクラウドを表示するよう編集。
その他プラグインの導入
- エントリータグ管理プラグインを導入
記事につけたタグを管理画面で一括して編集・削除する機能。エントリータグクラウド表示プラグインとの連携のため、config.entry_tagcloud.php も編集
参照：http://freo.jp/plugin/entry_tagmanager.html （エントリータグクラウド表示プラグインとの連携） - 関連エントリー表示プラグインを導入
templates/internals/view/default.html に以下の記述を追加。<h2>関連エントリー</h2> <ul> <!--{foreach from=$plugin_entry_relates|smarty:nodefaults item='plugin_entry_relate'}--> <li>{$plugin_entry_relate.datetime|date_format:'%Y/%m/%d'} <a href="{$freo.core.http_file}/view/{if $plugin_entry_relate.code}{$plugin_entry_relate.code}{else}{$plugin_entry_relate.id}{/if}">{$plugin_entry_relate.title}</a></li> <!--{foreachelse}--> <li>関連エントリーはありません。</li> <!--{/foreach}--> </ul>
はてなスター、はてなブックマークボタン、twitterのツイートボタンを設置
はてなスター
templates/header.htmlを編集する。 ヘッダーに
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script> <script type="text/javascript">Hatena.Star.Token = 'はてなスター用トークンを挿入';Hatena.Star.EntryLoader.headerTagAndClassName = ['div','title'];</script>
と入れるだけ。 本当は、記事タイトル横にはてなスターを設置したかったのだけど、そうするとスタイルシートを見直さないといけなくて、ちょっと面倒くさかったので、記事の右下という微妙な位置に設置。
はてなブックマーク＆ツイートボタン
はてなブックマークボタンとtwitterのツイートボタンは下記のコードを
templates/internals/default/default.html
templates/internals/view/default.html
に追加。（2箇所も同じものを挿入しないといけないというのがちょっと面倒くさいと思った。）
- はてなブックマークボタン
<ul class="link"> <li><a href="http://b.hatena.ne.jp/entry/{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" data-hatena-bookmark-title="{$entry.title}" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a> <script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></li> - ツイートボタン
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-text="[{if $entry.title}{$entry.title} - {elseif $page.title}{$page.title} - {/if}{$freo.config.basis.title}]" data-url="{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}" data-via="akizuki_b" data-lang="ja">ツイート</a> <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></li> </li>
上記に加えて、RSSフィードが今現在一部配信状態になっているので、全文配信にしようかどうか迷い中。あと、ファイルのアップロード機能がうまくいかず、どうしたものかと調べている最中。
既存のブログサービスを使うと上記のことが手っ取り早くできちゃうんだよなーと思いつつ、楽しんでfreoのカスタマイズをしておりましたv
