2005年07月06日
メニュー全ページ表示!
サイトにはやっぱり目次が欲しいですよねー。
ということで、全ページに目次(メニュー)をつけることにしました。
また一番上だけだと下にスクロールした時に上まで戻らなきゃいけない、ということと、
月別、カテゴリー別に見た時、途中からでもジャンプしたいよね?ということで
合計3箇所につけました。
1.一番上
2.一番下
3.記事別
詳しい入れ込み方ですが、説明的な部分はメルマガバックナンバーの方に任せることにして、
実際のHTMLソース公開をしたいと思います。
手順
1.「Blogの設定/管理」を表示
2.「デザインの設定」をクリック
3.ジャンル一覧から「スタンダード」をクリック
(ここは旧管理画面の方のみ実施)
4.一覧から「CUSTOM」をクリック
ここまで進むと「テーマの設定」というウィンドウが開きます。
(以下は旧管理画面の方のみ)
このページに次の言葉が書いてあります。
「2004.7.9 HTMLテンプレート編集機能ができました!こちらのページからどうぞ。」
5.「こちらのページからどうぞ」をクリック
ここまでで「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」別に
編集する為の目次ページが開きます。
ここに書いてある4つの項目を編集することで、それぞれのカテゴリのページを
全て同じテンプレートにすることができます。
これを利用して全ページにメニューを追加します。
新管理画面の場合は、4項で「CUSTOM」をクリックしたら直ぐに
「スタイルシート(CSS)」「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」
を選択する画面になります。
ここまでは他の編集作業でも何度も使うので覚えましょうね。
ええ、そりゃぁもう何度も使いますので(^^)
6.編集したいページの「編集」をクリック(旧管理画面のみ実施)
7.赤字の部分を赤字の場所に追加する。
記述が少し長いので別ページに表示しました。
それぞれ3箇所に赤字で示しています。
上から順に「一番上」「記事別」「一番下」に対応しています。
●トップページの場合
●個別記事の場合
●カテゴリ別アーカイブの場合
●月別アーカイブ
※注意事項
リンク先は、あなたのHPの其々のURLを入れて下さいね(^^)
また不要な要素は削除するか、違う単語に変更して下さい。
※サンプルソースの記述は本ページ作成当時のメニュー要素でになっていますので、
現在のメニューと異なっているかもしれません。
9.(旧管理画面の場合)「保存する」ボタンをクリック
(新管理画面の場合)「この内容で保存する」ボタンをクリック
10.保存されたら「Blogの設定/管理」をもう一度、表示
11.(旧管理画面の場合)「Blogの再構築」をクリック
(新管理画面の場合)「ブログに設定を反映(再構築)」をクリック
12.「全てのページ」を選択し「再構築する」ボタンをクリック
再構築が終了したら確認して見て下さい。
ということで、全ページに目次(メニュー)をつけることにしました。
また一番上だけだと下にスクロールした時に上まで戻らなきゃいけない、ということと、
月別、カテゴリー別に見た時、途中からでもジャンプしたいよね?ということで
合計3箇所につけました。
1.一番上
2.一番下
3.記事別
詳しい入れ込み方ですが、説明的な部分はメルマガバックナンバーの方に任せることにして、
実際のHTMLソース公開をしたいと思います。
手順
1.「Blogの設定/管理」を表示
2.「デザインの設定」をクリック
3.ジャンル一覧から「スタンダード」をクリック
(ここは旧管理画面の方のみ実施)
4.一覧から「CUSTOM」をクリック
ここまで進むと「テーマの設定」というウィンドウが開きます。
(以下は旧管理画面の方のみ)
このページに次の言葉が書いてあります。
「2004.7.9 HTMLテンプレート編集機能ができました!こちらのページからどうぞ。」
5.「こちらのページからどうぞ」をクリック
ここまでで「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」別に
編集する為の目次ページが開きます。
ここに書いてある4つの項目を編集することで、それぞれのカテゴリのページを
全て同じテンプレートにすることができます。
これを利用して全ページにメニューを追加します。
新管理画面の場合は、4項で「CUSTOM」をクリックしたら直ぐに
「スタイルシート(CSS)」「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」
を選択する画面になります。
ここまでは他の編集作業でも何度も使うので覚えましょうね。
ええ、そりゃぁもう何度も使いますので(^^)
6.編集したいページの「編集」をクリック(旧管理画面のみ実施)
7.赤字の部分を赤字の場所に追加する。
記述が少し長いので別ページに表示しました。
それぞれ3箇所に赤字で示しています。
上から順に「一番上」「記事別」「一番下」に対応しています。
●トップページの場合
●個別記事の場合
●カテゴリ別アーカイブの場合
●月別アーカイブ
※注意事項
リンク先は、あなたのHPの其々のURLを入れて下さいね(^^)
また不要な要素は削除するか、違う単語に変更して下さい。
※サンプルソースの記述は本ページ作成当時のメニュー要素でになっていますので、
現在のメニューと異なっているかもしれません。
9.(旧管理画面の場合)「保存する」ボタンをクリック
(新管理画面の場合)「この内容で保存する」ボタンをクリック
10.保存されたら「Blogの設定/管理」をもう一度、表示
11.(旧管理画面の場合)「Blogの再構築」をクリック
(新管理画面の場合)「ブログに設定を反映(再構築)」をクリック
12.「全てのページ」を選択し「再構築する」ボタンをクリック
再構築が終了したら確認して見て下さい。
<−ついでにお気に入りに追加してみてはいかが♪(3秒で終わります(^^))
|
▼メルマガもいかが?( ´・w・`)_且~~ イカガ〜?
『やったらできた!メルマガ!初めの一歩!』(ID:0000157888) メールアドレス Powered by
|
この記事へのトラックバックURL
http://app.blog.livedoor.jp/pluna/tb.cgi/27365920

