WordPressテーマ Twenty Eleven からTwenty Tenに変更

WordPressのテーマ
当サイトは開設時からWordPress公式の「Twenty Eleven」を使用して来たが、今回、同じく公式の「Twenty Ten」に変更した。まさかのバージョンダウン。
「Twenty Thirteen」も公開されているが、それはWordPressのバージョンが3.6でなければ利用出来ず、現在SiteMixの回線が非常に不安定な為WordPress 3.6をダウンロード出来ない。8/17に最新のWP・テーマのダウンロードに成功した。

何か不具合が見つかったら、ご報告下さい。

◆Twenty ElevenとTwenty Tenの違い

サイドバー
Twenty Elevenは記事には付かず、固定ページは「サイドバーテンプレート」を選べばサイドバーを表示できる。Twenty Tenは記事にサイドバーが付き、固定ページは有り無しを選べる。サイドバーがあることで記事部分が左にずれ、SiteMixの広告の煩わしさが軽減された。
フッターエリア
Twenty Elevenは3カラム、Twenty Tenは4カラム。
検索バー
Twenty Elevenはヘッダー部分に装備してあるが、Twenty Tenにはどこにも無く、サイドバーにウィジェットとして装備する必要が有る。
ヘッダー画像
サイズは、Twenty Elevenは横幅が1000pxで縦横比は維持されて表示される。Twenty Tenはどんな画像も940px×198px(4.7:1)で表示される。
Twenty Elevenの場合ヘッダー画像にHPへのリンクがされるが、Twenty Tenにはリンクは無い。
投稿時刻別の前後のリンク
Twenty Elevenは「前へ」・「次へ」と表示されるが、Twenty Tenはタイトルが表示される。
フォント
Twenty Elevenが一般のものなのに対しTwenty Tenは明朝体風。
h1~h6タグ
Twenty Elevenは、字が大きく表示されるのはh1とh2(共に同じ大きさ)のみで、h3は小さく表示される。それ以外は普通の大きさ。
Twenty Tenはh1からh6まで段階的に大きさが異なり、h3が普通の大きさ。記事見出しはh4と同じ大きさ。
ウィジェットの見出しの大きさは、Twenty Elevenでは内容の字より小さかったが、Twenty Tenは内容の字より大きい。
table要素
背景色は、Twenty Elevenではbgcolor属性で色を変えられていたが、Twenty Tenは背景色がスタイルシートで定義されている為、style属性を使わなければ変更出来ない。
thタグ(ヘッダー)内の文字は、Twenty Elevenでは小さくなって表示されるが、Twenty Tenでは太字で表示される。

◆変更した理由

記事ページのサイドバーにアフィリエイト広告を設置する事を予定して変更した。
「Twenty Thirteen」もサイドバーおよびフッターにウィジェットが設置できるためどちらにするかかなり悩んだ。TenはHTML5に厳密に対応していないが、Thirteenは十分に対応している。しかし「thタグ内に小英字を書いた際、Tenならそのまま小英字で表示されるがThirteenだと大英字で表示される」事が決め手となって、Tenを選んだ。
今までは、Twenty Tenでtableの背景色を変える方法が分からず、「Twenty Tenでは背景色を変える事が出来ない」と思っていた。tableの背景色を変えられないのでは非常に不便なので、Twenty Elevenを使っていた。所が、ネットで調べた所style属性を使えばTwenty Tenでも背景色を変えられる事が分かった。それでTwenty Tenに変更した。Twenty Tenに変更する前にサイト内記事に於ける全てのtableのbgcolor属性をstyle属性に書き換えた。50記事以上もあり、大変な作業だった。

◆HTMLの文法

「The W3C Markup Validation Service」や「Another HTML-lint 5」で新テーマによる当サイト(http://mugi.hp2.jp/)のHTML文法をチェックしてみた。
W3Cでは「FC2アクセス解析・FC2アクセスカウンター」と「SiteMix広告」についてエラーを出し、lint 5は、「テーマのlinkタグの属性」と「FC2アクセス解析・FC2アクセスカウンター」と「SiteMix広告」等66個のエラーを指摘し8点だった。
エラーの殆どはSiteMix広告によるもので、しかも深刻度も高い。SiteMix広告の文法は直せず、直すとしたらSiteMixに要請するしかない。FC2関連のタグは、自分で直せる。lint 5が指摘したlinkタグの属性は、WordPress独自のもののようで、直す必要はなさそうだ。

直せるところを直したところ、lint 5では12点上がって20点になった。

カテゴリー: 当サイト パーマリンク

WordPressテーマ Twenty Eleven からTwenty Tenに変更 への1件のフィードバック

  1. ピンバック: WordPress 3.6 日本語版が公開 ダウンロードに幾度も失敗 | むぎの手記

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">