prasm prasmっていうブログだよ

埋め込みツイートが記事からはみ出して困っているなら、試してみるべきおまじない

あっさり解決。

jQueryって、凄いね。@shintarowfreshです。

WordPressの3.4からは、個別ツイートのリンクを、記事内に張るだけでツイートが埋め込めるという、恐ろしく便利な機能があるのですが、個別記事ページだと見切れないこの埋め込みツイートも、フロントページだとなぜだか見切れておりました。

https://twitter.com/tomozo_1975/status/250570488974290944

こんな感じでURLを直張りで

こうなるわけで。すこぶる便利なのですが、いかんせん、見切れる。

どうにかCSSで対応してやろうと四苦八苦しましたが、私程度のミジンコ脳みそでは手も足も出なかったので、めんどくさくなって大先生にお伺いを立ててみたところ、さすがにあっさり解決しました。

解決したどころか、おまけにレスポンシブ対応までとは!

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

こちらの記事の中程、追記の部分におまじないがあります。

おまじないはこちら

jQueryをつかって、横幅を上書きしているんですね。お見事。

<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>

こいつを</body>の直前に書けば、はみ出すことはありません。

とりあえずCSSで何とかなるだろうもそろそろ限界か。

結局触って確かめながら楽しむために、そろそろブログのテーマをごっそり変えてみようかしら。

参照したサイト

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

はみツイートをカマしている方はお試しあれ。

@shintarowfreshでした。

次回の記事は
「旅とOSMO Mobile」
読みのがしなくッ!