テーマ制作者からみた、WordPressテーマの選び方
ワードプレスでテーマの選び方は、結構難しく、
私もワードプレスを始めたころ、「テーマの選び方」を紹介するサイトを片っ端から参照しては、選び疲れて、呆然とした苦い思い出があります。
Googleで「公式テーマ」で検索すると、WordPress公式ディレクトリ配布テーマには絶望… なんて記事を見つけると、ついクリックしてしまい
国産テーマ絶賛なので、「やっぱ、同じ文化の中の人のもの」もいいのかなぁ、なんて思って、使っているテーマを見てみると、
/* Theme Name: simple-catch-child Author: Admin Template: simple-catch */
あれ、あれ、絶望したはずの「公式テーマ」を使っていたりして、 検索上位に表示されていても、あてにならない情報もあるんだなと思ったりする。
テーマ選びは、スクリーンショットを見ながら選ぶことになるので スクリーンショットに表示されている姿と、デフォルトでの表示が全く異なる事も多く
また、多くのテーマ制作者は、画像素材サイトの画像をビシバシ使っているので、スクリーンショットに映り込んだ画像に影響されて、「なんか、すごそうなテーマ」なんて影響もうける
日本語に対応した公式テーマは、日本語翻訳ファイルを持っているのだけれど この翻訳ファイルを持ったテーマを 検索などで探すことが出来ないという事情もある。
( 誰か知っている人がいたら、教えてくださいー )
でも、あんたは、テーマメンテしているんだから、「良いものにしていこう」と思っているんだろうから、どんなのが良いテーマかって考えたことあんでしょ どうなのよ?
と問われた時に、「なんて返事したらいいのかな???」
たぶん、しどろもどろになりながら こう答えるかな? といった点を メモに残します。
テーマユーザーは、htmlの評価用ツールを使いまくるといいよ、
今だと、モバイルフレンドリーテスト これを使わない手はない。
ワードプレスは、最終的にhtmlを出力するためのツールなので、 Markup Validation Serviceも使いましょう。
うーん、「見た目を信じちゃいけないよ」
ワードプレスには、デフォルトテーマというのがあるので、デフォルトテーマをテストツールにかけるとどうなるか?
テーマ名は、twentyeleven (2011)~twentyfifteen(2015)などに読み替えてください
この他に、私のテーマ Raindrops と、ワードプレステーマレビューチームの偉い人が作った Stargazer で、比較してみました。
同じ投稿でも、エラーは、それぞれ異なる結果
2011 | 13 Errors, 10 warning(s) |
2012 | 11 Errors, 11 warning(s) |
2013 | 7 Errors, 12 warning(s) |
2014 | 8 Errors, 12 warning(s) |
2015 | 7 Errors, 1 warning(s) |
raindrops | 6 Errors, 1 warning(s) |
Stargazer | 0 本文概要表示のためエラー部分が表示されない。 |
教訓、トップページが抜粋表示になっているテーマは、結果が実際より良く表示されやすいので、より吟味したほうがいいよー
( 投稿は、皆同じですが、プレイリスト等も含まれていますので、どんなに調整されたテーマでもエラーが出るようなコンテンツを含んでいます )
ヘッダー画像にテーマにストレスのかかる画像サイズでテストしてみる。
現在は、フレキシブルヘッダーになっているテーマが多いと思います。おすすめ設定よりもでかい画像をアップロードして正確なサイズで表示されるかどうかを調べてみます。
1920x400の画像をアップロードして、切り抜かないで画像を設定しました。
2011 | 切り抜かないボタン非表示 | |
2012 | 960x378 | |
2013 | 1080x230 | レスポンシブ連続的ではない |
2014 | 1220x480 | 右側に隙間 連続的にレスポンシブ |
2015 | 切り抜かないボタン非表示 | |
raindrops | 1280X481 連続的レスポンシブ | |
Stargazer | 1220X480 連続的レスポンシブ |
少なくても、Raindropsの場合は、エラーなサイズです。
じゃ、投稿本文に書かれたOEMBEDメディアは、
2011 | 狭くすると下部に隙間 |
2012 | 同上 |
2013 | 同上 |
2014 | 同上 |
2015 | 同上 |
Raindrops | 連続的に変化隙間発生なし |
Stargazer | 連続的に変化隙間発生なし |
どうですか? デフォルトテーマでも、いろいろな違いがある事が理解してもらえると思います。
公式テーマや、個人配布テーマなら、もっと大きな違いが見えてくるはずです。
これは一例ですが、アップロードした画像等が、意図した比率で正常に表示できるかとか、htmlを正しく出力しているとかは、WEB上の外部ツールで調べるといいです。
超 地道で、面倒な作業ですが、問題のあるものを使って修正を行うよりは、まだましです 頑張りましょう というか、頑張ります