Custom Twitter Feeds:ツイートを取得しショートコードで表示できる
ツイートを取得しショートコードで表示できる WordPress 用プラグインの紹介です。
それは「Custom Twitter Feeds」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
Custom Twitter Feeds
Custom Twitter Feeds は、ツイートを取得しショートコードで表示できます。
ウィジェットでも表示可能。
このプラグインは Twitter API を使用しています。
利用には、以下の 4 項目が必要です。
- Consumer Key
- Consumer Secret
- Access Token
- Access Token Secret
Twitter の API キーの取得方法については、以下の URL を参照してください。
https://www.torikun.com/entry/twitter-developer-api
記事を作成もしくは更新時点でのバージョン:v 1.2.10
マルチサイトでの利用:可
Gutenberg エディターでの動作
Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。
Gutenberg エディターでのショートコードの挿入手順
このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。
https://www.hiskip.com/wp/notes/9402.html
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Custom Twitter Feeds – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Custom Twitter Feeds」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Custom Twitter Feeds を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「設定」メニューの下に追加されています。
使い方
設定画面から API キーの設定などの必要な設定を行います。
Configuration
Twitter API キーの設定を行います。
Feed Settings
- Feed Type
取得するフィードのタイプを選択します。「Home Timeline」は自分のフィードのとフォローしているユーザーのフィードを取得できます。 - How Many Tweets to Display
表示するツイート数を入力します。
初期値:5 - Check for new tweets every
新しいフィードを取得するまでの間隔を指定します。
初期値:1 時間 - Preserve settings when plugin is removed
チェックを付けると、このプラグインをアンインストール時に設定値が削除されなくなります。 - Are you using Ajax powered theme?
使用中のテーマが Ajax を使用してコンテンツを更新している場合には、チェックを付けます。
Customize
General
- Width of Feed
フィードの幅を % もしくは px 単位で指定します。 - Height of Feed
フィードの高さを px もしくは % 単位で指定します。 - Add Custom CSS Class
独自の CSS クラスをフィードに追加できます。半角スペースで区切ると複数指定可。 - Disable the lightbox
Pro 版のみの機能です。
Show/Hide
- Include the Following in Tweets
表示に含めるものを選択します。 - Show Header
ヘッダーを表示するかどうか。 - Show the “Load More" Button
「続きを読み込む」ボタンを表示するかどうか。 - Add Custom Twitter Feeds Credit
このプラグインを宣伝するためのクレジット表示をしてもいいかどうか。
Carousel
Pro 版のみの機能です。
Masonry Columns
Pro 版のみの機能です。
Autoscroll Loading
Pro 版のみの機能です。
Moderation
Pro 版のみの機能です。
Misc
- Custom CSS
カスタム CSS コードを入力できます。 - Custom Javascript
カスタム Javascript コードを入力できます。
Advanced
- Clear Twitter Card Cache
Pro 版のみの機能です。 - Request Method
Twitter API に接続するためのリクエスト方式を選択できます。 - Force cache to clear on interval
「Yes」を選択すると、キャッシュを強制的にクリアし、新しいデータを Twitter から取得できます。 - Tweet Multiplier
検索するツイートの数を増やしたい場合に数値を大きくします。大きくするとフィードの読み込み時間も増加します。
初期値:1.25 - Clear Persistent Cache
このボタンをクリックすると、全てのキャッシュデータを消去できます。 - Persistent cache enabled by default
このチェックボックスをオンにすると、デフォルトで最大 150 個のツイートがデータベースに保存されます。7 日間の制限を超えてもツイートが利用可。
Style
General
- Feed Background Color
フィードの背景色を選択します。 - Tweet Background Color
ツイートの背景色を選択します。
Header
- Show Bio
フィードのヘッダーに自己紹介を表示するかどうか。 - Header Background Color
ヘッダーの背景色を選択します。 - Header Text Color
ヘッダーの文字色を選択します。 - Custom Header Text
フィードのヘッダー内に表示されるデフォルトのテキストを置き換えたい場合に入力します。
Date
- Timezone
タイムゾーンを設定します。 - Date Format
日付の表示書式を選択します。 - Custom Format
表示書式をカスタマイズできます。 - Custom Time Translations
「minutes」「hours」「now」の翻訳語を入力します。 - Date Text Size
日付のテキストサイズを選択します。 - Date Text Weight
日付のテキストの太さを選択します。
Author
- Author Text Size
投稿者のテキストサイズを選択します。 - Author Text Weight
投稿者のテキストの太さを選択します。
Tweet Text
- Tweet Text Size
ツイートのテキストサイズを選択します。 - Tweet Text Weight
ツイートのテキストの太さを選択します。 - Text Color
テキストの文字色を選択します。 - Translation for “Retweeted"
「Retweeted」の翻訳語を入力します。 - Translation for “In reply to" inreplytotex
Pro 版のみの機能です。
Links
- Disable Links in Tweet Text
ツイート中のリンクを無効にするかどうか。 - Link Tweet Text to Twitter
Twitter へのリンクをするかどうか。 - Links in Tweets Text Color
ツイートのテキストの色を選択します。
Retweet Boxes
- Quoted Author Size
リツイートされたテキストサイズを選択します。 - Quoted Author Weight
リツイートされたテキストの太さを選択します。
Tweet Actions
- Icon Size
アイコンのサイズを選択します。 - Icon Color
アイコンの色を選択します。 - Custom Text for “Twitter" Link
“Twitter"リンクのカスタムテキストを入力できます。
Load More
- Button Background Color
ボタンの背景色を選択します。 - Button Text Color
ボタンのテキストの色を選択します。 - Button Text
ボタンのテキストラベルを入力できます。
Display Your Feed
ショートコードの使い方とパラメーターの解説が記載されています。
Support
プラグインに不具合にあった場合の自サイトのシステム情報が表示されます。
表示例
デフォルトのままだと上のような感じで表示されるようです。
専用ウィジェット
ショートコードをそのまま貼り付けます。