いいねブログ!『僕の好きな情報発信箱』

機械メンテナンス屋のかしわモチがネットにハマって試行錯誤しているブログ。

ブログのやり方

amazonアソシエイトタグの下に余白が出来るのを直す方法(wordpressでstinger使用)

wpのテンプレートであるStinger5を使わせてもらっているのですが、amazonアソシエイトタグを張り付けるとその下に数行の余白が勝手に出ていたのを直す方法が分かりました!

iframeでくくられているamazonアソシエイトタグですが、stingerではyoutubeの貼り付けタグと同じ構造なので自動的に横幅を開けて上下のスペースを取るようにしているようです。

スポンサードリンク

余白の消し方

fanction.phpの中の表示を変更します

//iframeのレスポンシブ対応
function wrap_iframe_in_div($the_content) {
if ( is_singular() ) {
$the_content = preg_replace('/<iframe[^>]+?youtube.com[^<]+?&lt;\/iframe>/is', '<div class="youtube-container">${0}</div>', $the_content);
}
return $the_content;
}
add_filter('the_content','wrap_iframe_in_div');

$the_content = preg_replaceの部分、2行記述があると思うのですがこの部分を上記の記述に変更するだけでiframeの下の余白が無くなります。

ちなみにyoutubeの表示も問題なく出ました!

余計な余白って読んでいる人も不安になるだろうし、ブロガーとしてもクリック率が下がるような気がしますよね。

気になったらすぐに直しておきましょう。

スポンサードリンク

 

-ブログのやり方