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

このページの記事目次 (カテゴリー: ブログカスタマイズ上級 30 件)

  ← 前のページ  total 8 pages  次のページ →  

エリア変数を加えて FC2ブログを軽くする!

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

FC2ブログを自在に操る 「こんなのあったら便利かな」 というものを作ってみました。 現在の FC2ブログ で使える 公式マニュアル には載っていないものも含む) エリア変数 のコピー用ページです。 副題は、「そのスクリプト、本当に全ページで必要ですか?」 etc。

エリア変数 1. ○○ではないエリア は組み合わせ自由!

追記 (2013/05/02) :
2012年09月10日 頃から <!--not_page_area-->~<!--/not_page_area--> と <!--page_area-->~<!--/page_area--> の仕様が変更されています。

例えば、PC用テンプレートで <!--not_page_area--> ~ <!--/not_page_area--> に該当するのは、【 2ページ以上がある 「ページエリア,トップページ,カテゴリー別ページ,月別・日別ページ,タグ検索結果ページ,検索結果ページ」 以外のページ 】 に変わっています。 1ページか 2ページ以上あるか で異なる為、ページを特定する変数としては使いにくいものとなっています。 使う際には その点も踏まえた上でご利用ください。
【 参照 : 直接編集OK 整形済みコピー用ソース
<!--not_page_area--><!--not_index_area--><!--not_permanent_area--><!--not_edit_area--><!--not_category_area--><!--not_date_area--><!--not_search_area--><!--not_tag_area--><!--not_titlelist_area-->
この部分に内容を入れます。
<!--/not_titlelist_area--><!--/not_tag_area--><!--/not_search_area--><!--/not_date_area--><!--/not_category_area--><!--/not_edit_area--><!--/not_permanent_area--><!--/not_index_area--><!--/not_page_area-->
  • 要らない部分 を削除すると使えます。
  • ページエリアではない トップページではない 個別記事ページ (固定エントリー) ではない コメント編集ページではない カテゴリー別ページではない 月別・日別のページではない 検索結果ページではない タグ検索結果ページではない 全記事一覧ページではない 「ページ」 (当然ですが ↑全て だと、どのページも該当しません。)
  • <!--not_page_area--> は公式マニュアルには載っていませんが (携帯用変数としては載っています)、PC用テンプレートでも使用可能なエリア変数です。 ※追記参照
    [ 参考 : さりげなく新変数が追加されている? - 畳紙 ]
  • <!--not_page_area--> には <!--not_index_area--> が含まれます。 これだけがちょっとややこしく、一筋縄ではいかないことがある部分です。分けてくれればもっと便利になるのに...。 何故これだけこのようにしたのでしょう。。。(※<!--not_page_area--> を使う場合、現状では <!--not_index_area--> は省略可能ですが、入れておいた方が無難かも)

↓ 同じもの。 編集しやすいように 改行を入れておいただけ。 (自分用)

<!--not_page_area-->
<!--not_index_area-->
<!--not_permanent_area-->
<!--not_edit_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_search_area-->
<!--not_tag_area-->
<!--not_titlelist_area-->
この部分に内容を入れます。
<!--/not_titlelist_area-->
<!--/not_tag_area-->
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_edit_area-->
<!--/not_permanent_area-->
<!--/not_index_area-->
<!--/not_page_area-->

エリア変数 2. ○○エリア は単独で!

キーワード検索 : FC2ブログ  変数  テンプレート  

スポンサーリンク

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

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

2009/12/11 ~ | Comment (6) 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? | ↑ ページ先頭へ ↑ |

カレンダー代用 ナビ付月別アーカイブ

2009/11/19 (木)  カテゴリー: ブログカスタマイズ上級
ナビ機能付き 月別アーカイブ

ブログにカレンダーを設置している方は結構多いと思いますが、そのカレンダー、右の図のような 「今月」 がハッキリわかる コンパクトな 月別アーカイブ に変えてみるというのはどうでしょうか?
1つ前の記事 の続きです。)

これは、共有プラグインに登録されている HS月別アーカイブ に少し手を加えたものですが、過去のアーカイブ表示の時には、ちゃんと 「その月」 が強調されるので、ページ送り・月選択 のナビゲーションとしても有効だと思います。

月別のページ と サイトマップ で利用しています。 (トップページ には手書きのものを置いてます。)


[ 実際の… 月別の記事ページ はこちら ]

月別アーカイブ 設置方法

 ↓ 2010/07/15 改訂版のソースです。

キーワード検索 : FC2ブログ  月別アーカイブ  javascript  

スポンサーリンク

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

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

2009/11/19 ~ | Comment (1) tweet? | ↑ ページ先頭へ ↑ |