ブログにTwitterのツイートを貼り付ける時に中央表示させる方法

しれっとWordPressのテーマを作り直しました。これまであまりにも内部を含めたデザインにこだわりが無かったことを反省してます。一番痛かったのはh1タグの次がh3タグだったことです。奴はとんでもないものを盗んでいきました。h2です。

そんなわけでこれからはきちんと綺麗に見えるブログを書きたいと思っています。綺麗に見せる第一弾として、ツイートをブログに綺麗に中央寄せで貼り付けるというのが個人的命題になっておりましたが、結構ややこしかったのでやり方をメモ。

ツイートを中央寄せする方法

まずツイートを持ってこなければ話になりません。なので持ってきます。
ブラウザで貼り付けたいツイートを見つけ、その他から「ツイートをサイトに埋め込む」を選択。

埋め込み用コードが表示されるのでコピーしてブログ編集画面に貼り付けます。

ちなみにWordPressはツイートのURL貼り付けるだけで自動的にツイートを表示してくれますが、その場合の中央寄せできないのと、ツイートのURL持ってくるより埋め込むコード持ってくる方が楽なのでこのやりかたを取ってます。

んで、埋め込みコードの

class="twitter-tweet"

のところを

class="twitter-tweet tw-align-center"

に変えてやると…

明日はmiwaたんのLIVEわきゅわきゅ

— ほーくえーす (@hawk_a) August 22, 2013

この通り。これをTextExpanderとかでスニペット登録などしとくと、とっても楽になります。個人的にはもっと楽でプラグインに頼らない方法がある気がしてならないんですが、なんかないかなー。miwaのライブ楽しみ。

参考：WordPressにTwitterのTweetを埋め込んで、左寄せ、中央揃え、右寄せする手順まとめ ｜ウェブシュフ

TextExpander for Mac

3,000円

SmileOnMyMac, LLC

(2013.08.23時点)

posted with ポチレバ