WordPress テーマファイルをXHTML1.0 strictからHTML5に変換してみた。
2017年06月03日 21時00分 
月齢:8.7[九日月] 潮汐:小潮
(最終更新日:2019年09月17日)
8年前に投稿 | WordPress | コメントはありません
5分ぐらいで読めます。
この記事は情報が古い場合があります。
今までXHTML1.0に10年以上こだわってきましたが、プラグインなどがHTML5として作られてきたため、もうそろそろ限界かなぁと思い、テーマの構文をXHTML1.0 strictからHTML5に変換することにしました。XHTMLのカチッとしたルールが好きだったんですけどねー。
とはいうものの、ほとんど手を入れなくてもいいようなので、とりあえずヘッダまわりを修正し、<hearder>や<nav>などの要素を、既存のdiv要素のブロックにかぶせるように付けて、ハイできあがり。
今までのXHTML1.0 strictは、
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu03/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu03/print.css" type="text/css" media="print" />
<link rel="Shortcut Icon" href="https://susu.cc/wp-content/themes/susu03/images/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://susu.cc/feed" />
<link rel="alternate" type="text/xml" title="RSS .92" href="https://susu.cc/feed/rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://susu.cc/feed/atom" />
<link rel="pingback" href="https://susu.cc/xmlrpc.php" />
<link rel="index" href="index.php" />
でした。ちゃんとXML宣言(IE対策あり)も記述していたんです。
これをHTML5にしたところ、
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu04/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="https://susu.cc/wp-content/themes/susu04/print.css" type="text/css" media="print">
<link rel="shortcut icon" href="https://susu.cc/wp-content/themes/susu04/images/favicon.ico" type="image/x-icon">
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://susu.cc/feed">
<link rel="alternate" type="text/xml" title="RSS .92" href="https://susu.cc/feed/rss">
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="https://susu.cc/feed/atom">
<link rel="pingback" href="https://susu.cc/xmlrpc.php">
<link rel="index" href="index.php">
というふうになりました。名前空間の宣言が減ってしまったから、なんていうか、パンツをはき忘れたようなスースー感があって、ちょっと落ち着かないなぁ。もう少し慣れるまでには時間がかかりそう。
サイトの閲覧者からみると、一見何も変わっていないように見えてあまり面白くないかも。
古い記事・新しい記事
- 古い記事 [2015年09月14日]
- ← WordPress4.2以降の絵文字対応を無効化する。
- 新しい記事 [2018年05月13日]
- → ウェブサイトをSSLへ。WordPressのhttp→https化。
他にも「WordPress」カテゴリの記事はいかがですか。
- WordPress3.3にしてみました。
- WordPress2.8.4にしました…
- WordPressのビジュアルエディタ、右に謎の空白ができたので対策した。
- WordPress3.1.1にしました。
- WordPressログイン画面(wp-login.php)への不正アクセス対策。
- TinyMCEビジュアルエディタのフォントを明朝体から好きなフォントへ変更する。
- WordPressにおける文字表示(置換)のカスタマイズ。
- WordPressに実装されているはずのレスポンシブイメージが機能しないのでもう一度確認してみた。
- WordPressプラグイン「qTranslate」で多言語化してみた。
- WordPressの既存テーマにfaviconを表示させてみる。