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

このページの記事目次 (2009年12月 の記事 6 件)

  ← 前の月へ 2009年12月 次の月へ →

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

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/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? | ↑ ページ先頭へ ↑ |

検索トレンド! 記事数 81件 でも大健闘(!?)

2009/12/07 (月)  カテゴリー: ブログ雑記・その他
アクセスランキング (プラグイン)

ネタバレ,自慢,憶測的雑記です。
12/5(土)、翌日の FC2ブログアクセスランキング でこのサイトが 5位 にランクインしていました。 (右図のとおり サブジャンル で… なんですけど。)

アクセス数 

その日のアクセスは ユニークアクセス数(重複を除いたアクセス数,訪問者数)が 704,アクセス総数 が 1,207 
この数字だけ見ると、自分でもビックリ(感激) の数字なんですが、言うまでもなくこれは今の時期だけの 期間限定の快挙 なんです。

アクセス総数 の 内訳は
  1. 2010年 写真フレーム年賀状用テンプレート 【 ありのごとくあつまりて 】 424
  2. 2009年 写真フレーム年賀状用テンプレート 【 ありのごとくあつまりて 】 380
  3. それ以外のページ

なので、2つの記事だけで 6割 を超えています。。。 ちなみに、

  • 写真フレーム no.50.88 【 ありのごとくあつまりて 】
  • 年賀状 no.50.88 【 ありのごとくあつまりて 】

↑ タグ検索結果ページ 等 にも毎日ちょこちょこアクセスがあったります。

元々、昨年もこの時期 に 1つの記事に一番多い時で 500アクセス を超えていたので、今年も… と予想して 嫌な言い方をすれば 「狙って作った記事」 だったりもするのですが、作る時ちょっと悩んだのが 上書きにするか(ページはそのままで内容だけを書き換えるか)、それとも 新しく記事を作るか ということでした。

悩んだ挙句、新しく記事を作ったのですが...

Google 425(57%) Yahoo! 254(34%)

キーワード検索 : 検索トレンド  アクセス解析  

スポンサーリンク

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

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

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

総記事件数 を表示 (親子カテゴリー対応版)

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

共有プラグインなどでよく見かける 「総記事件数」 の表示。 以前、いいなと思ったものの、表示される件数が実際の件数とは異なる という理由で設置を見送っていました。 (理由は、私のカテゴリーが 「親子カテゴリー」 だったから。)

が、先日 FC2ブログに「総記事数」「総コメント数」「総トラバ数」を入れる方法 を見つけた際 「総記事件数」 を表示するスクリプトを眺めていて はたと気づきました! 「良く似た 別の変数 が使えるじゃん!!」 と。

総記事件数の表示

で、取り敢えず ← 日付順の全記事一覧ページ に設置。
親子カテゴリーでも 正確な総記事数 が表示できるようになりました。 (ソース B 使用)

総記事件数 を表示する方法 A

<script type="text/javascript">
Cc=<!--category-->+<%category_count><!--/category-->;
document.write(+Cc + ' 件');
</script>

総記事件数 を表示する方法 B 親子カテゴリー利用者用

<script type="text/javascript">
Ac=<!--archive-->+<%archive_count><!--/archive-->;
document.write(+Ac +' 件');
</script>

カテゴリー毎の記事件数を足すのではなく、月毎の記事件数を足すように変えてみました。 これなら 親子カテゴリーの方でもOKですよ。

キーワード検索 : FC2ブログ  総記事件数  javascript  

スポンサーリンク

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

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

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

エリア変数を加えて 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/14 (月)  カテゴリー: FC2共有テンプレート

公式プラグイン「カレンダー」 の スタイル見本 を載せておきます。ユーザーさんは、必要に応じて使ってください。 また、ついでなので...ari_seoシリーズ や 過去記事で紹介した 便利ナビ(+空リンク非表示) を使っている方なら、すごく簡単に設置できる (& それ以外の方でも簡単に設置できる) 空リンク非表示 カレンダー も紹介します。

追記 : 2010/05/28 
共有テンプレートに カレンダー用のスタイル設定を標準搭載しておきました。 空リンク非表示カレンダー へ変更する場合も、CSS部分は共通なので そのまま使えます。

FC2 カレンダー用 スタイル設定 (兼: 空リンク非表示 版)

カレンダー 
上: 公式プラグインを装飾したもの 
下: 空リンク非表示 カレンダー
下が 「空リンク非表示」 版 です。未来の月 など 「記事の無い月」 には リンクを張らない (or 月別のページでは 表示されない) ようにしてあります。

便利ナビ に追加してある FCafe danielさんの 月別参照空リンク制御 機能。これを カレンダーの月めくり にも対応させたものです。
/* カレンダー装飾用 */
table.calender {
width:175px;
border:1px solid #dcdcdc;
border-collapse:separate;
}
.calender caption {
padding:2px;
font-weight:bold;
background:#fff;
}
.calender th#sun {
color:#cc3366;
}
.calender th#sat {
color:#339966;
}
.calender th, .calender td {
border-top: solid 1px #f5f5f5;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
border-left: solid 1px #f5f5f5;
text-align:center;
font-weight:normal;
color:#999;
}
.calender td a {
display:block;
background:#f5f5f5;
color:#000;
}
.calender td a:hover {
background:#777;
text-decoration:none;
color:#fff;
}

※あくまでも一例なので、色などはお好みで変えてみてください。 詳しい説明は省略していますので、分からない部分 や 「こうしたい」 というのがあれば、コメントしてください。

table.calender { width:175px; } 部分の設定ですが、width:100%; を使ってしまうと IE5.5 ではカラム落ち(レイアウト崩れ) を起こしてしまうようです。。。

[ サンプルページ はこちら ]

空リンク非表示 カレンダー

公式プラグイン 「カレンダー」 のソースを以下のものと書き換えるだけで使えます。

キーワード検索 : FC2ブログ  カレンダー  空リンク非表示  

スポンサーリンク

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

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

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