FC2ブログ

 RSSリーダーで購読する   »FC2共有テンプレート関連の記事はこちら

Topic Path

トップ > FC2ブログ共有テンプレート一覧

スポンサーサイトこのエントリをはてなブックマークに登録

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログ共有テンプレート - whose brain - についてこのエントリをはてなブックマークに登録

FC2ブログ共有テンプレート - whose brain - について | ajinの頭の中

このページではFC2ブログ共有テンプレート
- whose brain -の紹介とサポートをします。

目次

- whose brain -とは
実際にpreviewからご覧ください。
特徴
広告用のエリア
設定項目
ライセンス
ライセンスと利用規定。
表示例
記事内でのxhtml要素の描画デモ。
カスタマイズ例
簡単なカスタマイズ例のデモンストレーションです。カスタマイズアイデアのリクエスト受け付けます。
お問い合わせフォーム
ライセンス関係など本テンプレートに関するご相談はこちらからお願いします。

- whose brain -とは

白を基調としたシンプルなデザインの3カラムテンプレートです。
ほぼウチのブログそのままのデザインですが、一般向けに改良しています。

プレビュー

またあなたのブログURLを入力していただくことで
直接見栄えを確認することができます(FC2ブログ専用)

特徴

  • 関連記事を表示させる機能を実装(要手順※下記のカスタマイズ参照)
  • 番号で割り振られたページナビゲーション
  • クリーンなソースでXHTML 1.0 Strict仕様に準拠(テンプレートのソース部分はvalid)
  • metaタグ keyword & descriptionの最適化
  • Google Adsense用にセクション ターゲットタグでコンテンツ内キーワードの選定
  • titleタグなどを含めた総合的なSEO
  • Google AJAX Libraries APIを使用してjQueryで効率的なjsコードに
などが特徴です。
ある程度分かっている人向けの仕様となっています。

また右にサイドーバー2つの3カラムというレイアウトですが、これはGoogle Adsenseやamazonアソシエイトに向いたレイアウトでもあります。
セクション ターゲットで記事本文を強調しているので、web製作系の話題など専門的な内容のブログは特に有利です。
専門の情報系ブログやビジネスブログなどの用途を想定したテンプレートといえるでしょう。

広告用のエリア

このテンプレートにはユーザーの動線を意識した以下のようなスペースを用意しています。
特に目に付きやすい位置なので効果的に広告を設置することができます。

ブログ上部のアピールエリア。
html要素を直接する必要がありますが、<!-- アピールエリア -->でソース内を検索してみてください(F3キー)
RSSの購読ボタンやリンクユニットの設置に向いたスペースです。
また、目立たせたい記事へのリンクを貼ってもいいでしょう。
<!-- アピールエリア -->


<!-- adarea-sample -->


公式プラグインのフリーエリアを使用。

フッターの広告用エリア(728x90)設置イメージ。
ソース内を<!-- adarea-sample -->で検索してみてください(F3キー)
<!-- adarea-sample -->

実際の挿入箇所は、ソース内を<!-- アピールエリア -->~<!-- adarea-sample -->で検索してみてください(F3キー)。

設定項目


head内の設定項目のエリアで本テンプレートの挙動を指定することができます。

関連記事の表示

関連記事を表示する手順を説明します。
まずは以下の内容をコピーしたテンプレートをrelatedという名前で新規作成してください。
(作るだけです。適用してはいけません)
<!-- <html> -->
<!--topentry-->  
<li title="<%topentry_title>" class="related-item"><a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li>  
<!--/topentry-->  
<li class="related-ad">[<%ad>][<%ad2>]</li>
スタイルシート欄は空白で構いません。

作成したら設定項目のrelated_entriesをtrueにしてください。
related_entries : true,
以上で終了です。
同じタグを指定している記事を読み込んで表示します。
タグが全く指定されていないと表示されません。
原理的には投稿時に指定したタグの検索結果(relatedテンプレートで整形されたソースが返ってくる)をAjaxで読み込んで順に表示しているだけです。
現在の読んでいる記事はjQueryのfilterメソッドで除外しているのでダブりません。
その他は
  • 複数タグで同じエントリがあった場合容赦なくダブります。
  • 最大表示数を特に定めてないので記事の多いブログだと大変なことになるかも?(関連記事30件~)とか
いずれものんびりと改良していこうかと思います:p

追記の表示方法

お次は追記を表示する際の挙動を設定します。
"load"を指定するとその場で可憐に追記を開きます。
readmore_type : "load"

