Twitterのヒント：埋め込みツイートを中央に配置する方法

WebサイトでTwitterから何かを共有したい場合は、Twitterでツイートを簡単に埋め込むことができます。 ツイートの埋め込みは、完全にインタラクティブであり、ウェブサイトの読者がTwitterユーザーのプロフィールに直接ジャンプしたり、ツイート自体をリツイートまたは引用したり、ツイートが生成した応答を確認できるため、ツイートのスクリーンショットをコピーするよりも望ましい場合があります。
しかし、Twitterがツイートを埋め込む方法には1つの大きな問題があります。それは、中心に置かれていないからです。 デフォルトでは、埋め込まれたツイートは左揃えです。

これはあなたにとっては問題ではないかもしれませんが、Webサイトのデザインと一貫性を重視する場合、特に他の埋め込み画像やビデオがすべて中央にある場合、埋め込みツイートを左に揃えることは非常に面倒です。
良いニュースは、Twitterが提供する埋め込みコードにテキストを少し追加するだけで、埋め込まれたツイートをすばやく簡単に中央に配置できることです。 仕組みは次のとおりです。

ツイートを埋め込む

まず、埋め込みたいツイートを見つけて、埋め込みコードを取得します。 これは通常、右上隅にある小さな下向きの矢印をクリックして、メニューから[ ツイートを埋め込む ]を選択することで実行できます。

Twitterが提供するコードをコピーして、WebサイトのCMSに移動します。 WebページでHTMLを追加および編集するプロセスはプラットフォームによって異なるため、不明な場合はプラットフォームのドキュメントを確認してください。 たとえば、エディターで[ テキスト ]をクリックすると、WordPressで投稿のHTMLやその他のコードを表示できます。 他のプラットフォームでは、 Sourceという単語を使用します。 理解できたら、ツイートの埋め込みコードを目的の場所に貼り付けます。

センター埋め込みツイート

ここで停止すると、ページをプレビューするときに標準の左揃えのツイートが表示されます。 埋め込みツイートを中央に配置するには、埋め込みコードを見て、最初の近くでこの場所を見つけます。

twitter-tweetの 後、引用符の中にtw-align-centerを追加し、2つのステートメントの間に必ず1つのスペースを空けるようにしてください。

それでおしまい！ 変更を保存して、投稿をプレビューまたは公開するだけです。 これで、埋め込まれたツイートが中央に表示されます。