リニューアルに伴う修正作業を行いました

Browser choice vs user IQ

おととい、リニューアルを行った
メインサイトのeinetrie.comですが、
検証作業をしていなかったので、
IEを中心に、様々な不具合を起こしていました。

たまたま、昨日「脱力ワーク」を受けていただいた
クライアント様が「サイトがうまく見れません」と
教えていただいたので、IEでチェックしてみると、
404エラーで強制リダイレクトされていました。

しかし、何が原因かさっぱりわかりませんでした。

サポートに尋ねても原因不明とのことで、
しかたなく、タグを一つ一つ当たっていき、
やっとのことで不具合の原因を突き止め、
タグごと削除しました。

これはマズイということで、
各種ブラウザの検証作業をするのに、
AdobeのBrowserLabを使いました。

これを使うと、一発で指定のブラウザの
表示イメージを取得できるので超便利です。

https://browserlab.adobe.com/index.html

このおかげで、IEの7,8,9のそれぞれで、
表示の不具合をすぐに発見。
スタイルシートの修正作業を行なって、
なんとか正常に見えるようになったと思います。

さすがにIE6では表示崩れます。
これはもう仕方ないので放置です。
IE6でご覧の方、ごめんなさい!

#…だったのですが、今はなぜか問題なく見れてます。不思議…??

IE6の方は、ぜひIE7以上にアップグレードするか、
以下のモダンブラウザを使ってみてください。
他のサイトも、シャキッと見ることができますよ。

■Safari(サファリ)
http://www.apple.com/jp/safari/
Appleのブラウザ。Mac,iPhoneでは標準ですが、Windows版もあります。
Mac同様日本語フォントにアンチエイリアスがかかり、綺麗です。

■GoogleChrome(グーグル・クローム)
http://www.google.co.jp/chrome/intl/ja/landing.html
とにかくばかっぱや。超高速ブラウザです。

■FireFox(ファイア・フォックス)
http://mozilla.jp/firefox/
プラグインやテーマを追加することで、どんどんカスタマイズできる高機能ブラウザ。

■Opera(オペラ)
http://jp.opera.com/
これもプラグインが豊富な高機能ブラウザ。

ついでに、携帯電話と、iPhone/Androidのテーマも
新規に導入し、設定を行いました。
これで、ほぼどんな端末で見ていただいても、
見やすいサイトになったのではないかと思います。

ただ、携帯でフォーム入力がうまくいかないみたいなのですが、
これは更に難しい問題なので、
未だ解決できていません。

それにしても、
Wordpressならではの、
多機能ぶりは今さらながら驚きます。

プラグインを追加することで、
欲しい機能がどんどん実現しますからね。
これを一から手書きでやってたら、
気が遠くなって死にそうです。

IEが正常化したことで、
サイトのブラウズ数も順調に伸び出しました。
やれやれです。

よかったらシェアください
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次