livedoor Blog 開発日誌:ブログのページ移動（ナビゲーション機能）を強化しました

[11/19更新]ドリコムブログをご利用のみなさまへ（「一発移行ボタン」のご案内）

December 07, 2007

ブログのページ移動（ナビゲーション機能）を強化しました

いつもlivedoor Blogをご利用いただきありがとうございます。
担当の久野です。

ブログのトップページからその次のページや前のページを簡単に見られるように、ナビゲーション機能の強化を行いました。

<$IndexNavigator$>というlivedoor Blogの独自タグを利用することで
ナビゲーション例

というようなナビゲーションをブログのトップページに追加できます。
また、「|<<」や「次のページ」、表示するリンク数なども自分の好きなように変更できます。
（「|<<」は最初のページ、「>>|」は最後のページという意味です。）
※トップページの表示形式を「最新○件」に設定しないとこの機能は利用できません。「最新○日」では使用できませんので、ご注意ください。設定はこちらから。

現在はHTMLとスタイルシートをカスタマイズする必要がありますが、今後は、公式のデザインテンプレートにも順次導入していきます。

■具体的なカスタマイズ例
１．ナビゲーションの独自タグを挿入する
デザインのカスタマイズから、トップページを編集します。

<IndexArticlesLoop>

の直前や、

</IndexArticlesLoop>

の直後などに
<$IndexNavigator$>
と入力します。

２．共通スタイルシートを導入する
同じくトップページの編集で、<head></head>タグ内に以下を入力します。
（配布デザインの最新版をお使いの場合は既に入っていますので必要ありません。）

<link rel="stylesheet" href="http://parts.blog.livedoor.jp/css/template.css" type="text/css" />

３．トップページを再構築する

以上でナビゲーション機能の導入は完了です。
細かいカスタマイズについてはこちらのWikiをご覧ください。
デザインテンプレートのナビゲーション詳細

その他の独自タグについてはこちらもご覧ください。
デザインテンプレートの独自タグ

今後ともlivedoor Blogをよろしくお願いします

タグ：: カスタマイズ; お知らせ; ナビゲーション; ブログ

staff at 20:24│コメント(23)│トラックバック(7)│新機能・お知らせ

トラックバックURL

トラックバック一覧

1. ★新垣結衣　短パンの隙間から万子がハミ出た！？ [ ☆★新垣結衣 ] December 08, 2007 16:28

ドラマ「ギャルサー」やグリコの「ポッキー」のＣＭで誰もがご存知、新垣結衣。新垣

2. ナビゲーション機能追加！ [ そらいろ日記 ] December 09, 2007 05:29

どうもこんばんわ。１時間前からエアコンを付けて勉強してたわけですが、一向に部屋が暖かくなりません。　故障したのかなと思いながらリモコンをふと見たら・・・冷房（２１度）になっていました・・・くあぁぁああ！！チキショー！！ｗｗｗまさかこんなブービート....

3. ライブドアブログの新機能インデックスナビゲーション機能を追加するタグを導入してみた [ zakki ] December 09, 2007 21:40

ライブドアのスタッフブログにブログのページ移動（ナビゲーション機能）を強化しましたという記事が掲載されているので早速ためしてみました。とりあえずインデックスページには当然ナビゲーションが表示されるようになるのですが、それ以外のページで機能するのか確認....

4. ページ移動 [ kb.comのどうでもいいこと ] December 09, 2007 23:06

やっほ.comだよ！おひさ！　師走って何でこんなに忙しいの！？　もう！やんなっちゃう！　手帳をひらけば、　会議、会議、会議！　忘年会、忘年会、忘年会！　クリスマス、クリスマスの新年会だぁ！？　ふざけんな!!! 　もう、仕事の合間...

5. livedoorBlogのナビゲーション機能が新たに追加 [ Taka Blog ] December 10, 2007 16:43

livedoorBlogからまた新たな機能が追加されました！それは、他のブログで良く見かける TOPページにありますナビゲーション機能です！現在では、まだスタイルシートなどの設定が必要らしいですが私もさっそく付けてみましたがとても便利ですあとは、コメントの文字数...

6. 【livedoor Blog】プログ記事を件数表示している場合のページ移動【ナビゲーション機能】 [ MONSTER ] December 15, 2007 18:27

Update! ＞http://monster.livedoor.biz/archives/50729650.htmlTemplate:<div class="pages"><IfNextPage><a class="apages" href="<$CurrentUrl$>?p=<$NextPage$>">&lt;&nbsp;&nbsp;Prev</a>&nbsp;│</IfNextPag...

7. インデックス用のページナビゲーションを自分で作ってみた。 [ buena suerte! ] March 21, 2008 10:17

2月に入った頃にこっそりつけた livedoor Blog 謹製のページナビゲーションが mootools の何かと相性が悪いらしく、 IE6 からアクセスすると、チラッとは表示されるものの、読み込みが終わるあたりで「インターネットサイト http://~ を開けません。操作は中断されました。」...

コメント一覧

1. Posted by unoken51 December 08, 2007 00:36

改良ありがとうございます。
下記の点も検討してください！

コメントの最大文字数400は少なすぎると思います。デフォルトで400字ってのはかまいませんが、「1000字」とかも選択できるようにして欲しいです。

