twitterのウィジェットを簡単に作成する方法まとめ

twitter ウィジェット

 

ウィジェットという言葉を耳にしたことがある人も、多いのではないでしょうか?

 

サイトやアプリを開かなくても、すぐに情報の確認ができるという意味を持ち、複数のウィジェットを同時に開くことも可能なのでとても便利です。

 

そんなウィジェットはtwitterにも対応しており、特定ユーザーのタイムラインを表示しなくても、相手のツイートを取得し一覧で表示できます。

 

ブログやサイトにソースコードを貼り付けると、同一ページにタイムラインが表示されるのでツイートの確認がすぐにでるのです。

 

この記事では、twitterのウィジェットのメリットを把握しつつ、ウィジェットを作成する方法について紹介します。

 

 

 

twitterでウィジェットを作成するメリットとは?

 

twitter ウィジェット

 

ウィジェットという言葉が広く浸透し始めたのは、androidのスマートフォンが普及してからです

 

ホーム画面にウィジェットを設定すると、アプリを起動することなく、天気や気温、最新ニュース、新着メールなどを同時に確認することができます。

 

忙しい時は、ウィジェットだけを確認しておき、時間が空いたらじっくりチェックする。

 

こうした使い方がビジネスパーソンに人気を得て、広く言葉が浸透し、twitterにも導入されるようになりました。

 

スポンサーリンク

twitterでブロックすると通知が届く?ブロックを徹底解説

 

ではtwitterでウィジェットを作成することには、どういったメリットがあるのでしょうか?

 

冒頭でも少し触れましたが、twitterのウィジェットのメリットはなんと言っても、twitterを起動しなくてもタイムラインを確認できるという点です。

 

しかも自分のツイートだけじゃなく、他のユーザーのタイムラインを抽出し、ブログやサイト、あるいは自身専用ページに表示させることが可能。

 

またツイートだけじゃなく、自分のお気に入りやリストを抽出し、タイムライン形式で表示もできます。

 

自分が確認するというだけでも良いですし、ブログやサイトの訪問者へアピールするという使い方もできるでしょう。

 

twitterのウィジェットを追加するだけで、情報量に大きな差が生じますよ。

 

 

twitterのウィジェットを新規作成する準備手順

 

twitter ウィジェット

 

twitterのウィジェットが持つ魅力について、理解できたのではないでしょうか?

 

この章ではtwitterのウィジェットを作成する手順について紹介しますが、残念ながらスマートフォンからでは作成できません。

 

twitter ウィジェット

 

まずはtwitter公式サイトにアクセスし、トップページを表示します。

 

twitter ウィジェット

 

トップページの画面右上にある、「自身アイコン」をクリックしてください。

 

twitter ウィジェット

 

メニュー画面が表示されるので、「設定」を選びます。

 

twitter ウィジェット

 

詳細設定画面になるので、画面左側にある「ウィジェット」の項目をクリックしましょう。

twitter ウィジェット

 

ウィジェットについての設定画面に切り替わるので、画面右側にある「新規作成」を選択します。

 

twitter ウィジェット

 

どのウィジェットを作成するかについて、項目が用意されていますから、ここから「プロフィール」をクリックしてください。

 

twitter ウィジェット

 

もしお気に入りやリストを抽出したいなら、「いいね」や「リスト」を選びます。

 

スポンサーリンク

 

これで、ウィジェットの新規作成をする準備が整いました。

 

次章からは、ウィジェットの作成方法について説明していきますね。

 

 

twitterでウィジェットを作成する方法

 

twitter ウィジェット

 

ウィジェットの新規作成の準備が、前章までで整いましたので、ここでは前章の続きから「ウィジェットの作成」について紹介しますね。

 

twitter ウィジェット

 

「設定」から「ウィジェット」に進み、「新規作成」から「プロフィール」をクリックすると、以下のような画面に切り替わります。

 

twitter ウィジェット

 

すべて英語表記で分かりずらいですが、画面中央部に入力欄が表示されていることが分かるでしょう。

 

twitter ウィジェット

 

この入力欄には、タイムラインを抽出したいtwitterのアカウントアドレスを入力していきます。

 

ユーザー独自に用意されているアドレスは、「https://twitter.com/アカウント名」という公式になっています。

 

twitter ウィジェット

 

アドレスの入力が完了したら、入力欄の右側にある「」ボタンをクリックしてください。

twitter ウィジェット

 

すると画面が下側にスライドされ、入力をしたアカウントのタイムラインがボックスのような形で表示されるでしょう。

 

ウィジェットはカスタマイズすることができ、見やすいようにアレンジが可能です。

 

twitter ウィジェット

 

カスタマイズするには、「set customization options」という部分をクリックしてください。

 

twitter ウィジェット

 

タイムラインの言語やフォントサイズ、文字色、高さや幅などが変えられます。

 

twitter ウィジェット

 

カスタマイズが完了したら、「Update」ボタンをクリックしましょう。

 

twitter ウィジェット

 

するとウィジェットの上部に、ブログ等に貼り付けるためのソースコードが表示されます。

 

twitter ウィジェット

 

このソースコードの横にある、「Copy Code」をクリックすると、ソースコードのコピーが可能です。

 

 

作成したウィジェットをブログに貼り付けるには?

 

twitter ウィジェット

 

twitterのウィジェットを作成し、ソースコードのコピーまで完了したらそれで終了ではありません。

 

ウィジェットを確かめるには、ソースコードをブログやサイトに貼り付けし、表示させなければ意味がないからです。

 

スポンサーリンク

 

ではどうすれば、ウィジェットをブログに貼り付けることができるのでしょうか?

 

様々なブログサービスなどがあり、全て同じ手順ではありませんが、ここでは「Seesaaブログ」をサンプルにして紹介します。

 

こちらのブログサービスは、ウィジェットを簡単に貼り付けることができるので、説明するのに分かりやすいため用いました。

 

手順などは違えど、仕組みはどのブログもサイトも同じなので流れを理解してみてください。

 

 

Seesaaブログにtwitterウィジェットを表示する

 

twitter ウィジェット

 

まずはSeesaaブログサービスにアクセスし、「コンテンツ一覧」をクリックしてください。

 

twitter ウィジェット

 

ブログパーツから「自由形式」をドラッグしながら、サイドバーなどまで持っていき、ドラッグを解除します。

 

twitter ウィジェット

 

登録された「自由形式」をクリックしてみると、ソースコードを貼り付けられる欄が表示されていることに気付くでしょう。

 

twitter ウィジェット

 

そこに先ほどコピーしたソースコードを貼り付けし、「保存」をクリックしてください。

 

twitter ウィジェット

 

さきほどの「コンテンツ」画面に戻るので、画面下部にある「保存」をクリックすると、ブログにウィジェットを貼り付けることに成功しました。

 

twitter ウィジェット

 

それでは本当に貼り付けされたのか、ブログを確認してみましょう。

 

twitter ウィジェット

 

このように、しっかりとブログにtwitterに投稿したツイートが、一覧となって表示されています。

 

本来ならばtwitterにアクセスしなければ、ツイートの閲覧はできませんが、ブログを開くだけでツイート内容が表示されるため非常に便利ですね。

 

 

〜まとめ〜

  • twitterでウィジェットを作成するメリットとは?
  • twitterのウィジェットを新規作成する準備手順
  • twitterでウィジェットを作成する方法
  • 作成したウィジェットをブログに貼り付けるには?
  1. Seesaaブログにtwitterウィジェットを表示する

 

サイトやアプリを開かずとも、情報を表示してくれるウィジェットは、twitterにも搭載されています。

 

この機能を使うことにより、ツイートや「いいね」のタイムラインなどを、ブログやサイトに貼り付けることが可能です。

 

これにより、twitterを開かずともツイート一覧をブログやサイトで確認できるので、非常に便利でしょう。

関連記事

ツイッターのフォロワーをたったの1日で3桁増やす最強の技


「Twitterの便利技・便利機能」人気記事ランキング↓

twitter ウィジェット

twitter ウィジェット 【最新】twitterアフィリエイトで簡単に稼ぐ4つの裏技
twitter ウィジェット twitterでフォロワーを増やす!魅力的な自己紹介の作り方
twitter ウィジェット これは凄い!twitterでフォロワー数を劇的に増やす8つの方法
twitter ウィジェット twitterのウザい広告を消す方法まとめ【PC・スマホ対応】
twitter ウィジェット twitterで人気者になれるプロフィールの書き方とは?
twitter ウィジェット twitterモーメントの作り方【作成・編集・削除・シェア方法】
twitter ウィジェット twitteのブックマークの使い方|追加・削除・通知の有無【PC・スマホ別】
twitter ウィジェット twitterの自分用URLの取得方法【ブログへの貼り付け・埋め込み手順】
twitter ウィジェット twitterでDMの既読を確認方法【既読を付けない読み方】PC・スマホ別
twitter ウィジェット twitterで質問箱のやり方【登録・設置・返信・ブロック方法】
twitter ウィジェット twitterにログインせずにツイートを「見るだけ」利用する方法
twitter ウィジェット twitterの返信方法や削除手順、返信内容をバレなくするやり方
twitter ウィジェット 確認して!twitterのアカウントが凍結される原因10選
twitter ウィジェット twitterでブロックされているかを確認する方法
twitter ウィジェット twitterでブロックされるとどうなるのか徹底解説!
twitter ウィジェット 足跡でバレる?twitterの足跡機能の使い方
twitter ウィジェット twitterの正しい付け方!知っておくべき鍵の効果とは?
twitter ウィジェット twitterでログアウトするとどうなる?ログアウトするやり方
twitter ウィジェット twitterアカウントを非公開にする方法【PCスマホ対応】
twitter ウィジェット twitterの鍵付きアカウント情報を見る2つの方法
twitter ウィジェット twitterのアカウントを複数に分けて追加する方法
twitter ウィジェット twitterで不具合が起こった時の正しい対処方法
twitter ウィジェット twitterで相手をブロックをする方法と3つのメリット
twitter ウィジェット twitterのリスト作成方法と便利な使い方
twitter ウィジェット twitterで便利な「お気に入り」機能の使い方と解除方法
twitter ウィジェット twitterのアカウントを削除する方法と正しい手順
twitter ウィジェット twitterの新機能!ミュートを設定する3つのメリット
twitter ウィジェット twitterのフォロワーを簡単に発見し一括リムーブする方法
twitter ウィジェット Twitterでの出会いで最高の恋人を見つける方法5選
twitter ウィジェット twitterのアクティビティの設定・閲覧方法や重要な確認事項
twitter ウィジェット twitterの「いいね」を付ける方法【削除方法・足跡機能の無効】
twitter ウィジェット twitterに投稿された画像をPC・スマホで保存する5つの方法
twitter ウィジェット twitterの動画をPC・スマホにダウンロードする3つの方法
twitter ウィジェット twitterの動画が見れない時に試してほしい6つの対処法
TOPへ