XserverXserverSupportDomainDomainSupportMany-KingMany-King Support

XHTML における「XML 宣言」の方法

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宣言をするようになっているそうです。

より厳しい XHTML チェック

本サイトでは、ウェブ標準に拘って、XHTML + CSS をできるだけ正確に表記したいと考えているのですが、取り急ぎ W3C が提供している「W3C Markup Validation Service 」において “Valid XHTML Traditional” を目指しています。

しかし、一度クリアすると更なる上を目指したくなり、ウェブサイトを運営されている方なら誰でも!?ご存知の「Another HTML-lint gateway」での採点を実施したくなりました。

XHTML をチェックすることでは、最も厳格なものである、と個人的には信じていますが・・・そして早速採点すると、下記のような評価で得点は 85 点!Line とは、ページの XHTML の Line を示しているので無視するとしても結構ありますね~修正すべき行が・・・

  1. line 0: (文書の先頭に BOM が含まれています。)
  2. 【解決策】line 1: XHTML1.0 では XML宣言をすることが強く求められています。
  3. 【解決策】line 2: <html> には lang 属性を指定するようにしましょう。
  4. 【解決策】line 2: <html> には xml:lang 属性を指定するようにしましょう。
  5. 【解決策】line 19: (<head>〜</head> 内に <link rev=”made” href=”mailto:〜” /> が含まれていません。)
  6. 【解決策】line 19: (<head>〜</head> 内に <link rel=”next” href=”〜” /> などのナヴィゲーション用のリンクが含まれていません。)
  7. 【解決】line 127: <form> には name 属性と id 属性の両方を指定するようにしましょう。【解決策は、name 属性を挿入するだけですが、属性は id 属性と同一である必要があります】
  8. 【解決策】line 136: <div> と </div> の間が空です。
  9. line 174: (<td> と </td> の間に空白文字しか含まれていません。)
  10. line 175: (<td> と </td> の間に空白文字しか含まれていません。)
  11. line 176: (<td> と </td> の間に空白文字しか含まれていません。)
  12. line 182: (<td> と </td> の間に空白文字しか含まれていません。)
  13. line 195: (<td> と </td> の間に空白文字しか含まれていません。)
  14. line 204: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
  15. 【解決策】line 219: <div> と </div> の間が空です。
  16. line 249: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
  17. 【解決策】line 298: <div> と </div> の間が空です。
  18. line 322: (コメント中に `<` や `>` を書くと、いくつかのブラウザを混乱させることがあります。)
  19. 【解決策】line 341: <div> と </div> の間が空です。
  20. 【解決】line 348: <a> の href 属性の URI に不明のスキーム名 `feed` が指定されています。【解決策は、単純に feed を削除するだけ】
  21. 【解決】line 348: 空要素タグ <br> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】
  22. 【解決】line 350: <a> の href 属性の URI に不明のスキーム名 `feed` が指定されています。【解決策は、単純に feed を削除するだけ】
  23. 【解決】line 350: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】
  24. 【解決】line 350: (<img> には width と height 属性を指定するようにしましょう。) 【解決策は、単純に指示に従うだけ】
  25. 【解決】line 350: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。【解決策は、単純に指示に従うだけ】

上記の問題では、減点されない項目もありますが、一つずつ潰していきたいと思っています。ただ、上記の第 20 項から 25 項は、単純なミスですので即刻修正しました。

サイドバーのメニューをツリー化:tree-maker

Movable Type では、知らない人がいないのではないでしょうか・・・「小粋空間」というブログ。既にブログを解説されてから 3 年を経過しているそうです。私も Movable Type を利用している時は、本当に良く参考にさせて頂いていました。

この「小粋空間」では、最近 Movable Type 用で人気のある plugin を WordPress 用にリリースされています。そんな中かで、「小粋空間::サイドメニューのツリー化プラグイン for WordPress」を参考にサイドメニューをツリー化しました。

利用方法は、上記にあるページに、それこそ素晴らしく詳細に記述されていますので、それを参照して下さい。私の場合、ページとカテゴリーに適用しましたが、解説通りに treehandler.js に日本語表記のカスタマイズを実施しただけで見事にツリー化に成功しました。

ページ間移動を容易に!:WP-PageNavi

投稿記事の増加と共に、複数ページが存在するようになります。特に 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> へ変更する必要があります。

データベースをバックアップ:wp-db-backup 2.1.1

以前は、利用している 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 です!

Page 91 of 94« First...«8990919293»...Last »