Twitterのツイート埋め込みを記事の中央に表示させる方法

公開日: : web制作tips, wordpress

前回、Twitterのツイートを自分のブログ記事に貼り付ける方法について紹介しました。
しかし、コードに編集を加えずにそのまま貼り付けた場合、左端に寄せられるため、ブログのデザインによっては見難く感じることがあります。

そこで今回はTwitterの埋め込みコードを編集して、ツイートを記事の中央に表示させる方法について紹介したいと思います。

ツイートを中央に表示させる方法

まずはツイートを自分のブログ記事に埋め込む方法から。
最初にTwitter公式から埋め込みたいツイートを選び、ツイートの右下の「その他」をクリックし、「ツイートをサイトに埋め込む」を選択してください。

ハイライトされた埋め込みコードを貼り付けるのですが、そのままだとこんな感じで左寄せにツイートが表示されます。

これを記事の中央に表示させたい場合は、埋め込みコード内の

class="twitter-tweet"

の部分を

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

に変更してください。そうすると……

このように中央に表示させることができます!

以上で、Twitterのツイート埋め込みを記事の中央に表示させる方法についての解説は終わりです。

関連記事

Twitterのツイートをブログ記事に埋め込む方法

Twitterのツイートをブログ記事に埋め込む方法についての解説です。 Wordpressの場合プ

記事を読む

Googleウェブマスターツールの「検索クエリ」がより詳細に改善される

Googleウェブマスターツールの「検索クエリ」が改善されたことが、Google ウェブマスター向け

記事を読む

Xサーバー、WordPress特化のレンタルサーバー&クラウドサービス提供開始

2013年2月22日からXサーバーが、WordPressに特化した「wpXレンタルサーバー」&「wp

記事を読む

Googleニュースをキーワード毎にRSSリーダーに登録する方法

はじめに ニュース記事の最新情報を仕入れるのに、Googleニュースは重宝します。 そして、その

記事を読む

Comment

  1. […] 応用編→Twitterのツイート埋め込みを記事の中央に表示させる方法 […]

Message

メールアドレスが公開されることはありません。

dysoncoolfan
ダイソン 羽根のない扇風機の新製品「AM06/AM07」を発表

ダイソンが羽根のないただひとつの掃…扇風機「ダイソンクールファン」の新

abenoharukas
あべのハルカス、ついに全面開業-高さ日本一の300m

近畿日本鉄道が建設した高さ日本一(300m)のビル「あべのハルカス」が

ビットコインの父、米カリフォルニアに在住か-ビットコインとの関係は否定

ビットコインの考案者と言われるナカモト・サトシ氏の所在がThe Fac

LINE電話ってどんなもの?-解説・まとめ

LINE電話とは LINE公式のプレスリリース 公式のプレスリリー

ASUS、ワコム製デジタイザ搭載のVivoTab Note 8を発売開始【レビュー情報】

ASUSTeK Computerが、ワコム製デジタイザ搭載のWindo

→もっと見る