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

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

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

スポンサーサイト

--/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーリンク

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

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

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

月別アーカイブをコンパクトに表示する方法

2009/11/10 (火)  カテゴリー: ブログカスタマイズ上級
月別アーカイブリストの折りたたみ 
ナビゲーションメニューに対応させた一例

ブログを続けていると、どんどん増えてくるもの。 繰り返しの 「変数」 を使って表示している 月別アーカイブのリスト や ユーザータグリスト,リンクリスト など。 

それらを、コンパクトに表示する方法 は探せばいくつもあるようですが... 今回は、私のテンプレートの 上部ナビゲーション部分 でも使える方法として、4つの方法 を紹介します。 ソースは FC2ブログ共有テンプレートari_seoシリーズ用 をベースにしていますが、3つの方法は、それ以外の場合にも使えるものです。

まずは、実際に サンプルページ をご覧ください。 (ソースも載せてます)

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

スポンサーリンク

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

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

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

スクリプト未使用 カテゴリー別サイトマップ

2009/09/29 (火)  カテゴリー: ブログカスタマイズ上級
カテゴリー別サイトマップ

FC2ブログで、スクリプトを使わない カテゴリー別の記事一覧サイトマップ) を作る方法。 このサイトでは、一般的な 日付順の全記事一覧ページ の他に、カテゴリー別の記事一覧ページ があり、両方を使えるようにしてあるのですが... これ、実はどちらもスクリプト未使用。 今回は、このタネあかしをしちゃいます !!

  • スクリプト未使用なので、無駄もなく、重くならない!
  • 日付順 と カテゴリー別 という内容の異なるサイトマップを扱えるため、利用者が目的によって使い分けられる。 また、SEO対策 の1つとしても有効。

カスタマイズの難易度は高めですが、是非チャレンジしてみてください。

日付順の全記事一覧 と カテゴリー別の全記事一覧 の作り方

適用中のテンプレート は 日付順の全記事一覧ページ にするという前提で説明していきます。 その方が、通常のテンプレート自体がゴチャゴチャしなくて良いかな・・・と。 日付順の全記事一覧 については もはや説明不要かと思いますが... 私のテンプレートでは ↓下のような感じです。 (共有テンプレート ari_seoシリーズ でも 灰色部分以外 同じです。)

<!--titlelist_area-->
<!-- ▼全記事一覧▼ -->
<p>このサイトマップは...<br />
<a href="./?pc&template=categorymap&amp;all" title="カテゴリー別の記事一覧へ">カテゴリー別に並べ替え</a> もできます。</p>
<div class="entry_title"><h2>日付順の全記事一覧</h2></div>
<div class="all_m">
<!--titlelist-->
<h3><a href="<%titlelist_url>" title="個別記事ページへ">
<%titlelist_title></a></h3><p><%titlelist_body> …</p><div class="t_right">
<%titlelist_year>/<%titlelist_month>/<%titlelist_day> (<%titlelist_wayoubi>) [<a href="<%titlelist_category_url>" title="カテゴリー: <%titlelist_category> へ"><%titlelist_category></a>]</div>
<!--/titlelist-->
</div><!--/class=all_m-->
<!-- ▲全記事一覧▲ -->
<!--/titlelist_area-->

1. 準備 (カテゴリー別の全記事一覧)

  1. Firefox などの「選択部分のソースを表示する」機能を持つブラウザ か、 Chrome 拡張機能 『View Selection Source』 など が必要になります。 無くても作れない訳ではないですが... 少なくとも記事数が多い場合には必要です。

  2. 現在適用中のテンプレートの 「複製」 をまず1つ作ります。 必要な部分は HTMLの枠組み(構造)部分 と ヘッダーやフッター,サイドバーなどのブログの枠組み部分です。 (※FC2の広告変数 <%ad> <%ad2> は削除すると保存できないので注意!) それ以外は必要ないので 構造を壊さないように...削除しちゃってください。

  3. 必須ではないので後回しにしてもOKですが、スタイルシートは公開ブログのものと共有 にしておきます。 複製テンプレートのスタイルシート部分は削除し、 テンプレートの <link rel="stylesheet" type="text/css" href="<%css_link>" /> となっている部分の <%css_link> という部分を 適用中のテンプレートのCSS に変更します。
    追記 (2013/04/20):
    現在は、テンプレート更新毎に新しいスタイルシートが生成される仕様 になっているため、↑ のような設定は使えません。<%server_no> も利用不可です。 なので、
    <link rel="stylesheet" type="text/css" href="<%css_link>" /> を残して、スタイルシートもそのまま利用してください。
  4. 今作った 複製テンプレート の 「さらに複製」 をもう1つ作ります。 テンプレート名が紛らわしいと思うので、1つは [script] ,もう1つは [categorymap] のように判りやすい名前をつけておいてください。
    ※今後、この [script],[categorymap] という仮のテンプレート名で説明を続けさせていただきます。

