🌊

WordPressの記事に埋め込むツイートを常に中央寄せにする

に公開

WordPressで記事を書く際に、ツイートを埋め込むと、デフォルトでは左寄せになってしまいます。これはちょっと不格好ですよね。

単純にセンタリングするだけであれば、埋め込みコードのclass="twitter-tweet"となっている部分に、新しくtw-align-centerというclassをを追加すればOKです(参照→埋め込んだTweetを簡単に中央寄せ表示する方法)。

しかし、埋め込みコードに毎回classを書き足すのは面倒くさい。というわけで、記事中の全ての埋め込みツイートを中央寄せしましょう。

やり方は単純で、追加CSSに以下を書くだけ。

.twitter-tweet {
    margin: 32px auto;
}

普通にblock要素の左右marginにautoを指定して中央寄せにするだけ。上下marginは、見やすいように好きに付けましょう。

Discussion