WEBワンポイント

あるサイトにIEやFIREFOXでアドセンスが表示されないとの投稿を見て、
セキュリティソフトやブラウザの設定、ＰＣのIPアドレス等の影響が原因で
見れなくなったという事例が掲載されています。

しかし、それ以外の原因もあるようです。
たまたま見たサイトには以下のような記述がありました。

C:\Windows\System32\drivers\etc　内のhostsファイルの記述に、
127.0.0.1 pagead2.googlesyndication.com　があった場合は
これを削除する。

なるほど、つまりこの設定は、ＰＣのネット接続において、
ローカルホスト内で解決する設定がされているので、その設定を
削除するということです。

なぜ、ＰＣに上記の設定がなされているかは疑問になります。
そのような設定をするソフトがあるのか・・・。

理由はともかく、IEやFIREFOXでアドセンスが表示されない場合は
試してみる価値はありそうです。

また、上記の作業をしたら、表示されるようになったとのことですので
信憑性は高いと思います。

WEBの話題でした。

某サイトを作成していて、苦労したので個人備忘録です。

まず、HTMLファイルを基にしてphp出力にする特殊なサイトを
構築をしていたのですが、デザインは通常通りhtnlファイルでの作業となりました。

元々、このサイトは全くの別人が作成しているため、
詳細は不明だったのです。
ま、しかたないのでCSSを見ながら作業開始。

ほとんどの作業はFirefoxで基本ブラウジングしています。
その理由はプラグインのFirebugが使えるため、手放せないところにあります。

一般の方が閲覧しているブラウザは、やはりIE７～８あたりが多いため、
これらをデザインの基本にしてはいますが、CSS設定がピタッとくるのは
Firefox4だと思っています。

今回は、ほとんど使用率の低いIE6にも気を使い、サイト構成をしました。

Firefoxでのデザインを基にIe8とIe7での見栄えを比べます。
次にoperaやchome、safariなども確認をします。

ここで、ちょっと余談ですが、クロスブラウザの確認には、
IETester と　Adobe BrowserLab　を使用しています。
クロスブラウザ確認なら必須だと思います。

さて、今回はIE6でのズレを修正するために、ie6用のハックを試みました。

おなじみの、* html hogehoge{} をやりましたが、ie6だけでなく、
７までも対象になり変だな～？と思いDTDを見ると、
これが記述されていませんでした。
つまり互換モードになっていた訳です。

DTDが記述されていない場合、IE6には、アンダバーでの記述が
有効ですのでそれも試みましたが、なぜか不発に終わり、
確かdisplay:inline;の設定をしてもＯＫなはずだと思い、
やってみると成功しました。

例えば、ブロックをflortにした場合は、
display:inline;にしても影響はないので、ie6には有効になります。

今まではflortにはmaginを使用していなかったので、
この事実を思い出すまでうっかりしていましたが、このdisplay:inline;は
有効ですのでお試しを。

#box_content {
height:95px;
width: 175px;
font-size: 12px;
float: left;
color: #FFF;
border: 1px solid #FF0;
margin: 40px 0 0 15px;
display:inline;
}

他のCSSと組み合わせたため、その一部ですが、こんな感じです。＾＾

FireFoxを使用していて、各ＷＥＢサイトを閲覧時、そのサイトのＩＰアドレスが知りたい場合に便利なプラグインがあります。

まず、https://addons.mozilla.org/ja/firefox/addon/590　にアクセスをして緑色の「Ａｄｄ　to　FireFox」ボタンをクリックすると、自動的にFireFoxにインストールされます。
その後はブラウザを再起動するだけで、ステータスバーの右下に見事、ＩＰアドレスが表示されます。
これ、結構重宝します。＾＾

Wordpressのテーマ内のスタイルシート（ＣＳＳ）を編集する場合、通常は管理画面内で行います。しかし、編集結果を確認するには保存した後にブラウザする必要があります。そこでもっと便利に快適に作業する方法を紹介します。

便利な「 EditCSS 」


EditCSS　はFirefox用の便利スタイルシート・アドインで、Firefoxを組み込んでおくことで、サイドバーにスタイルシートを表示させ、その場で編集することができます。ソースを確認しながら編集できるのでとても重宝するでしょう。
編集結果はいつでも保存できるので、保存後に改めてWordpressの管理画面内でＣＳＳの変更をする手順になります。
因みに Firefox３ にも対応済みです。


Firefoxには便利なアドオンがいくつも用意されていますが、その中でもＷＥＢカスタマイズに役立つアドインとして知っておきたいですね。ただ、実際に使用してみると、上図右のように、画面が黒く反転して背景のカスタマイズが出来ないケースもあるので、完璧ではないと思います。

しかし、テキストのフォントサイズや行間の調整なら、その場で一発解決するので、このアドインは重宝します。特に、ワードプレスの利用者にとっては、待ち望んでいた機能ではないでしょうか？当初、ワードプレスのプラグインで探していましたが、ふと思い出してFirefox用で探したのが顛末です。

そもそも、Firefoxを使用していない方には何のことかわからないかも知れませんが、この機会にインストールしてみてはいかがですか？現在の最新バージョンははFirefox３になっています。

ＳＣＣの編集と確認用に利用しても十分価値はあると思います。
本来、表示も速いし便利機能も多いので、現在は筆者のメインブラウザとなっています。