テーマ制作者からみた、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上の外部ツールで調べるといいです。



超 地道で、面倒な作業ですが、問題のあるものを使って修正を行うよりは、まだましです 頑張りましょう というか、頑張ります

TOP