<< 春は来ている | main | 桜〜桃〜パン〜ピザ はぁ食った食った >>

ちょこちょこカスタマイズ

外は雨。
特にやることもないのでSereneBachのカスタマイズに手を付けました。
とはいっても、プラグインは入れるだけ入れて特に追加する物もありません。
ですが何か無いかなぁと探してると小粋空間さんにこんな記事が。
Serene Bach の編集画面を広げる

記事を書くときにテキストエリアがちょっとだけ狭いなぁと感じていたのです。
そこでこのカスタマイズを利用することにしました。
記事ではEntory.pmをカスタマイズする方法とEntory.htmlをカスタマイズする方法のふたつが掲載されていました。
この中でEntory.htmlをカスタマイズする方法を選択。
理由はEntory.htmlの方が何をやっているか何となく分かるから。

まずはテキストエリアの高さを変える方法です。
記事では
管理ページの html (のテンプレート)を変更する方法です。下記のファイルをダウンロードし、任意のエディタで開きます。念のためファイルのバックアップはとっておきましょう。

lib/resource/ja/entry.html

このファイルに記述されている下記の部分を検索し(sb_entry_body_rows で検索するとよいでしょう)、赤色を青色の値に変更します。2.03R では93行目にあります。
リストは 30 に変更する例を示しています。
<textarea name="entry_body" id="entry_body" rows="{sb_entry_body_rows}30" cols="40" class="text">{sb_entry_body}</textarea>


{sb_entry_body_rows}を削除して、希望する高さ(ここでは30)を入れるという方法です。

で早速実施。
してみると入力画面の「本文」部分の高さが大きくなり、「続き」部分はそのままです。
自分の記事の書き方は「本文」部分を少なくして「続き」部分に書き込む方法です。
これではちょっと使いづらい。
そこでEntory.html中を"textarea"で検索してみると127行目に
<textarea name="entry_more" id="entry_more" rows="15" cols="40" class="text">{sb_entry_more}</textarea>

この中のrows="15"を任意の数値にすれば「続き」部分の高さが変わるはず。
ということで変更してアップロード。
編集画面を出してみるとドンピシャです。

ただ「本文」部分がちょっと(変更しているのでかなり)大きい。
そこで前述の
rows="{sb_entry_body_rows}30"
部分を8にしてみました。
これでぴったりです。

さらに同じ記事中の、
3.横幅をひろげる(記事・テンプレート共通)

4.フォントサイズを変更する
も実施。
横幅は元記事の大きさでは大きすぎるので800pxと620pxに。
フォントサイズは12ptでは小さすぎるので14ptに。
そんなカスタマイズの結果こんな感じに。
カスタマイズ後の編集画面
これで記事がだいぶ書きやすくなりました。
小粋空間さんに感謝。
comments (0) | trackbacks (0) | Edit

Comments

Post your Comment

Trackbacks