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。
その他プラグインの導入
はてなスター、はてなブックマークボタン、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
