てんぷら製作中

［05textonly］
限りなくシンプルな2カラム（右）です。
サイトの更新情報などの日記向け。

• プラグイン1-3に対応
• 追記開閉
• フォントサイズ変更機能付き
• カスタマイズは御自由にどうぞ

難易度 : ★☆☆☆☆

私自身が妙に気になる、この公式プラグインの検索バー。
デフォルトだと↓こういう表示になるんですが.........。



うーん、マンダム･･･じゃなくて、ちょいとイマイチなので、↓こんなバリエーションを用意してみました。



このカスタマイズ方法を一例として載せておきます。

1. プラグインの設定→プラグイン管理→設定の詳細→【HTML編集】を開いて、そこの記述を全部削除し、
   <form action="./" method="get"> <p class="plugin-search" &align> <input type="text" name="q" value="" maxlength="200" class="search_box"> <input type="submit" value="検索" class="search_btn"> </p> </form>
   上記に書き換えて変更（保存）して下さい。
   
   ※更に、value="検索"　の「検索」の部分を書き換えると実際にそれが反映されますので、 「search」等、お好みで変えてみて下さい。
   
   
2. 次に、テンプレートの設定→編集→スタイルシート編集で、
   

   .search_box {
   border:1px solid #dcdcdc;
   width:120px;
   }
   .search_btn {
   margin-left:3px;
   background:#dcdcdc;
   border: 2px solid #ccc;
   }
   

   上記を追加して変更（保存）します。（場所は何処でもいいです）
   これを応用すると色々できますので、コダワリ派の方は是非どうぞ。
   
   【解説編】
   

   .search_box {
   border:1px solid #dcdcdc;　　検索バーのボーダー
   width:120px;　　検索バーの長さ
   }
   .search_btn {
   margin-left:3px;　　検索バーと検索ボタンの間の空白部分
   background:#dcdcdc;　　検索ボタンの背景色
   border: 2px solid #ccc;　　検索ボタンのボーダー
   }
   

なんてセリフを言われてみたいもんです。
あ、いや、真意によっては言われたくないセリフかもですが。

はてさて。
BrowserCamという、web製作者にとっては便利なモノ......というか泣かせるモノがあるんですが、これはwebサイトが、違うOSの違うブラウザでどういう見え方をするのか、スクリーンショットを見せてくれるというサービスです。
仕事でやっている方はWinとMac両方（しかも複数台）で確認できるわけですが、個人で趣味でやっている限り、違うOSだともう確認のしようがないというのが現状なので、こういうサービスは非常に便利で有り難いもの.........なんですが、同時に泣きます。（笑）

えええ！何このスクロールバー！はみ出ちゃってるよ！
文字デカイよ！小さいよ！
画像ズレてるよ！

...ってな事が、違うPC環境では起こってるのだということが分かってしまうわけです。
あなオソロシや......。
知らなければまだ幸せでいられたものを。
貴方に出逢わなければこんな苦労をしなくて済んだものを。（笑）

といっても、テンプレを作る以上、やはり避けては通れない道なので、MacOSについては地道に勉強中也...。

現在（08年02月）、pingoo！でデフォルト一括送信されているのは、以下の15件のようです。

1. Blog People
2. Bloggers.com
3. gooブログ
4. ドリコムRSS
5. GPost BLOG
6. ブログスタイル
7. 人気blogランキング
8. NAMAAN
9. テクノラティー
10. j-Ranking
11. ask.jp
12. マラソン専門ドットコム
13. BLOG360ホットキーワードランキング
14. 見て書いてブログPINGサーバ
15. Google ブログ検索

更に、以下を任意で加えて万全体勢を。（コピペ用）

http://ping.fc2.com
http://api.my.yahoo.com/RPC2
http://ping.exblog.jp/xmlrpc
http://ping.cocolog-nifty.com/xmlrpc
http://ping.bloggers.jp/rpc/
http://www.blogoon.net/ping/
http://ping.blo.gs/
http://rpc.blogrolling.com/pinger/
http://bulkfeeds.net/rpc
http://coreblog.org/ping/
http://ping.rootblog.com/rpc.php
http://rpc.weblogs.com/RPC2

あし＠というサービスを追加してみました。
結構、来てくれる人が居るようで、確かにアクセスアップにはなるかもです。
ただひたすらアクセスアップ！っていうのも何だかなーと思うお年頃ではありますが、100人に読み飛ばされても、一人だけちょっと時間をかけて読んでくれる人が居ればいいのであります。

さて、新しいテンプレを三件、共有申請しました。
今度も使ってくれる人が居ればいいですが......。
といっても、承認が降りるのにFC2はだいぶ時間が掛かるようで（この前は11日だったかな）、さすが日本一のユーザー数を誇るだけあります......。
もう一つのブログでもテンプレ作ってるんですが、あっちは1、2日で承認おりちゃ......。（以下略）

「SEO対策済みテンプレート」という謳い文句をよく目にするので、テンプレを作る側としてはある程度知っておこうと思って、ちょこっと調べてみました。
別に私はこういうのを仕事にしてるわけではないんで、ホントに「ちょこっと」です。

