全てのページが同じレイアウトなので一元管理がしたいのですが…

質問

今作成しているホームページが全てのページが同じレイアウトで作っています。
ページの上部にはホームページのタイトルロゴ
ページの下の部分にはコピーライト
左側にはメニュー
上記のようにレイアウトしています。
ページ数が50ページ近くあり、例えばタイトルロゴを変更した場合やメニューに追加があった場合など、全てのページに手を加えなくてはならず、非常に苦労しています。
これを一発で変えれるような方法は無いでしょうか？
外部スタイルシートを使えばできそうな気がするのですが、このような事は可能でしょうか？
すいません、よろしくお願い致します。

回答No.1

noname#96725 · ベストアンサー

こんばんは。

HTMLファイル数は数えていませんが現在は120枚近くあるサイトを運営しています。
ご質問者さんと同じ悩みから4年前に外部CSSを採り入れました。
外部CSSはお尋ねの通り、ご質問者さんのその悩みを解消してくれます、是非本を購入して勉強されて下さい。
classなどをしっかり使って記述を簡素化されると後で管理がとても楽になります。

また、外部CSSそのものの記述が増え過ぎてCSSファイルを読んでもどこに何を書いたか
混乱するようになったら外部CSSを数枚に分けます。或いは最初から種類別に（その種類は
ご自分で適当と思われる分け方をします）するのも悪くありません。
私は種類を6つに分けて6枚に記述しています。そこに至るにも色々試行錯誤しましたよ。
結局全部自分で考えるしかありません。

ご質問は外部CSSに限られましたが、実はもう一つ管理を容易にする武器があります。
それはその50枚のHTMLファイルへの記述の仕方ですが、同じものは出来るだけ揃える事。
例えばタイトルロゴなら
<img src="../parts/image/titlelogo.gif" width="120" height="50" border="0" alt="logo">
などと全ページのタイトルロゴの記述を一字の違いもなしにします。それどころか
その前後の記述も揃えられるものはすべて全く同じにします。

その上で
http://www.dreamhive.co.jp/dhappli/grepreplace.html
などの複数行一括変換ソフトをインストールして管理に役立てます。
すると例えばロゴの高さを変えたいときなどに50箇所あるタイトルロゴを一発で変換出来ます。
このフリーソフトは私自身感謝しつつ使っていますのでご紹介しておきます。

また、各ページの記述を揃えるためのとてもよい方法はテンプレートHTMLファイルを作っておいて
それをコピペしながら新しいHTMLファイルを作って、コンテンツだけを新規に書き加えて行きます。
長く運営していると思いがけず大きなサイトになるかも知れません、
今ならまだ50枚書き換えるだけで済む、と考える事も出来ますね。

それらを武器に、どう使うかを考えながら管理運営して下さい。

お礼

ご回答頂きありがとうございます！
見ず知らずの私のためにこれほどまで丁寧にご回答いただけるなんて…本当に嬉しいです！これほど丁寧で優しい回答をいただいたのは初めてです。
すいません、話がそれました。
外部スタイルシートで可能なんですね！今から調べて導入してみます。
この度は本当にありがとうございました！何だかとても勇気付けられました