ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

このページの記事目次 (タグ: ページナビ の検索結果 4 件)

  

SEOにも有効なFC2ブログの新変数 lastpage_url

2011/09/24 (土)  カテゴリー: FC2マニア・仕様関連
ページ移動用の変数で出力されているもの

スマートフォン用テンプレート までカスタマイズできるようになったFC2ブログ。 テンプレート編集をしていて 「おっ!!」 と思う見慣れない変数(公式マニュアルには今のところ載っていないもの) を見つけて色々テスト。 PC用テンプレートモバイル(ガラケー)用テンプレート でも機能する 有効な変数 を見つけたので紹介します。

スマホ用テンプレートには、図のように ページ移動用のリンクが出力できる変数 が予め入っていますが、これは javascript を使わずに機能する便利なものです。
ここでの 4ページ目 は ./?cat=23&page=3 となっているように、○ページ目 とはズレています。 でも、この変数ではそれが出力できるようです。 ソースは以下のようなものになっています。

<!--firstpage_disp--><a href="<%firstpage_url><%tail_url>"><%firstpage_num></a>...<!--/firstpage_disp-->
<%template_pager1>
<!--lastpage_disp-->...<a href="<%lastpage_url><%tail_url>"><%lastpage_num></a><!--/lastpage_disp-->

<%template_pager1> は PC用では機能しないようですが、それ以外の 太字になっている変数 はPC用,モバイル用,スマホ用で 問題なく機能します。 という訳で...

ページナビ部分,javascript ON・OFF の状態

このようにカスタマイズして使ってみることにしました! ちなみに、最初の図とページ数が異なるのは、PC用 と 携帯用(スマホ用・モバイル用) で表示件数の設定を変えているためです。
[ 関連記事 : FC2ブログ 環境設定の変更 ブログの設定2011 ]


PC用テンプレートに <%lastpage_url> を設置する方法,その目的

キーワード検索 : FC2ブログ  ページナビ  変数  スクリプト未使用  SEO対策  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-205.html

2011/09/24 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

カテゴリーリストに 「現在地表示機能」 を

2009/12/04 (金)  カテゴリー: ブログカスタマイズ上級
カテゴリーのリスト表示 (カテゴリー別のページで、現在地だけ少し目立つように設定できます。)

FC2ブログの カテゴリー(一覧)のリスト表示 に 今どこのカテゴリーを表示しているか という 「現在地表示機能」 を付ける方法を紹介します。

ブログでは まだあまり見かけない機能だと思いますが、すごく簡単なので是非お試しを! カテゴリーリストの形式は どんなタイプのものでもOKです。

要は単なるスタイル設定なので、リストの先頭マークに画像を入れているものであれば、その画像を 「現在地」 でだけ変えたり...色々とアレンジ出来ます。

FC2ブログに 現在地表示機能 を付ける方法 (カテゴリーリスト編)

まず、現在使っている カテゴリーリスト の リンクになっている部分 (サンプルソース参照 <a href="" ~> の中) に  class="cat<%category_no>" を追加します。 変数 が多いところなので 位置を間違えないように 入れてください。

サンプルソースは 3種類 用意したので、丸ごとコピーしてもOKです!

カテゴリーリスト (現在地表示 対応版)サンプルソースA

このブログで使っているものと基本的に同じです。(※私のは 非表示カテゴリー対応版 で、ソースは 下のものよりちょこっとスマート!)

【 参照 : 直接編集OK 整形済みコピー用ソース
<ul>
<!--category-->
<!--category_parent-->
<li><a href="<%category_link>" class="cat<%category_no>" title="親カテゴリー: <%category_name> へ"><b><%category_name></b> [total <%category_count>]</a>
<ul><!--/category_parent--><!--category_sub_hasnext-->
<li><a href="<%category_link>" class="cat<%category_no>" title="カテゴリー: <%category_name> へ"><%category_name> (<%category_count>)</a></li>
<!--/category_sub_hasnext--><!--category_sub_end-->
<li><a href="<%category_link>" class="cat<%category_no>" title="カテゴリー: <%category_name> へ"><%category_name> (<%category_count>)</a></li>
</ul>
</li>
<!--/category_sub_end-->
<!--category_nosub-->
<li><a href="<%category_link>" class="cat<%category_no>" title="カテゴリー: <%category_name> へ"><%category_name> (<%category_count>)</a>
</li>
<!--/category_nosub-->
<!--/category-->
</ul>

