「メイリオ」による表示の崩れを直しました。

当サイトをご覧いただいている方から、サイト表示の崩れをご指摘いただきました。
原因は表示フォントが「メイリオ」(使用ブラウザはFirefox)だったことによるメニューのオーバーフローでした。私のPCはボロマシーンでXPなのでまったく気が付きませんでしたが、VISTAを利用されている方はもしかしたらメイリオを利用されていて、同様に表示が崩れていたのかもしれません。大変失礼いたしました。
確かに、ユーザーごとに表示フォントが異なるのですから、このような現象が起こりかねませんので、当サイトからのダウンロードテーマをご利用の際にもヘッダーメニューの左右幅に余裕を持たせてご利用いただいた方がいいようです。

最近、当サイトではArtisteerを利用してWPテーマを作成していますが、多くの場合ヘッダーの上かもしくは下にメニューを配置しています。左右に1行で収まっている場合には問題ありませんが、ページを作成した際にそのタイトルが長い場合には、1行に収まりきらず2行になってあふれてしまいます。ページのタイトルを短めに設定して左右に収まるように調整したりしているわけですが、左右ぎりぎりに収まっている場合にはフォントの違いによる微妙な拡大で、今回の現象が起こっていたようです。
あふれたメニューが2行になり、2行目のメニューがサイドバーを押して、さらにこのサイドバーがメインブロックを押してしまって、入りきれずにサイドバーの下に表示されるという現象でした。

こうした現象は、WordPressのサイトからテーマをダウンロードして利用する際にもごくたまに見かける現象で、サイドバーなどに連続した英数小文字(長いURL等)が入っていたり、左右幅が入りきれない画像が入った場合などにも起こることがあったかもしれません。ちょっと正確ではないかもしれませんが、ブロック配置が崩れてしまうような場合には、サイドバーかメインブロックの左右幅を少し小さめに設定すると、正常に配置される場合があるので、ダウンロードテーマで同様の現象がある場合には試してみてください。

今回私自身、メイリオを利用して当サイトを表示させて確認したのですが、どうもこの「メイリオ」というフォントがMicroSoftが謳っているほど表示がきれいなのかどうか良くわかりません。通常は「MSゴシック」もしくは「MS Pゴシック」などで表示している場合が多いと思いますが、私自身はこちらのフォントの方が表示がきれいに思えます。文字がある程度大きい場合には、ボリューム感のあるくっきりしたフォントだとは思いますが、通常の本文で利用している12px前後の表示だと変なにじみのようなものが感じられ、どうも好きになれません。まあ、フォントデザインというのも個人個人の好みですし、慣れもあるのでしばらく愛用すれば慣れてくるのかもしれませんが、、、。

One Response to 「メイリオ」による表示の崩れを直しました。

  • 悟理 says:

    よけいなお手間を取らせて申し訳ありませんでした。

    メイリオはXP用のものも配布されていますので、XPでも試すことはできると思います。私はメイリオの方が断然読みやすいと思いました(一部の字形で変なのものがいくつかありますが)。

おすすめプラグイン

■All in One SEO
SEO対策には欠かせない基本プラグイン。とりあえず、インストールしてタイトルとキーワードを書きこむだけでも意味はある。
■LightBox2, wp-jquery-lightbox
写真や画象を拡大表示してくれる定番プラグイン。wp-jquery-lightboxの方が最近はおすすめかも。
■Google XML Sitemaps
Google対策の定番。サイトマップを自動で作成してくれる。
■Contact Form 7
お問合せを作る定番。操作も簡単で項目の設定なども簡単。
■Really Simple CAPTCHA
上のContactForm7と合わせて利用するシンプルなキャプチャソフト。(スパムを避けるためのもの)
■Downloads Manager
テーマやお知らせ、書類のPDFなどをダウンロード管理するソフト。もちろん、ダウンロードカウンターあり。
■My Link Order
リンクを自由に並べ替えられるプラグイン。お客様の関係などで上下を入れ替えたいなどの場合に役立つ。
■WP-Cycle
数枚のヘッダー画像をFlashを利用したかのように交換するプラグイン。固定ページなどで固定画象にしたい場合は、別テンプレートを利用して調整。
■CKEditor for WordPress
高機能エディター。Blogエディターを使わないなら、インストールしてみて試すだけでもいい。
■Theme Switcher Reloaded
サイトのテーマを訪問者が自由に変更できるプラグイン。テーマの見本を見てもらう際などに有効。
随時追加予定・・・。

アーカイブ

PCを寄付してください!!

三陸の被災企業にパソコンを寄付してください!
新しいPCを買って使わなくなったものなど余ってるPCを被災地に寄付していただけませんか?詳しくは、以下の画像をクリックしていただくとサイト管理人が運営しているNPOサイトの説明のページに移ります。ご寄附のお申し出をしていただけるフォームをご用意していますのでそちらからご連絡ください。(※なお、ご寄附いただくPCはWindows XP以降のPCとし、メモリーは256MB以上搭載を希望します。)

■1次募集期間:2011年12月~2012年3月
※ご寄附いただいたパソコンの寄付先などは上記画像をクリックしていただくと開く「復興ルート45」のサイトに掲載いたします。

★Artisteerテーマ配布

Artisteerのテーマ見本は上のメニュー「WPテーマDW」をクリックして開いたページからダウンロードできます。Artisteer3.0で作れる高機能なテーマの内容がチェックいただけるはずです。
LightNEasyのご紹介
少し古くなりましたがLiteCMSのLightNEasyご紹介サイトです。よろしかったらご覧ください。

これまでの投稿一覧
気仙沼&一関の物件募集
金野不動産のホームページへ3月の東日本大震災で多くの方が家を失いました。被災地周辺のご出身で、気仙沼や一関などに中古住宅や売地、放置してある家や農地、山林等をお持ちではありませんか?地域の復興にぜひお役立てください。メールにてご連絡ください。

金野不動産のホームページへ
気仙沼市・金野不動産



にほんブログ村 IT技術ブログ CMSへ にほんブログ村 デザインブログ Webデザインへ
にほんブログ村 IT技術ブログ Webサイト構築へ