東 瑠利子Official WebSite -メロスピ神-

HTML文書作成・編集をテキストエディタで行っている人はHTMLタグをどのように入力しているのだろうか。オレは辞書登録をして常にHTMLタグをマークアップしながら作成している。辞書登録は自分の最もやりやすい方法がいいだろう。

例えばHTMLを辞書登録するのように、日本語を変換するという方法もあるが、オレは下記のように行っている。日本語を変換するよりも下記のようにやった方が速い。今は優れたHTML入力支援ツールがあり、そっちはもっと速くなるかもしれないが、キーボードだけで全てが済むこの方法がオレには一番しっくりくる。最も、HTML入力支援ツールも使いこなせばマウスなど不要になるのだろうが・・・　なお、登録時は全て「顔文字」で行った方がいいだろう。そうしないと全角で変換されてしまう。

tpを変換

<p>…タグpという意味

tptを変換

</p>…タグp閉じるという意味

tlを変換

<a href="">…タグlinkという意味

tltを変換

</a>…タグlink閉じるという意味

txlを変換

<ul>…タグulという意味⇒tulでは変換で「つｌ」となり不都合な為

txltを変換

</ul>…タグul閉じるという意味

ちなみに、日本語で登録しているタグもある。「でぃぶ」を変換し<div class="">、「でぃぶとじ」で</div>、「かいぎょう」で<br />を使用している。

昨日に引き続き当サイトを制作したことについて書こう。freoでは、ページ登録という機能があり、ブログ記事とは別にいくらでもページを追加することができる。この機能を使い、CDレビューのページを1作品1ページにし、管理しやすくしたいと思ったのだ。

デザイン面では、ページのアドレスがpage/reviewだとすると、templates/internals/pageディレクトリ内に、review.htmlというテンプレートを作成すると、そのテンプレートのデザインを反映させることができる。最初、review以下のディレクトリにページを作成する方法が分からない上に、reviewディレクトリ以下に全て同じテンプレートが設定できず迷ったが、freo-カテゴリーとページの階層化について　ならびに　freo-エントリーごと、ページごとにテンプレートを変更する　を併せて読むことで解決した。

簡単に書くと、ページ登録時に、ページIDをreview/angra1というようにすることによって、review.htmlのテンプレートがpage/review/だけでなくpage/review/angra1にも適用されるということだ。これを理解した上でfreo-ブログ＋ギャラリー管理＋小説管理＋トップページもブログっぽくないように設定するを行うとスムーズだろう。オレはいきなり上記リンク先を試したので、ページIDをreview/angra1と設定することも分からず苦労したというわけだ。

このウェブサイト、オレにとっては久しぶりにCSS（カスケーディング・スタイルシート＝ウェブサイトのデザインを定義するもの）をいじる機会となった。限られた時間の中でよいウェブサイトを構成できたと思うが、同時にこのfreoにおいてマルチカラム・デザイン（段組デザイン）を操るにあたって初歩的なミスをしたり苦労も多かった。しかしそも全て趣味の範囲内だ。久しぶりにサイト製作を楽しむことができてよかったと感じている。

また、freo導入時の目標として、CDレビューのページをウェブブラウザ上で登録・編集したいというものがあったが、見事に実現できたのが非常に嬉しかった。改めて読み返して、修正したい部分があった時にいちいちHTMLファイルを開き、FTPでアップロードしなくてもいいのは便利すぎる！　更にCDレビューにコメント機能を持たせることもできたが、今のところコメントが全く来なく寂しいので、気軽に書いてくれると嬉しいぞ！　これまで当サイトでは、オレが掲示板に返信することは殆どなかったが、このレビューのコメントにおいては、書いてくれたらオレがレスを返そうと思っている。