【Twitter】埋め込みツイートを中央揃えにする書き方

Twitterのツイートをサイトに埋むみたいことがありますが、そのまま埋め込みをすると、左側に寄ったままになるんですよね。

今回は、そんな左側によった埋込みツイートを、中央揃えにする方法です。

スポンサーリンク

埋め込みツイートの中央揃え

一番簡単な方法です。尚且つ、あまり埋込しない方用。

埋込コードの最初blockquoteタグのclass=”twitter-tweet”に「tw-align-center」を追加すると、真ん中に設定できます。

<blockquote class="twitter-tweet tw-align-center" data-lang="ja">

こんな感じに真ん中に表示できます。

ツイートの埋込が真ん中にあると、とてもバランスがよくなりますね。

右側に寄せたい場合は、center部分をrightにすることで可能になります。

classに「align=”center”」を追加しても中央揃えにできるのですが、WordPressの仕様上、ビジュアルエディタとテキストエディタに切り替わるときに自動的に外されてしまいます。
スポンサーリンク

ブログランキング・にほんブログ村へ