スマホで見つける、もっと可愛い私

《Twitter》タイムラインの基本の埋め込み方法を解説するよ!

《Twitter》タイムラインの基本の埋め込み方法を解説するよ!

手順②埋め込みたいTwitterのURLを入力する

サイトにアクセスすると、英語の文章が表示されます。

What would you like to embed?(何を埋め込みますか?)

Twitter Publish

埋め込みたいものを聞かれているので、ここでTwitterのプロフィールURLを貼り付けます。TwitterのプロフィールURLは、「https://twitter.com/(@を抜かしたユーザー名)/」です。

例えば、Twitterのアカウント名が「@apptopo_0601」の場合、「https://twitter.com/apptopo_0601」がプロフィールURLとなります。

貼り付けが終わったら、右側にある「→」をクリックします。

手順③タイムラインの表示方法・デザインの設定をする

プロフィールURLを貼り付けると、次の文章が表示されます。

Here are your display options(表示オプションは次の通りです)

Twitter Publish

ここで、左側の「Embedded Timeline(タイムラインの表示)」をクリックしてください。ちなみに、右側の「Twitter Buttons」は、シェアボタンやフォローボタンなどを作成するときに選択します。

手順④タイムラインをカスタマイズする

「タイムラインの表示」を選択すると、次の文章が表示されます。

That’s all we need, unless you’d like to set customization options.
(カスタマイズ オプションを設定する必要がない限り、これで十分です。)

Twitter Publish

タイムラインを埋め込む前に、さまざまなカスタマイズ(色やサイズの変更が可能)ができますが、特に何も変更しなくてもいい場合は、そのままコードをコピーして埋め込みができます。

タイムラインをカスタマイズしたい場合は、「set customization options」をクリックします。タイムラインの詳しいカスタマイズ方法については、後ほど説明しますね。

手順⑤表示されたコードを自分のサイトなどのHTMLに貼り付ける

プレビュー画面を確認して特に問題がなければ、コードの右側にある「Copy Code」ボタンをクリックします。

Twitter Publish

「Copied!(コピーできたよ!)」と表示されるので、右上の「✕」で閉じましょう。あとは、コピーしたコードをワードプレスなどのボディ部分に貼り付けたら、埋め込みが完了です。

ちなみに、ワードプレスの場合は、「外観」→「ウィジェット」→ウェジェットの中にある「カスタムHTML」の順に進んでいき、コードを貼り付けて「完了」をクリックしたら埋め込みが完了です。

Twitter Publish

Twitterで埋め込むタイムラインをカスタマイズする方法

ここでは、Twitterで埋め込むタイムラインをカスタマイズする方法を紹介します。

  • 専用サイトから「set customization options」をクリック
  • カスタマイズできる内容は?
  • カスタマイズをする方法

それでは、詳しく見ていきましょう。

専用サイトから「set customization options」をクリック

専用サイト「Twitter Publish」で、プレビューの画面まで進めると、「That’s all we need, unless you’d like to set customization options.」と表示されます。

文の後半にある「set customization options.」がオレンジ色になっているので、ここをクリックしましょう。

Twitter Publish


この記事に関するキーワード