設定項目の最後の項目の末尾はコンマをつけないように注意してください。
"link"を指定すると通常通りに画面遷移して個別記事を表示します。
この辺りは好みで。

というわけで、大体概略はこんな感じです:)

長いので一旦切ります。

このあとライセンス関係や記事中のxhtml要素の表示例、カスタマイズ方法と続きます。
開閉式の追記のデモンストレーションも兼ねていますので:)

[FC2ブログ共有テンプレート - whose brain - について....の続きを読む]

ライセンス


このテンプレートにはCreative Commons Attribution-Share Alike 3.0 Unported [表示-継承]ライセンスを適用します。

  • 表示. あなたは原著作者のクレジットを表示しなければなりません。

  • 継承. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same, similar or a compatible license.

  • 再利用や頒布にあたっては、この作品の使用許諾条件を他の人々に明らかにしなければなりません。
  • 著作[権]者から許可を得ると、これらの条件は適用されません。
  • Nothing in this license impairs or restricts the author's moral rights.

以上の条件を守ることで、自由にカスタマイズ&再配布することができます。
また、再配布する場合はクレジット表記を
          <a href="http://ajinsbrain.blog32.fc2.com/blog-entry-30.html" title="FC2ブログ共有テンプレート - whose brain - についてこのエントリをはてなブックマークに登録">based - whose brain -.</a>
としてください。
リンク文字based - whose brain -.は適宜変えていただいても結構です。
リンク先の指定は予告なく変更することがあります。
どうしてもクレジット表示を表示させたくない場合は、相当する理由を記述してページ下のメールフォームからお問い合わせください。
柔軟に対応させていただきます:)

表示例


記事中のXHTML要素の表示例です。

小見出しh4

小見出しh5

順不同リスト

  • 項目1
  • 項目2
  • 項目3....

順序付きリスト

  1. 項目1
  2. 項目2
  3. 項目3....

定義リスト

Definition Term

Definition Description

引用

qタグ
咲美しいよ咲
blockquoteタグ

咲美しいよ咲。 キリっとした凛々しい眼差しに、全身黒尽くめのドレス。細かく織り込まれたフリルが成熟した大人っぽさを演出していて控えめな幼児体型とのギャップがたまらんのです。 そしてその全身の黒が流れるような白い髪の美しさを引き立てていて、少女のシルエットに独特の存在感を醸し出しています。

その他細々したもの

  • 強調(em)
  • 強調(strong)
  • 追加(ins)
  • 削除(del)
  • 上付き文字(sup)
  • 下付き文字(sub)
preで整形

       ____
     /⌒  ⌒\
   /( ●)  (●)\
  /::::::⌒(__人__)⌒::::: \   whose brainテンプレートだっておwwww
  |     |r┬-|     |
  \      `ー'´     /

ttで等幅

   / ̄\
  |  ^o^ | < コーラ おいしい です
   \_[]⊂/)
   _| |/ |
  |    / 
         / ̄\
        |     | < それは しょうゆ です
         \_/
         _| |_
        |     |

カスタマイズ例

このテンプレートのカスタマイズ方法について解説します。
質問や要望はコメント欄で受け付けます。
あくまで、XHTML,CSSは分かっていることが前提です。
初歩的な質問はご遠慮ください。
より効率的な実装の指摘や提案は大歓迎です:p

(実際に公開されてから追加します)

お問い合わせフォーム


-whose brain-テンプレートに関するご相談や、何かありましたらこちらからお願いします。
公開しても良いような内容ならコメント欄のほうへお願いします。

名前:
メール:
件名:
本文:

スポンサーサイト
about me.

ajin

Author:ajin
フレームだけで4万円位する伊達メガネをかけています。
無駄なことが大好きです。

僕の本家サイトajin.jpとそのブログ、だい亜りーも宜しければご覧ください。

このブログの説明

あとテレパシー少女 蘭から電波を受信中。
翠可愛すぎて失神しそう。

最新記事

»すべての記事を見る

カテゴリ
気になるモノ
言及した記事へジャンプします。
月別アーカイブ
最新コメント
今読んでいる本
スポンサード リンク
どく×あま!
読書メーターとAmazonアソシエイトを連動させるブログパーツです。 生成はこちらから
検索フォーム
あわせて読みたい
あわせて読みたいブログパーツ
スポンサード リンク
リンク
全ページ、リンク・アンリンクフリーです。 特に許可は必要ないです。 好きなページをどうぞ。
メールフォーム
ご意見・感想又は相互リンクをご希望の方は下記のメールフォームよりお問い合わせください。

名前:
メール:
件名:
本文:

QRコード
QRコード
フィード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。