青森・弘前とねぶた祭りが開催されて、今年もみごとな大型灯篭が勢ぞろいしています。
太鼓や笛の音に誘われて夜な夜なふら〜っと見学しているわけですが・・・・。w
あ・・・そうそう、話は変わりますが。
今回は検索エンジンの設置に関しての第2弾!「テンプレート改造時の重要点」。
前回お話したのはダウンロードしたフォルダとファイルについてでした。
そして、今回はテンプレートの改造にとりかかる時の重要な点を説明します。
これを読めば多分少し気が楽に改造に着手できるようになるかも知れません。
Yomi-SearchはデザインのすべてをテンプレートというHTMLファイルで変更することができようになっています。
これは通常のHTMLファイルにCGI(perl) を組み込んだ形式で作られています。
多分、このテンプレートファイルを開いた時に、このなんだかややこしいタグのようなものを見て尻込みしてしまう人がほとんどだと思います。
それに、このタグのようなものは少しでも違ったり、はずしたりするとスクリプト自体が動作しなくなるという厄介さを持っていますね。
そこで、このタグについての説明をしてみますが、以外と簡単なので読んでみてください。
ここで今は比較的簡単なenter.htmlで説明してみますね。
print<<"<!--HTML-->";
<html>
<head>
・・・・・・・・・・・・・・・・・・・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・
って感じで最初が始まっていると思いますが、実はこの最初についているprint〜〜;が曲者で。
これが「ここからはHTML文書だよ」ということを表しています。
そして、この後に出てくる<!--HTML-->というタグまでがHTMLタグということになります。
つまり、print<<"<!--HTML-->"; から <!--HTML--> までの間はいくらいじってもOKということになります。
重要なのはこの二つのタグと一番最後のHTML外に出てくる 1; という数字部分だけなんです。
この数字部分はこのままで絶対に変更しないで入れておくことです。
それとこの数字部分の記述方法は2種類使われていますが、まったく同じもので・・・
1; と単体で記述されているものと・・・
#<!--(↓修正不可↓)
1;
#(↑修正不可↑)-->
となっているものがありますが、#以降はperlになんの影響も与えない部分で、メモ的な部分です。
なんとなく、難しく考えがちですが、これはなんの意味もないということになります。
あ、なんとなくややこしくなりましたが・・・
要点をまとめると・・・
1.print<<"<!--HTML-->";〜〜〜<!--HTML-->の間はいくらいじってもOK。
で、逆を言うと<!--HTML-->〜〜print<<"<!--HTML-->"; の間はどんなに複雑でも関係ないということです。その間は無視して作業できるということ。
2.一番最後の 1; は必ずつけるということ。
こんなに簡単にまとめていいんでしょうか?
いい〜〜んです!実際これだけなんですから。
多分、今まで敷居が高かった人もこの点だけをよ〜く見ながらやってみると理解できてくると思います。
あとは、テンプレート改造で一番大事なことはデザイン。
これで自分がやりたいデザインを考え、自分らしさを表現できたらOKですよ。
あ、今述べたことを念頭においてテンプレートファイルを見てみてください。
以外に簡単なのがわかると思いますから。
そのことが理解できたら、自分のテンプレートを作り、逆にそこにperlの記述を当てはめていくということができるようになってきますよ。
そうなったらしめたもので、簡単に複雑なテンプレートができるようになっていきます。
実際にこの作業にとりかかる前にしておきたいことは・・・
フォルダごと元のテンプレートファイルをコピーして別名で保存しておくと失敗してダウンロードし直すこともなく安心して作業ができます。
それと、HTMLファイルを先に作り、当てはめて改造する場合に一番注意することは「;」(セミコロン)を忘れないこと。
これはJavaScriptを作る時などにも最注意点なのですが、これを忘れて動作しなくなることがほとんどらしいです。
って・・・言ってる本人も何回かやってます。(; ̄ー ̄A
あとは、トップページをCGIではなくHTMLで表示する場合は、ほとんど気を使う必要なく普通に作ればOKですからね。
CGIで表示させる場合にはtop.htmlを改造するといいのですが、90%以上の人はHTMLで表示させていますから、そのほうが無難とも言えますね。
今日記述したようなことを念頭において、改造に着手してみてくださいね。
次回はテンプレート実践編をやりたいと思ってますが・・・・
なにせ不定期なもので・・・・
(;´Д`A ```期待しないで待っててください。
ってか・・・今日のが理解できればこれで講座は修了ってことですけどね。w