多分、アフィリエイターにとっては「SEOに効果があるテンプレがあるなら、そっちを使いたい」という事で、テンプレを作る側（無償有償問わず）としては「需要が多いから作る」って事なのでしょう。
しかし、待て待て。
一言で「SEO対策済みです！」という売り込み文句をつけられても、果たしてそれが「全てのサーチエンジンに対して有効なのか」というと、疑問が残ります。
いや、それよりも、一つのサーチエンジンに対して有効なのかどうかもアヤシイ。

それは何故か？

SEOの定義を理解して、「SEO対策」というのが何であるのかを冷静に考えれば自ずと答えは見えてくるような気もしますが......。

まずは言葉の定義から。

【SEO（Search Engine Optimization）......サーチエンジン最適化】
特定のサーチエンジンの検索結果に、Webサイトが上位に表示されるように工夫する事やそのための技術

これをそのままくっつけると「SEO対策」とは「サーチエンジン最適化対策」となるわけで、この言葉を誰が作ったのかは知りませんが、センスないなー誤訳じゃないのか、と誰しもが思うところでしょう。

最適化を対策する？？

なんのこっちゃい、と思った方は冷静です。
あくまでも対策だろ、と思った方は、もっと冷静です。

つまり、「SEO対策済みテンプレート」というのは、厳密に言えば「特定のサーチエンジン対して検索結果が上位になるようにある程度工夫しているテンプレート」であって、「全てのサーチエンジンに対して有効な検索結果を保証しているテンプレートではない」という事を、まずユーザー側は理解しておきましょう。
だったら謳い文句は正確に「●ahooサーチでは多少有効かもしれないテンプレートです」って付けて欲しい所ですが（笑）、そんなテンプレは誰も使ってくれないんでしょうな......。

「工夫の技術」だって、素人が作ってる限り、アヤシーもんです......。
アフィリエイターの皆さん、騙されないように......。
堂々と「SEO対策済み」を謡い文句にしたテンプレートを高額で買って、泣く事のないように......。

参考までに。
良心的且つプロフェッショナルな記事です。
http://www.orenoi.com/index.php?itemid=88
こちらもご参照あれ。
http://www.jweb-seo.com/blog/wordpress/2008/01/22/50

ライトユーザーにとってはあまり関心のないブログテンプレのカスタマイズですが、ちょっとでも、「ここがもうちょいこうだったら･･･」と思う人は多いはず。
背景画像を変えたい、とか、文字のサイズを大きくしたい、とか、このエリアを広くしたい、狭くしたい、とか。
だけど、そういう時、どこをどうすればいいのか、初心者にはホンットに分からないんですよねー。
私自身、ついこの間まではズブの素人だったんで、その悲しい事情はよーく分かります。
諦めるか、奮闘するしかない、という......。
さらに、色々変えたりしたら、そのテンプレ作った人に申し訳ない、とか初心者の頃は思ってたんですが、実際、テンプレを作る側になってみると、そんな風に思う必要は全然ないって事にも気付きまして。（まぁ人によりますがね。多分･･･）
というのも、テンプレ作った側は、どういうニーズがあるのか分からんものなので、実際カスタマイズをしてまで使ってくれている人のブログを見て、認識を改めたりするわけなのです。

こういうのが好まれる傾向にあるんだな、とか。
ここをこうした方が使いやすいんだろうな、とか。

勿論、作る側としては、自分が使いやすいと思うテンプレ、自分が見やすいと思うテンプレを提供しているわけなのですが、それが世間の需要と一致するとは必ずしも限らないので、自分の既成概念をぶち壊してくれる人というのは、実はすごく貴重であったりもします。
まぁこれはテンプレに限った事じゃありませんが。

カスタマイズしてみると、「自分のブログ」に少し愛着を持てたり、色んな人に見てもらいたい、と思うようになると思います。
なので、色々カスタマイズしてみよう！
自力で解決できない事は、テンプレを作った人のところで聞けば、大抵、教えてくれると思います。
中には「オレの作ったテンプレに手を入れるなんて言語道断！」な豪傑も居るかもですが･･････。
少なくともワタクシは初心者に優しい、上級者にはビクビクしている似非職人なので、カスタマイズじゃんじゃんOK！質問気軽にカモン！です。

当ブログのテンプレは以下の環境で作成、確認しています。

• OS : WinXP
• 文字エンコード : EUC-JP
• JavaScript : ON
• モニター解像度 : 1024*768
• 確認ブラウザ :Firefox 2.0、IE 6.0、Sleipnir 2.6、Opera 9.24、Netscape 7.1

MacOSについては確認のしようがないのでドキドキものなんですが、一応Win版safari 3.0（ベータ版）で確認だけはしています。
今後勉強の余地大有りなので、長い目で見てやって下さい。
閑話休題。
共有テンプレをDLする時に書き込めるコメント、あれ、書くと絶対作者はコソーリ見に行ってますんで、アクセスアップしたい方は（って、一人増えるだけジャン...）是非書いてやって下さいまし。
そんなこんなでテンプレ似非職人になりつつある昨今。
まだまだ富士山登頂で言う所の、麓の茶屋あたりでのんべんだらりとしているワタクシですが、アイデアだけは山ほどあるので（それを形にする腕と知識が足りないんですが......）、テンプレも一ヶ月に一個は作りたいなーと思います。（決意だけ）

