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

このページの記事目次 (2009年09月 の記事 3 件)

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

スポンサーサイト

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

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

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

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

FC2ブログ共有テンプレート ari_seo シリーズ # ReadMe #

2009/09/11 (金)  カテゴリー: FC2共有テンプレート

FC2ブログの共有テンプレートとして、このサイトとほぼ同じ見た目のテンプレート ari_seo1 が登録・公開されました。 公式テンプレートなどと比べると かなり異なる部分が多いので、主な特徴 や 各エリアでの機能 などを載せておきます。

以下、ari_seoシリーズ全般の 追記の内容を含みます。

共有テンプレート ari_seoシリーズ 一覧 (09/10/14 現在)

(↓ クリックすると、そのテンプレートでこの記事を表示したものが確認できます。)
FC2ブログ共有テンプレート ari_seo1
ari_seo1

Large font , cute version?
2009/09/11~
FC2ブログ共有テンプレート ari_seo2L
ari_seo2L

Large font , for Lady's
2009/10/13~
FC2ブログ共有テンプレート ari_seo2M
ari_seo2M

Medium font , for Men's
2009/10/14~


テンプレート ari_seoシリーズ について

  1. SEO対策 と アクセシビリティ に重点を置いて作ったつもりの... テンプレートです。 例えば、検索エンジンが重視する (と思われる) <title>,<h1>→<h2>→,<p>,<a> などの使い方に配慮し、(コメント部分は<h3>,サイドバーにはヘッダーなし...etc)  なるべく記事内容に焦点をおいてもらえるように作ってあります。
  2. 上部のナビゲーション部分は Stu Nicholls | CSSplay | Skeleton MenuSkeleton dropdown menu) を、私 (paruparu) が必死にカスタマイズしたものです。 スクリプト未使用 なので、スクリプトOFFでも動作します。
    ※IE6,IE5.x への対策として、条件分岐コメント(条件付コメント) などが使われています。 そのため、IE6 にも対応。 (IE5.5 でも見た目は ほぼ同じで一応機能しますが、動きはかなりもたつきます。 ちなみに、本家のものは、IE5.5 でもサクサク動くので、多分私が手を加えた :hover あたりの関係です。)
  3. Windows Vista, Windows XP / Sleipnir2, Firefox3, Opera9, (IE8), IE7, IE6, (IE5.5), Google Chrome2 で動作確認済みです。 文字サイズの拡大,ページのズーム,画像の非表示,javascript無効 など色々な条件でページを閲覧しても大丈夫なように作ったつもりですが、不具合があれば報告お願い致します。
  4. エリア毎に、私が 便利・有効 だと思うものを組み込んでおきました。 詳細は、以下 にある エリア別の機能 及び 関連リンク,参考サイト を参照してください。 また SEO対策の1つとして、タイトルタグ(<title>)の重複対策 などもしてあります。
  5. カスタマイズ や 画像の差し替え などは基本的にご自由にどうぞ。 但し、著作権表示の削除 や 再配布にあたる行為 は原則として禁止させていただきます。

使える画像サイズ や 各種装飾 について

  • 記事中には 横幅 570px程度 の画像まで入れられます。 但し、テンプレートの変更などの可能性も考えておくなら、横幅も抑えておくと安心です。 (400px以内なら 3カラムなどにしても概ね大丈夫かと思います。)
  • サイドバー部分では 横幅 170px程度 までOKです。 (160px や 165px のバナーなどであれば、スッキリ収まると思います。)
  • 記事に関する <ul> <ol> <dl>,<h2> <h3> <h4>,絵文字装飾,<blockquote> などには予め 基本的なスタイルを設定してあります。 お好みで変更してご利用ください。 記事タイトル は <h2> になりますので、それを基準に使ってください。 (ちなみにこの記事で使っている  この見出し色 は <h3>  です。)


エリア別の機能 及び 関連リンク,参考サイト

ここで全ては説明できませんが... エリア別の簡単な説明 と 関連リンクを示しておきます。 関連リンクは 記事下 にまとめていますので、それを参照してください。

スポンサーサイト

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

スポンサーリンク

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

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

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

09/09/28 以前に ari_seo1 をDLされた方へ

2009/09/28 (月)  カテゴリー: 非表示カテゴリー

2009/09/28 以前に 共有テンプレート ari_seo1 をダウンロードされた方へ
追記 : 2009/10/01 (2. 3. 参照)

本日、共有テンプレート ari_seo1 において、重大なケアレスミスがあったこと発見し、共有テンプレートの訂正・再登録を行いました。 該当箇所は以下のとおりです。

スポンサーリンク

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

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

2009/09/28 ~ | Comment (4) 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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。