現在表示ページについて

質問

今、ホームページを作成していますがわからない事があります。
よく、ネットを見ているとこういうのを見ます。
現在表示されているページ：TOP>コンピュータ>
これを付けたいと考えているのですが、付け方が分かりません。どうやって作成すればいいでしょうか。1つずつリンクを貼ればいいと思ったのですが...。ページ数が多い為出来ません。何か画期的な方法は無いでしょうか。
宜しくお願い致します。

回答No.2

hinatamama

現在表示されているページ：TOP>コンピュータ>

というのを「パンくずリスト」といいます。

HTMLだけで作成するならJavaScriptでできると思いますが、JavaScriptは詳しくないので・・・。
SEO関係でパンくずリストを導入したいのでしたら、
JavaScriptは注意が必要ですよ。
また、オフにしていたら当然表示されませんので、
ユーザビリティ面で導入したいのならば、
他の方法もいいのではないかと思います。

PHPとかでもできますけども、
結局全てのファイルにパンくず定義ファイルを
読み込む記述をする作業が必要です。

・JavaScriptしか利用できなければ、JavaScriptカテゴリで聞いてみる。
http://oshiete1.goo.ne.jp/oshiete.php3?c=254

・PHPが利用可能な環境であれば、PHPカテゴリで質問してみる。

というのはいかがでしょうか。

お礼

なるほど、さっそく聞いてみます。

回答No.1

Dpop

Dpopです。
Web屋をやっています。OkWebの様なサイトを設計, 開発する仕事をしています。

トップページから現在のページまでの階層を示した表示ですね。
CGIなどを利用する場合には、ソフトウェア的に作ってしまう事が一般的ですね。
サイト全体を、全てHTMLだけで作る場合には、手作業で打ち込んで行くしかありませんね。

JavaScriptを使って良いのであれば、半自動化する事ができます。
以前、こんなスクリプトを作った事があります。

ページの階層を示すためのファイル:
-------------------------------------------------------------
menu = new Array(
"$, トップページ, http://www.url.com/index.html",
"1, タイトル1, http://www.url.com/1/index.html",
"2, タイトル2, http://www.url.com/2/index.html",
"2.1, タイトル2-1, http://www.url.com/2/1/index.html",
"2.2, タイトル2-2, http://www.url.com/2/2/index.html",
"2.3, タイトル2-3, http://www.url.com/2/3/index.html",
"2.3.1, タイトル2-3-1, http://www.url.com/2/3/1/index.html",
"2.3.2, タイトル2-3-2, http://www.url.com/2/3/2/index.html",
"2.3.3, タイトル2-3-3, http://www.url.com/2/3/3/index.html",
"2.3.3.1, タイトル2-3-3-1, http://www.url.com/2/3/3/1/index.html",
"2.3.3.2, タイトル2-3-3-2, http://www.url.com/2/3/3/2/index.html",
"2.3.3.3, タイトル2-3-3-3, http://www.url.com/2/3/3/3/index.html",
:
:
);

-------------------------------------------------------------

この様なファイルを用意して置いて、メニューを埋め込みたい位置で、

<script type="text/javascript">smenu("2.3.3");</script>

として置くと、

<a href="http://www.url.com/index.html">トップページ</a>&gt;<a href="http://www.url.com/2/index.html">タイトル2</a>&gt;<a href="http://www.url.com/2/3/index.html">タイトル2-3</a>&gt;<a href="http://www.url.com/2/3/3/index.html">タイトル2-3-3</a>

を表示してくれる。と言うスクリプトです。

ただし、

・ページの階層を示すためのファイルを作る。
・全てのページへ、JavaScriptの読み込み記述を追加する。
・全てのページへ、JavaScriptを呼び出す記述を追加する。

と言う作業が必要になりますが。
それでも、良ければ(と、少し待たせるかも知れませんが。)、スクリプトを探して見ますが。

補足

有難うございます。助かります。今、自分でも調べている途中です。