また有料会員でもトップにナビゲーションバーが強制表示されるのはかなり痛いです。。。

2. Posted by mottiy801 December 08, 2007 01:50

どんどん　便利になりますね

3. Posted by khsp1969tk December 08, 2007 04:14

改良ありがとうございます
早く使いこなせるようにがんばります

4. Posted by himanaoyaji December 08, 2007 05:00

有難い機能ですね。。早速使わせて貰ってま～す♪
何故今まで無かったんだろう（？_？;

5. Posted by vivajiji December 08, 2007 07:22

久野さん、ごくろうさまでございます。

上記の方のように私も常日頃livedoorのコメント欄枠（文字数）は
少な過ぎると思っております。
もっと枠を広げてください。

6. Posted by mini_ado December 08, 2007 08:51

早速やってみました

とっても便利になって嬉しいです♪

7. Posted by b13_06mp December 08, 2007 15:10

取り付けてみましたが、凄いです、そして便利です☆☆☆
有難うございます！！！

8. Posted by torahouse December 08, 2007 16:49

この間から、ここで設置されていたので、
スタッフさんだけずるいなぁ。。なんて思っていました。
開発用だったんですね。
失礼しました。
時間があるときにでも挑戦してみたいと思います。

9. Posted by okyakunokimochi December 08, 2007 18:39

早速、独自タグを挿入してみました。
ブログ初心者でも簡単に出来ましたので皆さんにもオススメしたいですね。
開発スタッフのみなさん、ありがとうございます♪

10. Posted by harapeko88 December 08, 2007 21:28

「ファイルの管理」で画像が表示されるようになり、とっても見やすくなりました！
「ファイルのアップ」で１枚ずつファイル名を付けるのが面倒なので、さらに改善していたあけるとありがたいです。

11. Posted by okusong December 08, 2007 22:35

いつもお世話になっております。

早速付けてみたのですが、ブログの背景色がブルーのため、現在見ているページ以外のページの文字が埋もれてしまってます。

そこで、色を自由に変えたいのですが、できますでしょうか？
よろしくお願いします。

12. Posted by ryuiti1215 December 09, 2007 00:09

大人になってからも、にきびの悩みはなくならないものです。間違ったスキンケアやストレス、寝不足など様々な原因を解決し素晴らしいライフスタイルを贈りましょう。

13. Posted by petit_viora December 09, 2007 01:24

お世話になります。
上記の方と同様、私もコメント400文字以内は少なすぎると思います。その上、400文字オーヴァーしたというエラーメッセージが出た時に「前のページに戻る」（だったかな？）をクリックすると入力した文章が全部消えてしまっていて、また一から書き直しです。
また、管理人以外は自分のコメントの訂正や削除も出来ず、とても不便を感じています。
この辺りも改善して頂けると非常に嬉しいです。
宜しくお願いします。

14. Posted by s81a418 December 09, 2007 06:58

いつもお世話になります。
この機能は以前に要望メールにて希望していたものなので、とても嬉しいです！！
私の為に作ってくれた機能なのかと自惚れています。笑
本当にありがとうございます！
これからも頑張ってくださいね。
応援しています。

15. Posted by daidai1973 December 09, 2007 10:47

すごい良い機能ありがとうございます。
早速、追加しました。非常に便利です。

16. Posted by nabokov7 December 09, 2007 15:27

>11 okusongさん
>ブログの背景色がブルーのため、現在見ているページ以外のページの文字が埋もれてしまってます。

↓こちらに解決方法が投稿されていますので、ご覧下さい
http://knowledge.livedoor.com/answer/30730

17. Posted by peb4peb4 December 09, 2007 16:02

無料の旅行会社のメルマガ会員に登録するだけで、毎年5万円の旅行券が無料プレゼントされます♪
毎月先着200名の募集なので、下記ホームページをこまめにチェックしてみてください。
http://blog.livedoor.jp/fffooofff

18. Posted by dr_sho December 10, 2007 10:28

便利な機能なので早速設定してみたのですが
ナビゲーションが右詰で改行されてしまいます(;_;)
原因はオリジナルのスタイルシートを設定している為だと思うのですが
<link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
スタイルシートのどの部分を変更すればいいでしょうか?

19. Posted by kawatajun December 10, 2007 10:59

どんどん快適になって楽しくなってきましたよ～
個人的には「今日の訪問者」がおもしろくて気に入ってます。そんなよそにはあまりないおもしろい機能ください。

20. Posted by onepack December 17, 2007 20:50

この機能、月別アーカイブやカテゴリ別アーカイブの表示ページにもつけることができないかなぁ。

21. Posted by tomo197707 January 16, 2008 02:25

早速利用させていただきました。

22. Posted by sanayayo January 17, 2008 00:52

この機能、長い間待ってました!!
もう、これで引越しを考える事もやめにします。
ありがとうございました。

23. Posted by e36_323i January 18, 2008 01:48

　問題なく取り付けは出来たんですけど、ヘッダだけじゃなく

「フッタに"こそ"」

付けたいんですが、なんとかなりませんか？

コメントする

記事検索

名前
メール
URL
	情報を記憶評価顔星

livedoor Blog 開発日誌