【jQuery】埋め込みツイートを自動的に中央揃えする方法


こんな内容みる人なので、埋め込みツイートがどんななのかの説明は割愛。

こんなヤツですね。
で、サイト・ブログにツイートを埋め込んだ時の問題が左側に寄ってしまうということ。

中央揃えにするためにはblockquoteのクラスを「class="twitter-tweet tw-align-center"」にするだけでokです。


とはいえ、毎回埋め込むたびにclassを修正するのは面倒。
埋め込みは全て中央揃えでいいんだ!という人は、jQueryでclassを追加してあげるとデフォルトが中央揃えにすることができます。

$(function(){
    $(".twitter-tweet").addClass("tw-align-center")
});

twitter-tweetクラスがある場合、tw-align-centerを追加するっていうだけなのでこれだけです。
これをツイートを埋め込むページに記載しておけば、埋め込みツイートが自動で中央揃えになる(はず)

カテゴリ内記事

PR

Loading...