【超初心者編】

• 文字コード
  ......文字や記号をコンピュータで扱うために、文字や記号一つ一つに割り当てられた固有の数字。
• 国際標準化機構　ISO（International Organization for Standardization）
  ......工業標準の策定を目的とする国際機関。
• UNIX
  ......1968年にアメリカAT&T社のベル研究所で開発されたOS。

【初心者編】

• Unicode
  ......ゼロックス社提唱。1993年に国際標準化機構（ISO）でISO/IEC 10646（国際規格の一つ）の一部(UCS-2)として標準化された文字コード体系。
  
  • UTF-8
    正式名称
    UCS Transformation Format 8（ISO/IEC 10646）
    Unicode Translation Format-8（Unicode）
    
    *UCS; Universal Multiple-Octet Coded Character Set
• EUC（Extended Unix Code）
  日本語UNIXシステム諮問委員会の提案に基づいて1985年にAT&T社が定めた、複数バイトの文字を扱う文字コードの枠組み。日本語のEUCコードを特に「EUC-JP」と呼ぶ。
• Shift JISコード
  日本語文字コードの一つ。Microsoft社によって策定。標準文字コードとして広く普及。

参照 : IT用語辞典 / Wikipedia

［03pink_choco］
ヴァレンタイン仕様の特殊型。
コンパクト収納を目指して作ったテンプレです。

• 追記開閉
• フォントサイズ変更機能付き
• メニューは左下ブロック
• 独自メニューは自動開閉式
• プラグイン1、2にも対応
• カスタマイズは御自由にどうぞ

【カスタマイズ編】
独自メニューが不要の場合は、テンプレート編集のHTML編集で、
<!-- 独自開閉メニューここから --> ...... <!-- /独自開閉メニューここまで -->
を全部削除して下さい。

独自メニューの中の特定の項目だけが不要の場合は、
<div class="list_title" onclick="kirikae('list...... ...... </span>
この括りを削除して下さい。

［02white_simple］
スッキリ＆シンプル＆コンパクトを目指して作ってみました。

• 追記開閉
• フォントサイズ変更機能付き
• 右サイドメニューは折りたたみ式
• プラグイン1、2にも対応してます
• カスタマイズは御自由にどうぞ

【カスタマイズ編】

• 記事エリアを広げる。
  スタイルシートの編集で、以下の場所を書き換えて下さい。
  

  #all {
  width:662px;　→増やしたいpx値をプラスして書き換える。
  margin:10px;
  }
  
  #mainblock {
  width: 440px;　→上記と同じ数値をプラスして書き換える。
  float:left;
  border:1px solid #999;
  }

• 背景画像を変える（or削除する）。
  スタイルシートの編集で、以下の場所を
  

  body {
  ...
  background-image:url(画像URL);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:right bottom;
  }

  変更する場合は画像URLを書き換えて下さい。
  位置はbackground-positionの指定で動かせます。（例 : 右上にする→right top）
  削除する場合はこの四行全てを削除して下さい。
  
  下部の著作権部分のリンクの差し替え等も忘れずに。

［01white_simple］
スッキリ＆シンプルを目指して作ってみたテンプレです。

• 追記開閉
• フォントサイズ変更機能付き
• 右サイドメニューは独自の自動開閉型
• プラグイン1、2にも対応（自動開閉しません）
• プラグイン3は記事上のフリーエリアに対応（フリーメッセージや検索ボックス等にお薦め）
• カスタマイズは御自由にどうぞ。

【カスタマイズ編】
IEをお使いの方は、若干、下部の著作権エリアの空白が広くなるかもしれません。
これを狭くしたい方は、テンプレートの設定→編集→スタイルシートの編集で、
各ブロック設定の /* 記事ブロック */ と、 /* 右列（独自メニュー＋プラグイン1、2） */ の高さの数値を二箇所変えてみて下さい。

/* 記事ブロック */
#mainblock {
width: 500px;
height:475px;　→多少増やして書き換える。500pxくらいまでが限界。
...

/* 右列（独自メニュー＋プラグイン1、2） */
#right{
width:220px;
height:475px;　→上記と同じ数字にして書き換える。
...

お使いのブラウザの環境によって違うと思いますので、pxの数値を調整して下さい。
初期設定としては、ブラウザ自体のスクロールバーが出ないようにレイアウトしてますが、縦長に伸びた方が使いやすいという方は、この高さ設定（height:475px;）を二箇所削除して下さい。

アクセス解析の位置がfirefoxだと反映されないのは何故なんでしょう･･･。
一応、コチラでの公式説明だと、

<meta http-equiv="adalign" content="right">

これを入れればいいだけの話なんですが･･･。
ウーン、ウーン･･････。