2. 全記事一覧ページ をプレビューする手段を作る

  • 今回の作業を行うのは 全記事一覧ページ (<!--titlelist_area--> を含むページ) になりますが、テンプレートの編集→プレビューで表示できるのは トップページ です。 なので、テンプレートの編集作業を確認するための手段を用意しておきます。

  • http://arinogotokuatumarite.blog19.fc2.com/?pc&template=script&all
    http://arinogotokuatumarite.blog19.fc2.com/?pc&template=categorymap&all
    アドレスは↑ のようになるので、これを自分用に書き換え ブックマーク (お気に入り) などに追加しておいてもOKですが...

    そのテンプレート [script],[categorymap] に 以下のような トップページで表示されるリンク を張っておくのがお勧めです。
    <!--index_area-->
    <a rel="nofollow" href="./?pc&template=script&amp;all">
    スクリプト版 カテゴリー別の全記事一覧ページ</a>
    <a href="./?pc&template=categorymap&amp;all">
    ノンスクリプト版 カテゴリー別の記事一覧ページ</a>
    <!--/index_area-->
    これで、準備は完了です!!

3. いたおさん のスクリプトをお借りする・・・

もう、お気づきだと思いますが、ここでスクリプトを使用します。 お借りするのは、FC2ブログのテンプレート工房 いたおさんのスクリプト 「親子カテゴリ対応サイトマップ」 です。

これを参考にして テンプレート [script] に手を加えていきます。 ちなみに私のカスタマイズしたソースは ↓ こんな感じ。 (※実際のものよりも判りやすくしてあります。)

【 参照 : 直接編集OK 整形済みコピー用ソース

キーワード検索 : カテゴリー別の記事一覧  全記事一覧  スクリプト未使用  サイトマップ  FC2ブログ  

スポンサーリンク

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

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

2009/09/29 ~ | Comment (17) tweet? | ↑ ページ先頭へ ↑ |

ユーザータグ一覧を1つの記事に表示する方法

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

ユーザータグの一覧 や タグクラウド を 「1つの記事に表示する方法」 「全記事一覧ページだけに表示する方法」 この2つを紹介します。

ちなみに...私は以前から サイトマップある1つの記事の中 にだけユーザータグを全て表示する方法を取っています。 その理由は、

  • 全てのページに表示しておくと、それだけで膨大な数のリンクが生成されてしまい、SEOの観点から考えてみると、「ページ本来のキーワードが薄れてしまう」 気がするから。
  • それと、タグ検索に使える だけでなく、通常のサイト内検索 (ブログ内検索) の際にも有効!・・・と思っているから。

    追記 (2013/08/12) :
    以前は 検索結果を古い順 にしていたので、検索キーワードにユーザータグを含んでいる場合、古い日付けのユーザータグ一覧ページ が検索結果の最初に表示されるようにしていました。 今は新しい順にしたので、少し別の感じになっています。

全てのタグ(ユーザータグ一覧)を 1つの記事 に
上図は旧テンプレートです。 現在のWebページはこちら です。

実は、単純なリスト表示を使っています。 サイトマップ では、そのまま 1列のリスト表示, ユーザータグ一覧用の記事 では 2列のリスト表示 (float:left を利用した2段組風表示) になっています。 ズラズラと横につながる 一般的なタグ一覧 や タグクラウド などに比べて少し探しやすいのではないかな...と。

キーワード検索 : ユーザータグ  サイト内検索  ブログ内検索  サイトマップ  FC2ブログ  

スポンサーリンク

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

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

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

複製テンプレートでトップページ以外を確認

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

「適用中のテンプレートではないもので、トップページ以外をプレビューする方法」 以前、記事にその方法を載せ、このブログでも バックアップ用のテンプレート など、色々と利用していますが、今回はそれを更に便利に使う為の、貼り付けソースを用意してみました。

テンプレートのプレビュー用リンク
実際のWebページはこちら 

実は、私は前々からその方法をとっていましたが、以前の記事ではちょっと違う方法を紹介しているので...。 度々使うなら、この方法の方が便利かと。
[ 関連記事 : FC2のプレビューでトップページ以外を確認 ]

適用中のテンプレートではなくても トップページ以外を簡単に確認するための方法 (便利なプレビュー用リンク)

新しくスクリプトを使ってみる時やテンプレートに手を加える時などに重宝すると思います。 是非、複製のテンプレート (バックアップ,テスト用テンプレート) などに追加してみてください。

適応中のテンプレートの複製テンプレートを作り、そのテンプレートの適当な場所に以下の項目を追加します。


キーワード検索 : テンプレート  プレビュー  トップページ以外  FC2ブログ  プラグイン  

スポンサーリンク

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

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

2009/06/01 ~ | Comment (2) tweet? | ↑ ページ先頭へ ↑ |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。