ACR 簡易アクセスランキングを設置してみました。

今まで作った他ブログの傾向から、立ち上げて間もないサイト、アクセス数が少ないサイトはリファラスパムが来ることが多いのでココも来るかも知れません。　まぁ、ちょっと実験です。

それとこの 「おぼえがき」 の今後の方向性も見えてきたので、出来れば今年中、もしくは来年早々に、タイトルとテーマを替えようと考えています。

内容は WordPress 、サイト作成&運営、PC 関連パーツ等購入レビュー、 PC（ジャンク含む）修理&メンテ、トラブルへの対処、それからソフトウェア。

ソフトについてはもう一個の運営サイトがあるので、こっちはバージョンアップやトラブル等のレビューをやろうかなと。（あっちは型を決めちゃってるので出来れば崩したくない。）

基本は従来通り、自分さえ解ってればいい雑記。　書き方にとらわれないから楽です。

中途半端でイイし。

さて、リファラスパムが来たらどうしようか。　色々調べるのもイイし、そのまま放置するのもイイし。　今コメントに viagra が 4件来てるので、この辺をイジるのも面白い。

別サイトで、 Akismet がコメントスパムを捕捉したのでそのサイトについて色々調べてみた。

まずブラウザで問題のサイトを表示。　ピンバックを送ったハズのページも、リンク集にも私の運営サイトへのリンクはなし。

更にハッキリさせるため Website Explorer でサイト丸々ぶっこぬき、外部リンクを確認。
間違いなくリンクはないのでリファラスパム確定。

次に Akismet の IP アドレスから相手の所在地を調べる。

今回も My IP Address Lookup and IP Address Locator を使用。

IP アドレスを入れて調べると、またまた長野県。　前のパクリサイトと同じヤツかお友達か？　サーバーは エックスサーバー。

.htaccess で弾いてもいいが、こちらの勘違いかもしれないし、もうちょっと様子をみてみましょう。

コメントスパム対策プラグイン Akismet を spam-bye2 に変えてからめっきりスパムは減ったのですが、現在 Pending にしてるコメントが2つあります。

普通はコメントやトラックバックを確認して表示させる、あるいはスパム（ほぼ海外からのもの）と判断して削除するという流れになるのですが、 Pending してる先には等ブログの URL や記事の紹介はあるのです。

いや、正確にいうと記事そのものが貼り付けてある・・・・。

個人的な備忘録で、しかも PV 1日400前後しかない超弱小ブログなんで、記事を丸々コピーされても怒る気もないんですが、いったい何の目的でこんなことをしてるのか凄く興味を持ちました。

当サイトのパクられた記事は、Counterize II ですが、他のサイト様の記事もあります。
例えば、フリーマガジン風WordPressテーマ10選「10+Free Magazine Style WordPress」 という記事は DesignDevelop 様がオリジナルです。

当然コレもまるまるコピーされたもので、おそらく DesignDevelop 様も気付かれてるのではと思います。

で、も一つ調べてみました。　当ブログに残された IP アドレスの情報から、相手のある程度の所在地をつかむというもの。　これは GIGAZIN の昔の記事、IPアドレスから住所を割り出して地図表示するサービスいろいろ に様々な方法が記載されています。

この中で使ったのは My IP Address Lookup and IP Address Locator というサービス。

以前 FC2ブログ で運営していたサイトでも同じような記事を書いた記憶がありますが、使い方は簡単です。

ip-adress.com にアクセスすると、自分の IP アドレス、住所、プロバイダー、更に地図が表示されます。　相手の情報を表示したい場合は、下部にある ［IP Tracing］ をクリック。

更に 「Track IP,host or website」 に相手の IP アドレスを入れてクリック。　すると国や県、地図、ホストなどの情報が表示されます。

さてこのコピーサイト、住所は長野県ですね。　普通はプロクシ偽装するとだいたい海外の住所になることが多いんですが、どうもプロクシを偽装してるわけではなさそう。　何よりピンバックでまるごとコピーしてることを私に知らせてますし・・・・。

よくわかんないけどブログ記事量産ツールとか使ってるのかな。

ソースを見るとサイトタイトルは 「Word press Tips」 で ブラウズ表示は 「Arthemia」。　更に1個上の階層は「無料ブログ作成サービス」 で ブラウズ表示は 「高円寺ナビ」。　よくわからん。

ちなみにコピーされた Counterize II の記事。

ソースコードを表示させるプラグインsyntaxhighlighter も入れてないでしょうし、 CSS も効いてないので当然見栄えは崩れてます。

メール送れそうなので確認してみるか、無視するか。
非常に気持ち悪くてしょうがない。

当初このブログは WordPress 練習用であったこともあり、文字の大きさや間隔、画像の位置、配色などといったものは結構適当に作ってました。

最近は WordPress ネタだけじゃなくパソコン自作や修理ネタ、購入品（PCや家電系）の紹介、個人的な雑記なども掲載するようになったので、少しテーマの修正を行い見栄えを整理。

ついでに　W3C に適合させてみようと HTML のチェックを行いせっせと修正。
利用したのは以下のサイト様。

しかし幾つかのプラグインで問題が。

1. Get Recent Comments ： id 属性の値が重複する。 「重要度 7」
2. Category Order ： class 属性の前に空白が入ってない。 「重要度 2」
3. Facebox ： メタ文字 & は & amp; と書かく。（変更するとポップアップしない） 「重要度 5」

※LightBox 風プラグインの 「Facebox」 は当ブログでは未使用。

以上が現在修正できていないプラグイン。　特に 「Get Recent Comments」 は運営中全てのサイトで使用してるので何とか修正したいが・・・・。

プラグイン使わずコメとトラバを分ける仕様にかえるのもありだけど。

ちなみに 「おぼえがき」 トップページの HTMLは 88点、別サイトの HTMLは 93点。

当ブログは 透過 PNG の問題で CSS が Valid にならないけど、どっか1サイトぐらい W3C の XHTML と CSS のバナー張りたいな。　プラグイン外してチェックして W3C のバナー頂くのはやはりマズいかなww

以前までこのブログのヘッダー画像は CSS で以下のように呼び出してました。

div#header {
   background:url(images/head.png) no-repeat;
   padding:30px 20px 150px 20px;
   margin-top:30px;
   text-align:left;
}

実際に使っていた画像が右図。

IE7 や Firefox 、 Opera では違和感なく表示できるのですが、 IE6 ではヘッダー画像の部分があきらかに濃い色で表示されます。

前に殴り書きした記事、 IE6でpng画像が透過出来ない のように GIF にしてしまうという乱暴なやり方もあるのですが、あまりスマートとは言えません。

ポピュラーなのは javascript を使って透過画像を IE6 で使用できるようにする方法ですが、今回は CSS だけで出来るやり方を試してみました。

使った画像は右図のもの。

CSS は IE6 だけに効かせるスターハックで以下のように記述。

* html div#header {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="http://xxxxx.xxx/wordpress/wp-content/
themes/xxxxxx/images/head.png",sizingMethod="scale");
 background:none;
 width:1000px;
 height:200px;
}

※「xxxxx.xxx」 、「xxxxxx」 はサイトの URL と 「head.png」 があるフォルダ。
階層を間違えないのがキモ。

これは IE の filterプロパティ AlphaImageLoader　というフィルターを使いアルファチャンネルを有効にするという方法です。

CSS が Valid でなくなるなどの欠点もあるようですが、当ブログはそこをこだわっていないのでこの方法で十分。

今回参考にさせていただいたのは下記のサイト様。　ありがとうございます。m(_ _)m