WordPressにTwitterを埋め込みする方法を解説！【プラグイン不要】

まずは、Twitter Publishを使って特定のツイートをWordPressに埋め込む方法を紹介します。

「Twitter Publish」にアクセスし、WordPressに埋め込みたいツイートのURLを上画像の赤枠に入力して実行します。

ページを下にスクロールすると表示オプションが表示されるので、「埋め込まれたタイムライン」を選択してから「コードをコピーする」ボタンを押下すると、コードの取得ができます。

Twitter Publishでは、リプライを表示するかしないかも簡単に選ぶことができます。

リプライとは、ツイートに対して投稿または返信されたメッセージのことで、Twitter上で直接やりとりできる機能です。

表示オプションを選ぶ項目の下に書かれている「カスタマイズオプションを表示する」を押下すると、リプライ表示の選択が可能です。

リプライを表示させない場合は「会話を隠す」の箇所にチェックを入れ、更新ボタンを押下します。

リプライを表示させても問題ないのであれば、チェックを入れずに更新ボタンを押下しましょう。

次に、コピーしたコードをWordPressの投稿に埋め込みます。

まず、ブロックの検索から「カスタムHTML」を選び、表示される枠内にコードを貼り付けましょう。

実際にどのように表示されるかは「プレビュー」を押下すると確認できます。

たとえば、リプ欄が長すぎて全部を埋め込みたくないという場合は、会話の一部だけを埋め込むことも可能です。

まず、リプ欄のなかで埋め込みたいツイートをクリックしてURLをコピーし、Twitter Publishでコードを取得しましょう。

そして、WordPressの「カスタムHTML」にコードを貼付けると、対象のツイートと元のツイートだけが表示されます。

ほかの会話は表示されないので、どんなにリプ欄が長くてもスッキリとした印象になります。

タイムラインの埋め込みも、先に紹介したようにコードの取得を先におこないます。

まず、WordPressに埋め込みたいTwitterアカウントのURLを取得しましょう。

そして、Twitter Publishにアクセスし、URLを入力する欄に貼り付けて「 → 」を押下します。

タイムラインを表示させる際は、好みのサイズや色にカスタマイズが可能です。

まず、表示オプションの「埋め込まれたタイムライン」を押下します。

次に「カスタマイズオプションを設定する。」を押下して、サイズや色の設定をしましょう。

WordPressの記事内で表示させたい高さと幅をpxで調整したうえで、背景色を白か黒で指定してください。

最後に「更新」を押下します。

なお、翻訳されたページでは「光」「闇」で表示されていますが、これはTwitterの背景色を「白」と「黒」のどちらにするかということです。

カスタマイズができたら、コードをコピーしてWordPressに挿入します。

これまでと同じように「カスタムHTML」を選んで枠内に取得したコードを貼り付けましょう。

固定ページと投稿のどちらでも同じ進め方で大丈夫です。

TwitterのツイートをWordPressのサイドバーに設置するには、特別な作業は必要ありません。

これまでと同様に、Twitter Publishを利用してコードを発行し、サイドバーのウィジェットエリアに貼り付けるという流れです。

ウィジェットを表示させるには、ダッシュボードのメニューにある「外観」 → 「ウィジェット」の順番に押下します。

そして「カスタムHTML」をサイドバーウィジェットにドラッグ＆ドロップします。

ドラッグ＆ドロップしたカスタムHTMLの右側にある「▼」アイコンを押下すると、内容の編集ができます。

任意のタイトルを入力し、取得したコード内容の欄に貼り付けましょう。

最後に保存して完了です。

まず、これまでと同様に、埋め込みたいTwitterアカウントのURLを取得し、赤枠の中に入力して「 → 」を押下します。

次に、表示オプションから「Twitterボタン」を選択すると、フォローボタンとメンションボタンの選択がポップアップ表示されるので、追加したいボタンを選択します。

必要に応じてオプションを設定して更新してください。

最後に、コードをコピーしてWordPress投稿の挿入したい位置に貼り付けて完了です。

フォローボタンをWordPressのサイドバーに埋め込む方法は、先に紹介したタイムラインをサイドバーに埋め込む手順と同じです。

WordPressのダッシュボードからウィジェットを開き、カスタムHTMLを設定しましょう。

タイトルを入力したうえで、コピーしたコードを貼り付けて「保存」ボタンを押下すると完了です。