WordPress テーマファイルをXHTML1.0 strictからHTML5に変換してみた。
2017年06月03日 21時00分 
月齢:8.7[九日月] 潮汐:小潮
(最終更新日:2019年09月17日)
7年前に投稿 | 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」カテゴリの記事はいかがですか。
- テーマをフルモデルチェンジしてみた。
- WordPressのテーマファイル「white-album」
- WordPressでコメント欄にアバターを表示する。
- WordPressの文字コードをutf8からutf8mb4に変換した。
- WordPressの日付表記をPoeditで変更してみた。
- ワードプレスの「P」って、大文字なのかと今さら気づいたので。
- WordPressでカテゴリ別にページのデザインを変えてみた。
- WordPressに、human_time_diffで投稿からの日数を表示する。
- WordPressのアカウントからadminは絶対削除しておくべき。
- WordPressに実装されているはずのレスポンシブイメージが機能しないのでもう一度確認してみた。