キーワード検索 : FC2ブログ  カテゴリー  現在地表示  変数  ページナビ  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-95.html

2009/12/04 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |

ページナビ(ページ移動スクリプト)の設置方法

2009/12/01 (火)  カテゴリー: ブログカスタマイズ上級

外部スクリプトを利用して、FC2ブログのカテゴリーエリアなどに ページ移動用のリンク を設置する方法を紹介します。 これを使うと一番最後のページにも一気にワープできるようになり、「古い記事から」 「新しい記事から」 という設定に殆ど左右されずにブログを読むことができるようになるので凄く便利です!!

ページナビ (ページ移動スクリプト) 
一番最後のページまで簡単にジャンプできます!
 1  2  3  4  5  6  ..  ..  20  ← 実際のリンク見本

↑ 上のエリアに対応し、このブログでも月別ページ以外で実装しています。(※月別ページは全件表示にしているので外しています。)

ページナビ 参照元

共有プラグイン名:ページナビ ,作者:どんぱん [dongpan] さん
[ 参照・参考 : 空があんなに高い: ページ移動スクリプト ]

[ 参照・参考 : ページ送りナビゲーション - FC2ブログのテンプレート工房 ]
[ 参照・参考 : FC2変数を利用しているスクリプトの外部ファイル化 - hatena chips ]

外部スクリプトを使ったページナビ設置例

このサイトでの ページナビ(ページ移動用リンク) の設置方法を載せておきます。 カスタマイズした点は、FC2ブログのエリア変数を入れて、必要のないページではスクリプトを読み込ませないようにしてあることと、数字のリンク部分に少し幅を持たせている点などです。

キーワード検索 : FC2ブログ  ページナビ  javascript  ナビゲーション  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-94.html

2009/12/01 ~ | Comment (33) tweet? | ↑ ページ先頭へ ↑ |

ブログのページナビゲーション (便利ナビ)

2008/09/19 (金)  カテゴリー: ブログカスタマイズ中級

このブログで使っている ページナビゲーション を紹介します。 これは、FC2ブログの共有プラグイン として公開されている myhurt さん の 「便利ナビ (Benri-Navi)」 をベースに作ったものですが、1ページに複数記事を表示している状態でも 記事タイトルを素早く確認することができるようになるので、アクセシビリティ がかなり向上するかと思います。 

カテゴリー別ページ月別ページ,日別ページ 検索結果ページタグ検索結果ページ./page-0.html ./page-1.html ... で実装しています。

便利ナビ (月別ページ) の表示見本
ページナビ (ページ移動スクリプト) 
一番最後のページまで簡単にジャンプできます!

追記 :
現在、月別ページ以外では 便利ナビページナビ を併用しています。
[ ページナビ(ページ移動スクリプト)の設置方法 ]

※↓ 以下、便利ナビ の記事続き になります。



FC2ブログで用意されている エリア変数 を使う方法なので、これをマスターすればブログの可能性はもっと広がるかも?? 私もこれを機に ブログ中級者 になれたような気がしてます。
[ 関連記事 : FC2ブログのエリア変数 表示されるページ見本 ]

また、月別の記事表示 などで 「次の月へ」 などという リンクを辿っていると 未来の月などの空ページが表示されてしまうことがあるかと思いますが、それを防ぐ方法 空リンク非表示 も使っているので、それも一緒に紹介します。
[ 参考 : FCafe 月別参照空リンク制御 ]

キーワード検索 : 便利ナビ  ページナビ  FC2ブログ  テンプレート  変数  空リンク非表示  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-36.html

2008/09/19 ~ | Comment (5) tweet? | ↑ ページ先頭へ ↑ |
申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右上の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。