WordPressで埋め込みツイートがはみ出た時の対処法

Posted on

Sponsored Link

twitterの個別ツイートのリンクを貼るだけでツイートを埋め込みにしてくれて便利なWordPressですが、スマートフォンだと横に大きくはみ出て表示されてしまいます。
こんな感じに。
IMG_4321
対処法があります。

footer.phpのの直前に以下のコードを記述

<script type="text/javascript">
	window.onload=function(){
		if(jQuery('.twitter-tweet-rendered').size()>0){
			jQuery('.twitter-tweet-rendered').each(function(){jQuery(this).css("width","");});
		}
	};
</script>

するとちゃんと表示されます。
IMG_4322

参考記事
WordPressサイトをスマートフォン表示へ対応させるためにやったこと *Ateitexe




SHARE:)
このエントリーをはてなブックマークに追加 LINEで送る
Yahoo!ブックマークに登録

 
rss feed follow us in feedly Subscribe with livedoor Reader


One thought on “WordPressで埋め込みツイートがはみ出た時の対処法

  1. Pingback: 埋め込みしたツイートがはみ出たので footer.php で修正 | idea//BreadBoard

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>