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

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

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

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

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

同じく読んでなかったw フラズム！覚えた！ /これは、まさに、革新的な、新たなる旅立ち*frasm http://t.co/KzzbLU9E

— ともぞう (@tomozo_1975) September 25, 2012

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

どうにか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でした。

文：シンタロヲフレッシュ

はてブ

pocket

twitter