Rotating Tweets 使い方

今回はWordPress上でツイッターのつぶやきを次々に表示させてくれるプラグイン
Rotating Tweets(Twitter widget & shortcode) のご紹介です。

WordPress上につぶやきを表示するプラグインは様々ありますが
今回は当サイトでも使用している(PCの方は画面左中央、スマフォの方は画面下サイドバー内の「Twitter」の部分)
プラグインをご紹介します。

Rotating Tweetsインストール

案内人
WordPress管理画面にログイン後、「プラグイン」⇒「新規追加」をクリックします。
検索フォームに(Rotating Tweets)と入力しEnterを押します。

RotatingTweets1
案内人
インストールボタンをクリックし、プラグイン有効化リンクをクリック。

RotatingTweet2

終人
これでインストールは終了です。次はTwitterAPIの設定です。

TwitterAPIの設定(Twitterアプリケーションの登録)

案内人
次に「設定」⇒「Rotating Tweets」をクリックし、Rotating Tweetsの設定画面に行きます。
Rotating Tweets設定画面のMy applications pageリンクをクリックします(https://dev.twitter.com/apps)

RotatingTweet4
案内人
Twitterのアプリケーション画面に行ったら「Create New App」ボタンをクリックします。

RotatingTweet5
案内人
サイト情報を登録します。
アプリケーション名 / 必須
アプリケーションの説明 / 必須
アプリケーションのWebサイト / 必須
コールバックURL / 任意
※コールバックURLとは何かの処理の完了後に戻ってくるURLです。

RotatingTweet6
案内人
同意チェックにチェックを入れ、Create~ボタンをクリック

RotatingTweet7
案内人
Your application has been created.~の成功メッセージ確認後、
「Keys and Access Tokens」をクリックし、API keyとAccessTokenを作成します。

RotatingTweet8
案内人
表示画面下の「Create my access token」ボタンをクリック

RotatingTweet9
案内人
これで必要な情報が揃いました。表示画面を開いたまま、
再度WordPress管理画面のRotatingTweetsの設定画面を表示し、上で入手した「API Key」と「Access Token」をコピー & ペーストします。

RotatingTweet10
案内人
他の設定項目はとりあえずデフォルト設定のまま、「SaveChanges」ボタンをクリックし、設定を保存します。



終人
これでTwitterAPIの設定は終了です。
次はRotating Tweetsをウィジェットへ追加し実際にサイト上に表示させてみます。

ウィジェットへの追加と表示設定

案内人
WordPress設定画面の「外観」⇒「ウィジェット」をクリックします。
左メニューの「利用できるウィジェット」の中に「Rotating Tweets」があるので、表示させたい場所にドラック&ドロップします。

RotatingTweet11
案内人
すると上画像のような設定項目が表示されるので、情報を設定していきます。

Title
画面表示タイトルです。当サイトでは「Twitter」と入力してます。
Twitter name
ご自身のTwitter名です。@~を入力して下さい。
Type of Tweets?
ツイートの種類を選択します。デフォルトではタイムライン情報を表示するようになっています。
他には、「お気に入り」や「リスト」の表示設定のラジオボタンがあります。
お好きな項目を設定してください。
当サイトではデフォルトの「User timeline」を選択しています。
また、チェックボックスの設定は以下の通りです。

・Include retweets? ⇒ RTを含めるか?

・Exclude replies? ⇒ 返信を含めるか?

・Shorten links? ⇒ 短縮URL表示するか

・Open all links in new window or tab? ⇒ リンククリック時、別ウィンドウ表示させるか

・How many tweets? ⇒ 表示ツイートの数

・Speed ⇒ 表示スピード(デフォルト4秒)

・Type of rotation ⇒ ローテーションタイプ
当サイトではデフォルトの「Scroll Up」を選択しています。
お好きなタイプを設定して下さい。

・Display format ⇒ 表示形式です。
当サイトでは「Official Twitter guidelines (regular)」
を選択しています。
表示形式については、表示確認しながらお好きな設定を選択して下さい。

・Show follow button? ⇒ フォローボタンの表示設定です。

終人
設定項目をすべて入力したら保存ボタンをクリック。サイト画面を表示し確認してみてください。
お疲れ様でした!