Skip to main content

どのようにあなたのウェブサイトやブログのTwitterウィジェットを作成する

Twitterのウィジェットをブログに埋め込む方法 (六月 2025)

Twitterのウィジェットをブログに埋め込む方法 (六月 2025)
Anonim

多くの人がTwitterクライアントを使って自分のステータスやツイートを更新していますが、ブログやウェブサイトに公開できる有用なTwitterウィジェットのホストもあります。

これらのウィジェットを使用すると、最新のつぶやきを表示したり、関連するハッシュタグを訪問者に通知したり、特定の瞬間を表示したりすることができます。

自分のTwitterウィジェットを設定する方法については、以下の手順に従ってください。

Twitterアカウントの設定からウィジェットのタブにアクセスする

Twitter.comにアクセスして、WebブラウザからTwitterアカウントにログインします。

あなたの プロフィール写真のアイコン 画面の右上隅にあるを選択して 設定とプライバシー ドロップダウンメニューから選択します。左側のサイドバーで、 ウィジェット オプション。

ウィジェットタブで 新規作成ボタン。いくつかのオプションがドロップダウンメニューに表示されます。いずれか1つをクリックすることができます。それらはすべて同じ新しいページに開きます。そこでは、公開するウィジェットの種類を選択することができます。

あなたが埋めたいTwitterコンテンツのタイプを選択してください

次のページで、 下向き矢印 の中に TwitterのURLフィールドを入力してください Twitterのウィジェットに変換できるコンテンツの種類に使用可能なオプションのリストを表示します。

これらには、

  • コレクション
  • つぶやき
  • プロフィール
  • リスト
  • 瞬間
  • Aはタイムラインが好きです
  • ユーザーハンドル
  • ハッシュタグ

任意のデフォルトURLを選択すると、ウィジェットの外観の例を見ることができます。

ウィジェットに入れたいコンテンツのTwitter URLを取得する

あなたのウィジェットに必要なコンテンツのためにTwitter URLを準備していない場合は、新しいブラウザタブまたはウィンドウを開いてTwitter.comに移動し、コレクション、ツイート、プロフィール、リストなどを検索する必要がありますあなたが望むコンテンツタイプ。

あなたがそれを見つけたら、URLをコピーする Twitterウィジェットの公開タブ/ウィンドウに戻りますTwitterのURLを入力フィールドにURLを貼り付けます。この例では、@LifewireのプロファイルのURLを使用します。

URLをフィールドに貼り付けたら、 右向きの矢印 次のステップに移動します。

表示オプションを選択

URLを入力すると、利用可能な表示オプションから選択するよう求められます。ウィジェット用に選択したコンテンツの種類に応じて、さまざまな表示オプションを使用できます。

プロファイルの例では、埋め込みタイムラインとTwitterボタンのどちらかを選択するオプションがあります。クリックします埋め込みタイムライン.

埋め込みコードをコピーしてあなたのウェブサイトまたはブログのコードに貼り付けます

ウィジェットの外観とプレビューのすぐ上に表示されるコードのプレビューが表示されます。

あなたのウィジェットが見える方法に満足すれば、あなたは先に進み、 青コピーコードボタン コードをコピーしてウェブサイトやブログのコードのどこかに貼り付けることができます。ウィジェットの高さと幅は柔軟になるように作られているため、ブログやサイトの領域の制約内に収まる必要があります。

ウィジェットについて何か変更したい場合は、をクリックしてください カスタマイズオプションを設定する どのような変更を行うことができるかを確認します。この例では、特定の高さ、幅、暗い/明るい外観、デフォルトの色と言語のみを設定できます。

記事更新者:Elise Moreau