• 7

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

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

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

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

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

■具体的なカスタマイズ例
1.ナビゲーションの独自タグを挿入する
デザインのカスタマイズから、トップページを編集します。
<!-- Loop Start -->
<IndexArticlesLoop>

の直前や、
</IndexArticlesLoop>
<!-- Loop End -->

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

2.共通スタイルシートを導入する
同じくトップページの編集で、<head></head>タグ内に以下を入力します。
(配布デザインの最新版をお使いの場合は既に入っていますので必要ありません。)
<link rel="stylesheet" href="http://parts.blog.livedoor.jp/css/template.css" type="text/css" />

3.トップページを再構築する

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

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

今後ともlivedoor Blogをよろしくお願いします
このエントリーをはてなブックマークに追加

トラックバックURL

トラックバック一覧

  1. 1. ★新 垣結 衣 短パンの隙間から万子がハミ出た!?

    • [☆★新垣結衣]
    • 2007年12月08日 16:28
    • ドラマ「ギャルサー」やグリコの「ポッキー」のCMで誰もがご存知、新垣結衣。 新垣
  2. 2. ナビゲーション機能追加!

    • [そらいろ日記]
    • 2007年12月09日 05:29
    • どうもこんばんわ。 1時間前からエアコンを付けて勉強してたわけですが、一向に部屋が暖かくなりません。 故障したのかなと思いながらリモコンをふと見たら・・・冷房(21度)になっていました・・・ くあぁぁああ!!チキショー!!www まさかこんなブービート....
  3. 3. ライブドアブログの新機能インデックスナビゲーション機能を追加するタグを導入してみた

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

    • [kb.comのどうでもいいこと]
    • 2007年12月09日 23:06
    • やっほ.comだよ!おひさ!  師走って何でこんなに忙しいの!?  もう!やんなっちゃう!  手帳をひらけば、  会議、会議、会議!  忘年会、忘年会、忘年会!  クリスマス、クリスマスの新年会だぁ!?  ふざけんな!!!  もう、仕事の合間...
  5. 5. livedoorBlogのナビゲーション機能が新たに追加

    • [Taka Blog]
    • 2007年12月10日 16:43
    • livedoorBlogからまた新たな機能が追加されました! それは、他のブログで良く見かける TOPページにありますナビゲーション機能です! 現在では、まだスタイルシートなどの設定が必要らしいですが 私もさっそく付けてみましたがとても便利です あとは、コメントの文字数...
  6. 6. 【livedoor Blog】プログ記事を件数表示している場合のページ移動【ナビゲーション機能】

    • [MONSTER]
    • 2007年12月15日 18:27
    • Update! >http://monster.livedoor.biz/archives/50729650.htmlTemplate:&lt;div class="pages"&gt;&lt;IfNextPage&gt;&lt;a class="apages" href="&lt;$CurrentUrl$&gt;?p=&lt;$NextPage$&gt;"&gt;&amp;lt;&amp;nbsp;&amp;nbsp;Prev&lt;/a&gt;&amp;nbsp;│&lt;/IfNextPag...
  7. 7. インデックス用のページナビゲーションを自分で作ってみた。

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

