2005年07月11日
サイドバーを全ページ表示!
サイドバーって便利ですよねー。
でも、何でトップページにしか表示されないんだろ?
・・・と、思ってたら、ありました、ありました!
こちらにやり方が載ってました。
とても助かりました(^^)
▼mahoroba_jpさんのサイト
http://blog.livedoor.jp/mahoroba_jp/
直リンクはこちら!(その1〜3まであります)
http://blog.livedoor.jp/mahoroba_jp/archives/4763718.html
http://blog.livedoor.jp/mahoroba_jp/archives/8126191.html
http://blog.livedoor.jp/mahoroba_jp/archives/18233559.html
▼hammerさんのサイト
http://hammer.livedoor.biz/archives/6799234.html
上の2つのサイトでは個別記事へのサイドバー表示、ということだったん
ですが、私は欲張って全ページにサイドバーをつけることにしました。
ここではそのスクリプトを公開しますね(^^)
なお詳しい話については、上記サイトにお任せしたいと思います。
ここでは私のサイトをベースにした説明してますが、上記サイトでは
「デザインが theater の場合」など、他の情報も載ってますので、
一度、ご覧になると良いかと思います。
※「デザインが theater の場合」とはサイドバーが左側にあるタイプを
示します。その場合の注意点はこちらで説明されています。
一応、下記の「個別記事の場合」でも説明していますのでご参照下さい。
手順
1.「Blogの設定/管理」を表示
2.「デザインの設定」をクリック
3.ジャンル一覧から「スタンダード」をクリック
(ここは旧管理画面の方のみ実施)
4.一覧から「CUSTOM」をクリック
ここまで進むと「テーマの設定」というウィンドウが開きます。
(以下は旧管理画面の方のみ)
このページに次の言葉が書いてあります。
「2004.7.9 HTMLテンプレート編集機能ができました!こちらのページからどうぞ。」
5.「こちらのページからどうぞ」をクリック
ここまでで「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」別に
編集する為の目次ページが開きます。
ここに書いてある4つの項目を編集することで、それぞれのカテゴリのページを
全て同じテンプレートにすることができます。
これを利用して全ページにメニューを追加します。
新管理画面の場合は、4項で「CUSTOM」をクリックしたら直ぐに
「スタイルシート(CSS)」「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」
を選択する画面になります。
ここまでは他の編集作業でも何度も使うので覚えましょうね。
ええ、そりゃぁもう何度も使いますので(^^)
6.編集したいページの「編集」をクリック(旧管理画面のみ実施)
7.赤字の部分を赤字の場所に追加する。
記述が少し長いので別ページに表示しました。
それぞれ3箇所に赤字で示しています。
トップページはこのカスタマイズでは対象外なので、それ以外の
3つについて公開します。
簡単に言うと次の2箇所になります。
この2つの記述(キーワード)はそれぞれ1つしかありませんので
「Ctrl+F」で検索するとすぐに見つかります。
・「<div class="blog">」の前
・「<div id="footer">」の前
●個別記事の場合
●カテゴリ別アーカイブの場合
●月別アーカイブ
※3種類とも見た方、お気付きと思いますが、このカスタマイズでは
リンク先の変更など、面倒なことはありません。
単純に指定場所にコピーするだけになります。
9.(旧管理画面の場合)「保存する」ボタンをクリック
(新管理画面の場合)「この内容で保存する」ボタンをクリック
10.保存されたら「Blogの設定/管理」をもう一度、表示
11.(旧管理画面の場合)「Blogの再構築」をクリック
(新管理画面の場合)「ブログに設定を反映(再構築)」をクリック
12.「全てのページ」を選択し「再構築する」ボタンをクリック
再構築が終了したら確認して見て下さい。
でも、何でトップページにしか表示されないんだろ?
・・・と、思ってたら、ありました、ありました!
こちらにやり方が載ってました。
とても助かりました(^^)
▼mahoroba_jpさんのサイト
http://blog.livedoor.jp/mahoroba_jp/
直リンクはこちら!(その1〜3まであります)
http://blog.livedoor.jp/mahoroba_jp/archives/4763718.html
http://blog.livedoor.jp/mahoroba_jp/archives/8126191.html
http://blog.livedoor.jp/mahoroba_jp/archives/18233559.html
▼hammerさんのサイト
http://hammer.livedoor.biz/archives/6799234.html
上の2つのサイトでは個別記事へのサイドバー表示、ということだったん
ですが、私は欲張って全ページにサイドバーをつけることにしました。
ここではそのスクリプトを公開しますね(^^)
なお詳しい話については、上記サイトにお任せしたいと思います。
ここでは私のサイトをベースにした説明してますが、上記サイトでは
「デザインが theater の場合」など、他の情報も載ってますので、
一度、ご覧になると良いかと思います。
※「デザインが theater の場合」とはサイドバーが左側にあるタイプを
示します。その場合の注意点はこちらで説明されています。
一応、下記の「個別記事の場合」でも説明していますのでご参照下さい。
手順
1.「Blogの設定/管理」を表示
2.「デザインの設定」をクリック
3.ジャンル一覧から「スタンダード」をクリック
(ここは旧管理画面の方のみ実施)
4.一覧から「CUSTOM」をクリック
ここまで進むと「テーマの設定」というウィンドウが開きます。
(以下は旧管理画面の方のみ)
このページに次の言葉が書いてあります。
「2004.7.9 HTMLテンプレート編集機能ができました!こちらのページからどうぞ。」
5.「こちらのページからどうぞ」をクリック
ここまでで「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」別に
編集する為の目次ページが開きます。
ここに書いてある4つの項目を編集することで、それぞれのカテゴリのページを
全て同じテンプレートにすることができます。
これを利用して全ページにメニューを追加します。
新管理画面の場合は、4項で「CUSTOM」をクリックしたら直ぐに
「スタイルシート(CSS)」「トップページ」「個別記事」「カテゴリ別アーカイブ」「月別アーカイブ」
を選択する画面になります。
ここまでは他の編集作業でも何度も使うので覚えましょうね。
ええ、そりゃぁもう何度も使いますので(^^)
6.編集したいページの「編集」をクリック(旧管理画面のみ実施)
7.赤字の部分を赤字の場所に追加する。
記述が少し長いので別ページに表示しました。
それぞれ3箇所に赤字で示しています。
トップページはこのカスタマイズでは対象外なので、それ以外の
3つについて公開します。
簡単に言うと次の2箇所になります。
この2つの記述(キーワード)はそれぞれ1つしかありませんので
「Ctrl+F」で検索するとすぐに見つかります。
・「<div class="blog">」の前
・「<div id="footer">」の前
●個別記事の場合
●カテゴリ別アーカイブの場合
●月別アーカイブ
※3種類とも見た方、お気付きと思いますが、このカスタマイズでは
リンク先の変更など、面倒なことはありません。
単純に指定場所にコピーするだけになります。
9.(旧管理画面の場合)「保存する」ボタンをクリック
(新管理画面の場合)「この内容で保存する」ボタンをクリック
10.保存されたら「Blogの設定/管理」をもう一度、表示
11.(旧管理画面の場合)「Blogの再構築」をクリック
(新管理画面の場合)「ブログに設定を反映(再構築)」をクリック
12.「全てのページ」を選択し「再構築する」ボタンをクリック
再構築が終了したら確認して見て下さい。
<−ついでにお気に入りに追加してみてはいかが♪(3秒で終わります(^^))
|
▼メルマガもいかが?( ´・w・`)_且~~ イカガ〜?
『やったらできた!メルマガ!初めの一歩!』(ID:0000157888) メールアドレス Powered by
|
この記事へのトラックバックURL
http://app.blog.livedoor.jp/pluna/tb.cgi/27707950

