iframeでdivがついてしまう

確かにiframeは、そうなるようにしてあります。
なぜそうなるのかというと、youtubeやInstagramの動画をレスポンシブ表示するためです。
WordPressでYouTubeやInstagramのiframeをレスポンシブ対応にする方法

しかし、Amazonデフォルトの商品紹介タグがiframeということは盲点でした。
なるべく、YouTubeとInstagram以外はレスポンシブ表示用のラップをしないように変更してみようと思います。難しい処理なので、必ずできるかどうかは、ちょっとやってみないとわからないんですけど。

簡単な解決方法を思いつきました。javascript.jsの以下の部分を

///////////////////////////////
//Instagramコンテナのクラス付け替え
///////////////////////////////
jQuery(function(){
  //srcにinstagramが含まれているiframe要素を探す
  jQuery('.video-container .video iframe[src*="instagram"]').each(function(){
    //親コンテナ要素のclassの付け替え
    jQuery(this).parent().removeClass('video').addClass('instagram');
    //親の親コンテナ要素のclassの付け替え
    jQuery(this).parent().parent().removeClass('video-container').addClass('instagram-container');
  });
});

以下のように変更すれば、横並びに表示されると思います。

///////////////////////////////
//Instagram、Amazonコンテナのクラス付け替え
///////////////////////////////
jQuery(function(){
  //srcにinstagramが含まれているiframe要素を探す
  jQuery('.video-container .video iframe[src*="instagram"]').each(function(){
    //親コンテナ要素のclassの付け替え
    jQuery(this).parent().removeClass('video').addClass('instagram');
    //親の親コンテナ要素のclassの付け替え
    jQuery(this).parent().parent().removeClass('video-container').addClass('instagram-container');
  });
  //srcにAmazonが含まれているiframe要素を探す
  jQuery('.video-container .video iframe[src*="amazon"]').each(function(){
    //親コンテナ要素のclassの付け替え
    jQuery(this).parent().removeClass('video').css('display', 'inline');
    //親の親コンテナ要素のclassの付け替え
    jQuery(this).parent().parent().removeClass('video-container').css('display', 'inline');
  });
});

うまくいくようでしたら、この変更を次のバージョンアップに適用したいと思います。

子テーマにjavascript.jsを追加したのであれば、バージョンアップは親テーマを上書きすれば手作業は不要になります。

ただ、今回のSimplicity20140918で、YouTubeとInstagram以外のiframeはPHP側でdivでラップしないように修正してみました。

今回のバージョンを使用すれば、JavaScript関係なく動作すると思います。

Simplicity20140918をダウンロードページに反映させるの忘れていました；
ダウンロードペーでにダウンロードできるようにしておきました。