今回はWordPress上でツイッターのつぶやきを次々に表示させてくれるプラグイン
Rotating Tweets(Twitter widget & shortcode) のご紹介です。
WordPress上につぶやきを表示するプラグインは様々ありますが
今回は当サイトでも使用している(PCの方は画面左中央、スマフォの方は画面下サイドバー内の「Twitter」の部分)
プラグインをご紹介します。
Rotating Tweetsインストール
案内人
WordPress管理画面にログイン後、「プラグイン」⇒「新規追加」をクリックします。
検索フォームに(Rotating Tweets)と入力しEnterを押します。
検索フォームに(Rotating Tweets)と入力しEnterを押します。
案内人
インストールボタンをクリックし、プラグイン有効化リンクをクリック。
終人
これでインストールは終了です。次はTwitterAPIの設定です。
TwitterAPIの設定(Twitterアプリケーションの登録)
案内人
次に「設定」⇒「Rotating Tweets」をクリックし、Rotating Tweetsの設定画面に行きます。
Rotating Tweets設定画面のMy applications pageリンクをクリックします(https://dev.twitter.com/apps)
Rotating Tweets設定画面のMy applications pageリンクをクリックします(https://dev.twitter.com/apps)
案内人
Twitterのアプリケーション画面に行ったら「Create New App」ボタンをクリックします。
案内人
サイト情報を登録します。
アプリケーション名 / 必須
アプリケーションの説明 / 必須
アプリケーションのWebサイト / 必須
コールバックURL / 任意
※コールバックURLとは何かの処理の完了後に戻ってくるURLです。
アプリケーション名 / 必須
アプリケーションの説明 / 必須
アプリケーションのWebサイト / 必須
コールバックURL / 任意
※コールバックURLとは何かの処理の完了後に戻ってくるURLです。
案内人
同意チェックにチェックを入れ、Create～ボタンをクリック
案内人
Your application has been created.～の成功メッセージ確認後、
「Keys and Access Tokens」をクリックし、API keyとAccessTokenを作成します。
「Keys and Access Tokens」をクリックし、API keyとAccessTokenを作成します。
案内人
表示画面下の「Create my access token」ボタンをクリック
案内人
これで必要な情報が揃いました。表示画面を開いたまま、
再度WordPress管理画面のRotatingTweetsの設定画面を表示し、上で入手した「API Key」と「Access Token」をコピー & ペーストします。
再度WordPress管理画面のRotatingTweetsの設定画面を表示し、上で入手した「API Key」と「Access Token」をコピー & ペーストします。
案内人
他の設定項目はとりあえずデフォルト設定のまま、「SaveChanges」ボタンをクリックし、設定を保存します。
終人
これでTwitterAPIの設定は終了です。
次はRotating Tweetsをウィジェットへ追加し実際にサイト上に表示させてみます。
次はRotating Tweetsをウィジェットへ追加し実際にサイト上に表示させてみます。
ウィジェットへの追加と表示設定
案内人
WordPress設定画面の「外観」⇒「ウィジェット」をクリックします。
左メニューの「利用できるウィジェット」の中に「Rotating Tweets」があるので、表示させたい場所にドラック&ドロップします。
左メニューの「利用できるウィジェット」の中に「Rotating Tweets」があるので、表示させたい場所にドラック&ドロップします。
案内人
すると上画像のような設定項目が表示されるので、情報を設定していきます。
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? ⇒ フォローボタンの表示設定です。
終人
設定項目をすべて入力したら保存ボタンをクリック。サイト画面を表示し確認してみてください。
お疲れ様でした！
お疲れ様でした！
