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

このページの記事目次 (タグ: 空リンク非表示 の検索結果 3 件)

  

それでも ブログにカレンダー を使いますか?

2010/07/15 (木)  カテゴリー: アクセス解析・SEO対策
カレンダー 
上: 公式プラグインを装飾したもの 
下: 空リンク非表示 カレンダー ナビ機能付き 月別アーカイブ

過去記事で紹介していたソースを 一部変更したので その紹介を兼ねて。。。 

相変わらず地味なデザインですが、いつも参考にさせて頂いている hatena chips さんの CSSでテーブルデザインをクオリティアップ を参考に 少しドレスアップしてみました。


個人的には ブログにカレンダーは必要ないのではないかな... と思っています。 日付にカーソルを合わせたら 「記事タイトルが分かる」 とかいう機能があれば別かもしれないですけど、何が表示されるか分からないので まずクリックすることはないです。

それに、SEO対策 を考えるなら カレンダーではなくて 月別アーカイブ の方が優秀だと思います。 あくまでも個人的意見ですが。 どうでしょうか...?


追記: 上の内容は FC2ブログの場合 での話になります。ライブドアブログ のカレンダー などは とても便利な機能 を備えているようです。 (マウスオーバーで記事タイトルが分かり、移動するページも FC2ブログの日付クリック とは動作が異なる。 月別のページのその記事の位置へ移動するリンク なので 行き止まり感がなく便利 です。)

現在の FC2ブログのカレンダー の場合、日付クリックで表示されるページは その日付のみの <!--date_area--> ./blog-date-20080630.html( ← 月単位のページでもなく 固定リンクページ<!--permanent_area-->でもないページ ) です。

ライブドアブログ のように... 例えば、移動先が ./blog-date-200806-0.html#30 (← 2008年6月の<!--date_area-->1ページ目#30日投稿記事の1つ目の位置に移動 ) のようなページ移動 が使えるようになったらもう少し便利になるのかも。。。

キーワード検索 : FC2ブログ  カレンダー  空リンク非表示  月別アーカイブ  SEO対策  

スポンサーリンク

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

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

2010/07/15 ~ | Comment (12) 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? | ↑ ページ先頭へ ↑ |

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

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で 再度用語を短めに入力していただくと記事が見つかる場合があります。