投稿日：2007年05月29日
XHTML 1.0 では、XML 宣言することが強く求められる！という事は良く知られているようですが、Internet Explorer 6.0 （IE6.0） が、それをカバーしていないため（エラーになったり、ページ表示できなかったり・・・）、宣言することを避けているサイトが結構ありますよね！
しかし、PHP が稼動するレンタルサーバでは、これを簡単に解決してくれます。詳細は、「BirDesign::IE6でのXML宣言の問題と回避方法」という投稿記事に示されています。
本サイトでも上記の投稿記事を参考に header.php の最上位行に下記のコードを挿入しました。
<?php
$ua = $_SERVER['HTTP_USER_AGENT'];
if (!(ereg(”Windows”,$ua) && ereg(”MSIE”,$ua)) || ereg(”MSIE 7″,$ua)) {echo ‘<?xml version=”1.0″ encoding=”‘ .get_settings(’blog_charset’) .’”?>’ . “\n”;
}
?>
上記のコード中、<?php と ?>の前後に、余計なスペース・改行などは入れないことが注意点くらいで、単純に挿入するだけで、XHTML 1.0 では、XML 宣言することができるようになります。上記のコードは、訪問者のブラウザが Windows の IE 以外だった場合に、XML宣言をするようになっているそうです。
No Comments »
投稿日：2007年05月29日
本サイトでは、ウェブ標準に拘って、XHTML + CSS をできるだけ正確に表記したいと考えているのですが、取り急ぎ W3C が提供している「W3C Markup Validation Service 」において “Valid XHTML Traditional” を目指しています。
しかし、一度クリアすると更なる上を目指したくなり、ウェブサイトを運営されている方なら誰でも！？ご存知の「Another HTML-lint gateway」での採点を実施したくなりました。
XHTML をチェックすることでは、最も厳格なものである、と個人的には信じていますが・・・そして早速採点すると、下記のような評価で得点は 85 点！Line とは、ページの XHTML の Line を示しているので無視するとしても結構ありますね～修正すべき行が・・・
- line 0: (文書の先頭に BOM が含まれています。)
- 【解決策】line 1: XHTML1.0 では XML宣言をすることが強く求められています。
- 【解決策】line 2: <html> には lang 属性を指定するようにしましょう。
- 【解決策】line 2: <html> には xml:lang 属性を指定するようにしましょう。
- 【解決策】line 19: (<head>〜</head> 内に <link rev=”made” href=”mailto:〜” /> が含まれていません。)
- 【解決策】line 19: (<head>〜</head> 内に <link rel=”next” href=”〜” /> などのナヴィゲーション用のリンクが含まれていません。)
- 【解決】line 127: <form> には name 属性と id 属性の両方を指定するようにしましょう。【解決策は、name 属性を挿入するだけですが、属性は id 属性と同一である必要があります】
- 【解決策】line 136: <div> と </div> の間が空です。
- line 174: (<td> と </td> の間に空白文字しか含まれていません。)
- line 175: (<td> と </td> の間に空白文字しか含まれていません。)
- line 176: (<td> と </td> の間に空白文字しか含まれていません。)
- line 182: (<td> と </td> の間に空白文字しか含まれていません。)
- line 195: (<td> と </td> の間に空白文字しか含まれていません。)
- line 204: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
- 【解決策】line 219: <div> と </div> の間が空です。
- line 249: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
- 【解決策】line 298: <div> と </div> の間が空です。
- line 322: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
- 【解決策】line 341: <div> と </div> の間が空です。
- 【解決】line 348: <a> の href 属性の URI に不明のスキーム名 `feed` が指定されています。【解決策は、単純に feed を削除するだけ】
- 【解決】line 348: 空要素タグ <br> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】
- 【解決】line 350: <a> の href 属性の URI に不明のスキーム名 `feed` が指定されています。【解決策は、単純に feed を削除するだけ】
- 【解決】line 350: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】
- 【解決】line 350: (<img> には width と height 属性を指定するようにしましょう。) 【解決策は、単純に指示に従うだけ】
- 【解決】line 350: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】
上記の問題では、減点されない項目もありますが、一つずつ潰していきたいと思っています。ただ、上記の第 20 項から 25 項は、単純なミスですので即刻修正しました。
No Comments »
投稿日：2007年05月29日
Movable Type では、知らない人がいないのではないでしょうか・・・「小粋空間」というブログ。既にブログを解説されてから 3 年を経過しているそうです。私も Movable Type を利用している時は、本当に良く参考にさせて頂いていました。
この「小粋空間」では、最近 Movable Type 用で人気のある plugin を WordPress 用にリリースされています。そんな中かで、「小粋空間::サイドメニューのツリー化プラグイン for WordPress」を参考にサイドメニューをツリー化しました。
利用方法は、上記にあるページに、それこそ素晴らしく詳細に記述されていますので、それを参照して下さい。私の場合、ページとカテゴリーに適用しましたが、解説通りに treehandler.js に日本語表記のカスタマイズを実施しただけで見事にツリー化に成功しました。
No Comments »
投稿日：2007年05月28日
投稿記事の増加と共に、複数ページが存在するようになります。特に 1 ページに表示する投稿記事の設定によっては、投稿記事が複数ページに渡るため、直ぐにページ間移動を容易にしたくなったりします。
そこで、本ブログでは、ページ間移動を容易にするために WP-PageNavi という plugin を導入しました。WordPress のバージョンによって導入する plugin のバージョンが相違します。本サイトでは、WordPress ME 2.2 という最新版をインストールしているため、対応する WP-PageNavi のバージョンは無いのですが、とりあえずバージョン 2.10 を導入してみました。
WP-PageNavi をダウンロードして解凍。そして、plugin のフォルダーごと WordPress の plugin フォルダーへアップロードして有効化します。
この plugin は有効化するだけでは、その効果が現れませんので、ページナビゲーションを表記したい箇所（index.php や archive.php など）に以下のコードを挿入するようになっていますが、なぜか機能しませんでした・・・
< ?php if(function_exists(’wp_pagenavi’)) { wp_pagenavi(); } ?>
そこで、「power*source::ページ番号を並べたナビゲーション - WP-PageNavi」にある以下のコードを挿入したら機能しました！
< ?php wp_pagenavi(); ?>
どうやら PHP の function_exists が機能しないようです。もっと詳細を調べる必要があるのでしょうけど・・・
本サイトでは、ページの底辺部分挿入しました。これで、投稿記事が多くなってもページ間移動が多少容易になります。
もし、XHTML1.0 というウェブ標準を考慮するのであれば、plugin のファイル中の強調タグを <b></b> から <strong></strong> へ変更する必要があります。
No Comments »
投稿日：2007年05月27日
以前は、利用している Database をバックアップするために、wp-db-backup という plugin が、WordPress 及び WordPress ME に同梱されていたのですが、確か WordPress 2.0 になってから同梱されなくなりました。
その後、2.1.x になってからも愛用していた plugin なのですが、やっぱり必要になって導入しました。どうせなら最新版を、ということで、本日現在最新版である、wp-^db-backup 2.1.1 を導入。
導入に関しては、通常の plugin とまったく変わりはありません！WordPress Database Backup からファイルをダウンロード、解凍後 plugin ディレクトリーにアップロードして有効化するだけです。
特に Cron とか言う機能を利用すると、自動バックアップを設定できて、定期的に plugin がバックアップを自動で実施してくれますのから、一旦設定したら後はいじる必要がありません！これは、とっても心強い plugin です！
No Comments »
