PCではきちんと表示されるのにモバイルだと画像の縦横比がおかしくなる（縦長になる）現象に悩まされていましたが何とか力技で解決しました。

原因は記事内の画像にstyleが適用されているからじゃないかと思っています。

<img src="http://hoge/hoge.jpg" style="width: 440px; height: 338px;" />

このstyle=の部分を削除して表示してみると縮尺がまともになったからです。しかし、これを全記事削除するのは大変なので、以下のコードをテーマ（子テーマ）のcssファイルに追加しました。

img {
    height: auto !important;
}

!importantをつけることにより、styleの既述があっても最優先でheightがautoになるようにしています。大きな影響が出ると困るので、モバイルアクセスの時だけCSS設定しておく方がリスクが小さいんじゃないかと思います。

参考リンク

テーマ

[WordPress] レスポンシブウェブデザインテーマ

2016年6月9日 kakinotane

モバイルフレンドリーサイトを作るためにレスポンシブウェブデザインテーマを探しています。現在は公式テーマを使っていますがあまりに他のサイトとかぶりすぎているのともっと気の利いたものがあるんじゃないかと思ったからです。

Stinger Plus

Stingerを使っている人が非常に多く、カスタマイズの情報もググるとたくさん出てくるので入れてみました。

無料WordPressテーマ STINGER
http://wp-fun.com/post-842/

Simplicity2

その名の通り、シンプルさを売りにしているテーマです。

Simplicityは、とにかくシンプルなWordpressテーマを作ろうという考えの下作成しました。

テーマの名前「Simplicity」には以下の意味があります。

単純

簡単

容易

簡素

質素

飾り気のない

よく言えばシンプル、悪く言えば地味なテーマです。

余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。