ブログ

TwitterのURLをコピーしてブログに貼り付けた時、対象ツイートを自動で中央表示させる方法

埋め込んだツイートを中央に表示 【CSS】

twitterのURLをコピー&ペーストすると、そのツイートを記事内に挿入することができます。(wordpressだけ?)

しかし、ただ貼り付けただけだと左寄になってしまい、イマイチです。

ツイートを埋め込む、という形式でブログに貼って、コードを逐一修正する方法もありますが手間がかかります。

CSSに以下を追加することで、ツイートのURLを挿入しても中央表示されます。

/*--------------------------------------
ツイッター表示カスタマイズ
--------------------------------------*/
.twitter-tweet {
    margin: 0 auto;
}

ツイートの自動表示時のクラスに対して、中央表示するよう指定しただけです。

\こんな感じに中央表示となります/

意外とこのカスタマイズは世に出回っていないです。

参考になれば幸いです。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください