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

twitter ウィジェット

 

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

 

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

 

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

 

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

 

この記事では、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のアカウントアドレスを入力していきます。

 

ユーザー独自に用意されているアドレスは、「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を開かずともツイート一覧をブログやサイトで確認できるので、非常に便利でしょう。

他にこんな記事も読まれています



スポンサーリンク


人気記事ランキング


twitter ウィジェット
スマホでお金を稼ぐ!スマホで簡単にお金を稼ぐ方法と裏技8つ



twitter ウィジェット
twitter鍵の正しい付け方!知っておくべき鍵の効果とは?



twitter ウィジェット
t相手にバレる?足跡は見れる?twitterの足跡機能まとめ



twitter ウィジェット
twitterをつぶやいてツイートする3つの方法



twitter ウィジェット
twitterでログアウトするとどうなる?ログアウトするやり方



twitter ウィジェット
twitterアカウントを非公開にする方法【PCスマホ対応】



twitter ウィジェット
twitterの鍵付きアカウント情報を見る2つの方法



twitter ウィジェット
twitterのアカウントを複数に分けて追加する方法



twitter ウィジェット
twitterで不具合が起こった時の正しい対処方法



twitter ウィジェット
twitterで画像が表示されない4つの原因と解決法



twitter ウィジェット
twitterで相手をブロックをする方法と3つのメリット



twitter ウィジェット
twitterのリスト作成方法と便利な使い方



twitter ウィジェット
twitterで便利な「お気に入り」機能の使い方と解除方法



twitter ウィジェット
twitterのアカウントを削除する方法と正しい手順



twitter ウィジェット
twitterの新機能!ミュートを設定する3つのメリット



twitter ウィジェット
twitterで動画を投稿する正しい手順と注意点



twitter ウィジェット
twitterのフォロワーを簡単に発見し一括リムーブする方法




twitterのブロックまとめ


twitter鍵の使い方


twitterで稼ぐ方法


twitterのフォロワーを増やす方法


小技・テクニック