コメント一覧

    • 1. unoken51
    • 2007年12月08日 00:36
    • 改良ありがとうございます。
      下記の点も検討してください!

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

      また有料会員でもトップにナビゲーションバーが強制表示されるのはかなり痛いです。。。
    • 2. mottiy801
    • 2007年12月08日 01:50
    • 5 どんどん 便利になりますね
    • 3. khsp1969tk
    • 2007年12月08日 04:14
    • 3
      改良ありがとうございます
      早く使いこなせるようにがんばります
    • 4. himanaoyaji
    • 2007年12月08日 05:00
    • 有難い機能ですね。。早速使わせて貰ってま〜す♪
      何故今まで無かったんだろう(?_?;
    • 5. vivajiji
    • 2007年12月08日 07:22
    • 久野さん、ごくろうさまでございます。

      上記の方のように私も常日頃livedoorのコメント欄枠(文字数)は
      少な過ぎると思っております。
      もっと枠を広げてください。
    • 6. mini_ado
    • 2007年12月08日 08:51
    • 5 早速やってみました
      とっても便利になって嬉しいです♪
    • 7. b13_06mp
    • 2007年12月08日 15:10
    • 取り付けてみましたが、凄いです、そして便利です☆☆☆
      有難うございます!!!
    • 8. torahouse
    • 2007年12月08日 16:49
    • 5 この間から、ここで設置されていたので、
      スタッフさんだけずるいなぁ。。なんて思っていました。
      開発用だったんですね。
      失礼しました。
      時間があるときにでも挑戦してみたいと思います。
    • 9. okyakunokimochi
    • 2007年12月08日 18:39
    • 早速、独自タグを挿入してみました。
      ブログ初心者でも簡単に出来ましたので皆さんにもオススメしたいですね。
      開発スタッフのみなさん、ありがとうございます♪
    • 10. harapeko88
    • 2007年12月08日 21:28
    • 5 「ファイルの管理」 で画像が表示されるようになり、とっても見やすくなりました!
      「ファイルのアップ」で1枚ずつファイル名を付けるのが面倒なので、さらに改善していたあけるとありがたいです。
    • 11. okusong
    • 2007年12月08日 22:35
    • いつもお世話になっております。

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

      そこで、色を自由に変えたいのですが、できますでしょうか?
      よろしくお願いします。
    • 12. ryuiti1215
    • 2007年12月09日 00:09
    • 大人になってからも、にきびの悩みはなくならないものです。間違ったスキンケアやストレス、寝不足など様々な原因を解決し素晴らしいライフスタイルを贈りましょう。
    • 13. petit_viora
    • 2007年12月09日 01:24
    • お世話になります。
      上記の方と同様、私もコメント400文字以内は少なすぎると思います。その上、400文字オーヴァーしたというエラーメッセージが出た時に「前のページに戻る」(だったかな?)をクリックすると入力した文章が全部消えてしまっていて、また一から書き直しです。
      また、管理人以外は自分のコメントの訂正や削除も出来ず、とても不便を感じています。
      この辺りも改善して頂けると非常に嬉しいです。
      宜しくお願いします。
    • 14. s81a418
    • 2007年12月09日 06:58
    • いつもお世話になります。
      この機能は以前に要望メールにて希望していたものなので、とても嬉しいです!!
      私の為に作ってくれた機能なのかと自惚れています。笑
      本当にありがとうございます!
      これからも頑張ってくださいね。
      応援しています。
    • 15. daidai1973
    • 2007年12月09日 10:47
    • 5 すごい良い機能ありがとうございます。
      早速、追加しました。非常に便利です。
    • 16. nabokov7
    • 2007年12月09日 15:27
    • >11 okusongさん
      >ブログの背景色がブルーのため、現在見ているページ以外のページの文字が埋もれてしまってます。

      ↓こちらに解決方法が投稿されていますので、ご覧下さい
      http://knowledge.livedoor.com/answer/30730
    • 17. peb4peb4
    • 2007年12月09日 16:02
    • 無料の旅行会社のメルマガ会員に登録するだけで、毎年5万円の旅行券が無料プレゼントされます♪
      毎月先着200名の募集なので、下記ホームページをこまめにチェックしてみてください。
      http://blog.livedoor.jp/fffooofff
    • 18. dr_sho
    • 2007年12月10日 10:28
    • 便利な機能なので早速設定してみたのですが
      ナビゲーションが右詰で改行されてしまいます(;_;)
      原因はオリジナルのスタイルシートを設定している為だと思うのですが
      <link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
      スタイルシートのどの部分を変更すればいいでしょうか?
    • 19. kawatajun
    • 2007年12月10日 10:59
    • どんどん快適になって楽しくなってきましたよ〜
      個人的には「今日の訪問者」がおもしろくて気に入ってます。そんなよそにはあまりないおもしろい機能ください。
    • 20. onepack
    • 2007年12月17日 20:50
    • この機能、月別アーカイブやカテゴリ別アーカイブの表示ページにもつけることができないかなぁ。
    • 21. tomo197707
    • 2008年01月16日 02:25
    • 早速利用させていただきました。
    • 22. sanayayo
    • 2008年01月17日 00:52
    • この機能、長い間待ってました!!
      もう、これで引越しを考える事もやめにします。
      ありがとうございました。
    • 23. e36_323i
    • 2008年01月18日 01:48
    •  問題なく取り付けは出来たんですけど、ヘッダだけじゃなく

      「フッタに"こそ"」

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

コメントする

名前
 
  絵文字
 
 
  
LINE読者登録QRコード
LINE読者登録QRコード
記事検索