twitter「ウィジェット」を作成する簡単な手順
twitter上で発信したツイートを、自分が運営しているブログやサイトに貼り付けたい場合もあります。
そんな時は、twitterが公式に搭載している「ウィジェット」を使うと、とても便利です。
ウィジェットを作成して、リアルタイムに更新してくれるタイムラインを、ブログやサイトに貼り付けてしまいましょう!
ウィジェットの作成画面までの流れ
ウィジェットを作成するには、パソコンサイトからアクセスする必要があります。twitterの公式サイトにアクセスしてログインを済ませ、トップ画面を表示させます。
トップ画面が出てきたら、画面上にある「プロフィール」アイコンをクリックして「設定」を選びます。
スポンサーリンク
設定画面に切り替わり、左側に項目一覧が表示されていますので、下部にある「ウィジェット」をクリックします。
ウィジェット一覧が表示されますが、まだ何も作成していなければ「現在、ウィジェットはありません」などと出ています。新しく作成するので「新規作成」をクリックしましょう。
実践!ウィジェットの新規作成手順
「ウィジェットの新規作成」画面では、様々な設定をしていくのですが特に難しいものではありません。
基本的にはオプションやテーマを決めてしまえば、あとは「作成」をクリックすればすぐに作れます。
ウィジェットを作成するには、配信するソースを選択していく必要があります。
スポンサーリンク
特定のアカウントのタイムラインを貼り付けたい場合には、画面上部にある「タイムライン」タブをクリックしましょう。
設定項目では、「ユーザー名」をまず決めます。自分のアカウントを選ぶのが普通ですが 違うユーザーを選んでいても構いません。
続いてオプションにおいて、返信ツイートは除外したり、画像は自動的に開くのかという選択が可能です。
あとは高さやリンクの色などの設定がありますが、基本的には初期状態のままで問題はありません。完成したら「ウィジェットを作成」をクリックすれば、作成は完了です。
最後に画面右下にブログ等に貼り付ける際のコードが自動で生成されますので、コピーして使用しましょう。
編集は自動反映される
ウィジェットを作成して、コードをブログ等に貼り付けてからちょっとウィジェットを編集したいと思うときってありますよね。
ブログ等に貼り付けてみないと、その違和感というものは分からないものです。
もちろんウィジェットは、ブログ等に貼り付けた後であっても編集は可能です。
一旦ブログからコードの削除などはしなくても構わず、編集をすれば自動的に反映をされます。
作成済みのウィジェットを編集するには、twitterのトップ画面から、「プロフィールアイコン」>「設定」>「ウィジェット」と進み、「編集」をクリックします。
作成済みのウィジェットの編集画面が表示されるので、変更したい項目を編集していきましょう。
完了すれば、「変更を保存」をクリックすれば完了です。ブログ等に反映されるには5分ほどの時間がかかります。
お気に入りだけを表示するウィジェットの作り方
頻繁に使ウィジェットソースとして、「お気に入り」もあります。これは指定したアカウントがお気に入りに登録したツイートのみを、タイムライン形式でブログ等に表示をするものです。
作成するには、ウィジェット作成画面において、「お気に入り」のタブをクリックします。作成をする基本的な動作は、「タイムライン」タブで作成した方法と基本的には同じです。
記入作業が完了したら、「ウィジェット作成」をクリックしてください。その後コードが表示されますから、コピーをしてブログ等に貼り付けます。
twitterのタイムラインを項目別に選別して、ブログ等に表示できるウィジェットについて紹介しました。頻繁にブログ等で見かけるものなので、知っている人も多いかもしれませんね。
作成の手順はとても簡単なので、是非利用してみてください!
引き続き、「Twitter使い方」を紹介していきます↓
他にこんな記事も読まれています
「Twitter使い方」人気記事ランキング
![twitter ウィジェット](./img/snapcrab_noname_2015-12-21_11-19-11_no-00.jpg)
twitterハッシュタグの使い方とメリット
![twitter ウィジェット](./img/snapcrab_noname_2015-12-21_11-28-45_no-00.jpg)
twitterリムーブ機能の特徴とは?ブロックとリムーブの違い
![twitter ウィジェット](./img/snapcrab_noname_2015-12-21_11-53-16_no-00.jpg)
twitterの背景を変える方法とは?
自分だけのデザインにしよう
![twitter ウィジェット](./img/snapcrab_noname_2015-12-21_12-51-28_no-00.jpg)
twitterフォロワー管理する便利なツールを2つ紹介します
![twitter ウィジェット](./img/snapcrab_noname_2016-1-14_1-30-14_no-00.jpg)
過去の投稿を消したい!
twitterツイート削除する簡単な方法
![twitter ウィジェット](./img/snapcrab_noname_2016-11-15_21-7-6_no-00.jpg)
twitterでフォローができない4つの原因とは?
![twitter ウィジェット](./img/snapcrab_noname_2016-11-15_21-22-26_no-00.jpg)
自分をアピールしよう!
twitterの自己紹介を編集する方法
![twitter ウィジェット](./img/snapcrab_noname_2016-11-15_21-40-6_no-00.jpg)
相手の全てが丸見え!
twitter分析ツールの機能と使い方
![twitter ウィジェット](./img/snapcrab_noname_2016-11-15_21-54-52_no-00.jpg)
twitterでプロフィールを改行する2つの方法と裏技
![twitter ウィジェット](./img/snapcrab_noname_2015-12-22_10-31-4_no-00.jpg)
twitterのブロックを解除する方法!
解除は相手にバレる?
![twitter ウィジェット](./img/snapcrab_noname_2016-11-16_2-21-26_no-00.jpg)
twitterでブロックされているかを確認する簡単な方法とは?
![twitter ウィジェット](./img/snapcrab_noname_2016-11-16_2-43-8_no-00.jpg)
twitterのうざい広告プロモーションを非表示にする方法
![twitter ウィジェット](./img/snapcrab_noname_2015-12-24_12-2-52_no-00.jpg)
twitterで炎上が発生する原因と大きなリスク
![twitter ウィジェット](./img/snapcrab_noname_2016-11-16_11-18-42_no-00.jpg)
twitterトレンドの活用法!
今盛り上がってる話題をチェック
![twitter ウィジェット](./img/snapcrab_noname_2015-12-28_13-51-52_no-00.jpg)
twitterブロックリストを確認・共有する方法
![twitter ウィジェット](./img/snapcrab_noname_2015-12-28_14-27-52_no-00.jpg)
twitterで動画を投稿する2つの方法とは?
![twitter ウィジェット](./img/snapcrab_noname_2015-12-28_13-40-49_no-00.jpg)
twitterアカウントが凍結する要因と凍結解除方法
![twitter ウィジェット](./img/snapcrab_noname_2015-12-27_11-49-2_no-00.jpg)
twitter「ウィジェット」を作成する簡単な手順
![twitter ウィジェット](./img/snapcrab_noname_2015-12-24_13-28-58_no-00.jpg)
twitterダイレクトメッセージの変更点が凄かった
![twitter ウィジェット](./img/snapcrab_noname_2015-12-27_10-22-59_no-00.jpg)
twitterブロック通知はバレる?ってホント?
![twitter ウィジェット](./img/snapcrab_noname_2015-12-27_11-21-13_no-00.jpg)
twitterでスパムツイートされる原因と正しい解除方法
![twitter ウィジェット](./img/snapcrab_noname_2015-12-25_11-50-36_no-00.jpg)
twitterとアプリを連携しても大丈夫?
連携する方法と手順
![twitter ウィジェット](./img/snapcrab_noname_2015-12-25_11-16-25_no-00.jpg)
メールアドレス1つでtwitter複数アカウントを作成する方法
![twitter ウィジェット](./img/snapcrab_noname_2015-12-24_15-13-2_no-00.jpg)
twitterフォロワー数を劇的に増やす5つのテクニック
![twitter ウィジェット](./img/snapcrab_noname_2015-12-24_14-54-15_no-00.jpg)
twitterアカウントを乗っ取られた時に行ってほしい対処法