猫がテーマのテンプレートです。ヘッダには透過画像を使っていますので、背景の色をお好みで自由に変えることが可能です。猫のシルエットが白色なので、背景色は若干、濃いめにする方が良いと思います。CSSに簡単なコメントを入れておきました。
- 2009.06.10
IEでの閲覧時にレイアウトが崩れてしまっていたのを修正。 - 2009.06.10
IEでの閲覧時にコメント欄のレイアウトが崩れてしまっていたのを修正。
プラグイン表示箇所の行間を修正。
Another HTML-lint gateway 100点
猫がテーマのテンプレートです。ヘッダには透過画像を使っていますので、背景の色をお好みで自由に変えることが可能です。猫のシルエットが白色なので、背景色は若干、濃いめにする方が良いと思います。CSSに簡単なコメントを入れておきました。
Another HTML-lint gateway 100点
ナビゲーションの項目は、検索エンジンにサイトリンクとして登録される可能性があるので、可能なら設置しておきたい。でも、ナビゲーションリンクはリストの管理が面倒臭い。そこで、カテゴリー項目をリストに利用した疑似的なナビゲーションバーを作ってみた。検索エンジンにサイトリンクを生成してもらうのが目的なので、これで十分かと。
HTML
CSS
幅や色は、使用しているテンプレートに合わせて設定してください。背景色とボーダーを使ってますが、画像を使ったほうが見栄えが良いと思います。
]]>
シャーロック･ホームズをテーマにしたテンプレートです。２カラムの左メニューで、折りたたみ式のメニューを実装しています。横並び型休日表示カレンダーは、小粋空間様と徒然日記様のスクリプトとHTMLソースを利用させて頂きました。この場を借りて感謝いたします。
メニューの開閉の初期状態は、Plugin1,2,3は開いた状態で、Plugin4,5は閉じた状態になります。初期状態はHTMLの修正で変更できます。
減点は、プラグインの開閉と横並びカレンダーにスクリプトを利用している為。
シンプルな、ライムグリーンのテンプレートです。２カラムで左側にメニューを配置しています。記事部分の幅が可変するリキッドデザインです。レイアウトが崩れるのを防ぐ為に、最小幅は480pxにしています。
ブログタイトルにH1、記事タイトルにH2を使用しています。HTMLは、ヘッダー、記事、プラグイン、フッターの順に配置しています。
100点
ホームページやブログのページ幅は、800x600を想定して作成される事が多い。これは、SVGA時代の名残りなんでしょうかね。いまや、ネットブックですら1024x600が主流なので、800に拘る必要は無いと言いたいのですが、少数派であれ存在するのは事実だし、携帯のフルブラウザ、PSP、iPhoneなど携帯端末の利用者も多い。
まぁ、ページ幅は訪問者の傾向に合わせて、サイト運営者が決めればいいことですから、作る側は選択肢が広がるように、色々なテンプレート用意しろって事でしょうか。
]]><!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://<!--$g_user_id-->/Entry/<!--$entry_no-->/"
trackback:ping="http://<!--$g_user_id-->/Trackback/<!--$entry_no-->/"
dc:title="<!--$entry_title|strip_rdfstr|strip_tags|wordwrap:200-->"
dc:subject="<!--$entry_category|strip_rdfstr|strip_tags|wordwrap:200-->"
dc:date="<!--$entry_year-->-<!--$entry_mon-->-<!--$entry_day-->T<!--$entry_hour-->:<!--$entry_min-->:<!--$entry_sec-->+09:00"
dc:description="<!--$entry_text|strip_rdfstr|strip_tags|wordwrap:200-->"
dc:identifier="http://<!--$g_user_id-->/Entry/<!--$entry_no-->/" />
</rdf:RDF>
-->
という記述があります。これは、トラックバック Ping URL の自動検知のRDFで、その記事にトラックバックしようとする人が自動検知を利用してトラックバックURLを取得する為のものです。
積極的にトラックバックを受け付ける必要が無いなら削除しても問題ないでしょう。逆に、削除したほうがトラックバックスパムを受ける可能性が低下して良いかもしれない。
減点は無いけど、文法チェックでもエラーが出ますしね。
]]>ただ、テンプレートに見出しタグを配置しても、利用する側が見出しを意識してブログを構成しなければ、意味が無いどころか逆効果になりかねません。ブログの場合は、キーワードを意識して、タイトルを付けたり、記事を書いたりする人は少ないでしょうし。
とはいえ、あまり意識しすぎると、ブログっぽくないブログになってしまうので、難しいところです。まぁ、集客を目的にしたブログなら、それでも構わないのでしょうが。
ちなみに、シンプル・ライトブルーとシンプル・ピンクには、見出しタグのは設定していません。ていうか、忘れてましたゴメンナサイ。後日、見出しタグを追加したものをアップします。
]]>
シンプル・ライトブルーのピンク版です。ピンク色をベースに、斜めのストライプを入れたテンプレートです。
ブログの説明文はバランスを考えて、途中で折り返す程度に幅を設定してあります。
プラグイン5をトップページの記事の上に配置してありますので、フリーエリアを設置してメッセージボードなどに利用できます。
共有テンプレートでは左メニューで登録してありますが、スタイルシートの .PluginBlock と #EntryBlock の float のパラメーターを入れ替えれば、右メニューに変更できます。要望が多いようなら、右メニューも共有テンプレートに登録します。
画像と配色を変えただけなので、シンプル・ライトブルーとスコアは同じです。
Another HTML-lint gateway 100点
ただ、注意しなければいけないのは、生成されるHTMLがXHTML 1.0である点。使用しているテンプレートのDOCTYPEがXHTML 1.0で宣言されていなかった場合、大量の文法エラーを吐く事になります。
HTML4.01で宣言されているテンプレートも多いので注意したほうがいい。ブラウザ上では普通に見えるので、知らずにいる人も多いんじゃないだろうか。SEOを意識するなら、今すぐにでもXHTML 1.0のテンプレートに変更しよう。
ちなみに、忍者アクセス解析の解析用ソースはXHTML 1.0準拠ではないので注意。BRタグとIMGタグを少し修正する必要がある。
同じNINJA TOOLSのサービスでも違ったりするので、外部のソースを貼る時は、特にチェックしておこう。
]]>
少し濃いめの水色をベースに、斜めのストライプを入れたテンプレートです。
ブログの説明文はバランスを考えて、途中で折り返す程度に幅を設定してあります。
プラグイン5をトップページの記事の上に配置してありますので、フリーエリアを設置してメッセージボードなどに利用できます。
共有テンプレートでは左メニューで登録してありますが、スタイルシートの .PluginBlock と #EntryBlock の float のパラメーターを入れ替えれば、右メニューに変更できます。要望が多いようなら、右メニューも共有テンプレートに登録します。
Another HTML-lint gateway 100点
