更新TwentyTwelveのheader.phpは、個別投稿ページ、トップページ、カテゴリーページなど全てのページで、ナビゲーションバーから上の表示を担当するテンプレートファイルです。SEOなどの面でも最重要なので、構造を簡単に理解しておくことは必須だと思います。html><?php~?>は、中身がコメントアウトされていて、HTMLとして出力されない部分です。コメントアウトの中身は単なる説明です。id=”main”>のHtmlソースの表示をheader.phpが行っていることがわかります。html>は文書形宣言で「このHTML文書をHTML5で書きますよ。html>の後に以下の部分が続いています。?>は、ワードプレスの日本語版を使う限りにおいてはlang=”ja”を出力する働きをします。「このページは日本語で書くよ」という意味です。○○○]>~<![endif]–>の書式は、インターネットエクスプローラー(IE7)向けの条件付きコメントで、「もし○○○ならば~」という意味になります。ここでは、次のような3部構成になっています。IE7ならば~もしIE8ならば~もしIE7でもIE8でもないならば~というわけで、「IE7とかIE8の場合にクラス名が設定されるけど、それ以外の場合はクラスはあてられていいないですよ」という意味になります。条件付きコメントについてもっと詳しく見たい方は、次のページがよくまとまっていると思います。charset=”○○○”次に<head>~</head>を見てみます。ここからは細かくいきます。/>は○○○で文字コードを指定するHTMLタグです。?>ですが、ワードプレスが使用する文字コードを吐き出す関数です。「UTF-8」が吐き出されます。いうわけで、全体として「文字コードはUTF-8ですよ。」と言っているわけです。文字コードについて詳しく知るには、以下のページがいいです。name=”viewport”は表示領域を指定するHTMLタグです。content=”width=device-width”で表示領域の幅をデバイスのサイズと同じにする指定を行っています。name=”viewport”について詳細を調べるなら以下のページがわかりやすいかも。?></title>この部分については、以下のページで散々書いていますのでご一読を。/>これはこの記事を書くまで全く理解してませんでした。わかりませんが、下記のページのおかげでぼんやりと輪郭をつかむことは出来ました。ご一読されることをオススメします。/>これ全体でピンバック先を指定しています。日本語版によると、以下のように定義されています。ピンバックは、自分の投稿からリンクした先のブログ投稿へ自動的に通知を送る仕組み。リンク先のブログにピンバックを受け取る機能がある場合のみに有効。?>より前の部分は、IEでIE9未満のブラウザで閲覧されている場合に、TwentyTwelveテーマフォルダー内のjs/html5.jsを読み込むという意味になります。日本語版を参考にしてください。?>は、CSSファイルやjsファイルへのリンク、Link要素などを大量に出力します。?>を外してしまうとプラグインが作動しないなどの不具合が出ます。無駄なソースを削除したい方は、こちらをご覧ください。坊主ところでCSSは?ここまでで<head>~</head>についてすべて見てきましたが、スタイルシートを読み込む記述が出てきません。TwentyTwelveはきちんとCSSを読み込んでいます。その謎については次の投稿で解明します。fシェアtツイートB!はてブ著者:ウェブシュフFP主夫ブロガー。メインサイトは家計ブログ。PHPやSEOと格闘しつつWordPressで運営しています。サイトをいじったときの備忘録などウェブ関連のことをまとめたサブサイトとして当サイトを運営しています。当ドメインの運営歴は現在8年目です。コメントをキャンセルメールアドレスが公開されることはありません。よる表記とプライバシーポリシ。