Custom Twitter Feeds:ツイートを取得しショートコードで表示できる

2018年12月30日

ツイートを取得しショートコードで表示できる WordPress 用プラグインの紹介です。
それは「Custom Twitter Feeds」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Custom Twitter Feeds

Screenshot of wordpress.org

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プラグイン「Custom Twitter Feeds」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Custom Twitter Feeds を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

ダッシュボードの「設定」メニューの下に追加されています。

使い方

設定画面から API キーの設定などの必要な設定を行います。

Configuration

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

Twitter API キーの設定を行います。

Feed Settings

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • 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

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Width of Feed
    フィードの幅を % もしくは px 単位で指定します。
  • Height of Feed
    フィードの高さを px もしくは % 単位で指定します。
  • Add Custom CSS Class
    独自の CSS クラスをフィードに追加できます。半角スペースで区切ると複数指定可。
  • Disable the lightbox
    Pro 版のみの機能です。

Show/Hide

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Include the Following in Tweets
    表示に含めるものを選択します。
  • Show Header
    ヘッダーを表示するかどうか。
  • Show the “Load More" Button
    「続きを読み込む」ボタンを表示するかどうか。
  • Add Custom Twitter Feeds Credit
    このプラグインを宣伝するためのクレジット表示をしてもいいかどうか。

Carousel

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

Pro 版のみの機能です。

Masonry Columns

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

Pro 版のみの機能です。

Autoscroll Loading

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

Pro 版のみの機能です。

Moderation

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

Pro 版のみの機能です。

Misc

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Custom CSS
    カスタム CSS コードを入力できます。
  • Custom Javascript
    カスタム Javascript コードを入力できます。

Advanced

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • 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

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Feed Background Color
    フィードの背景色を選択します。
  • Tweet Background Color
    ツイートの背景色を選択します。

Header

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Show Bio
    フィードのヘッダーに自己紹介を表示するかどうか。
  • Header Background Color
    ヘッダーの背景色を選択します。
  • Header Text Color
    ヘッダーの文字色を選択します。
  • Custom Header Text
    フィードのヘッダー内に表示されるデフォルトのテキストを置き換えたい場合に入力します。

Date

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Timezone
    タイムゾーンを設定します。
  • Date Format
    日付の表示書式を選択します。
  • Custom Format
    表示書式をカスタマイズできます。
  • Custom Time Translations
    「minutes」「hours」「now」の翻訳語を入力します。
  • Date Text Size
    日付のテキストサイズを選択します。
  • Date Text Weight
    日付のテキストの太さを選択します。

Author

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Author Text Size
    投稿者のテキストサイズを選択します。
  • Author Text Weight
    投稿者のテキストの太さを選択します。

Tweet Text

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Tweet Text Size
    ツイートのテキストサイズを選択します。
  • Tweet Text Weight
    ツイートのテキストの太さを選択します。
  • Text Color
    テキストの文字色を選択します。
  • Translation for “Retweeted"
    「Retweeted」の翻訳語を入力します。
  • Translation for “In reply to" inreplytotex
    Pro 版のみの機能です。

Links

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Disable Links in Tweet Text
    ツイート中のリンクを無効にするかどうか。
  • Link Tweet Text to Twitter
    Twitter へのリンクをするかどうか。
  • Links in Tweets Text Color
    ツイートのテキストの色を選択します。

Retweet Boxes

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Quoted Author Size
    リツイートされたテキストサイズを選択します。
  • Quoted Author Weight
    リツイートされたテキストの太さを選択します。

Tweet Actions

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Icon Size
    アイコンのサイズを選択します。
  • Icon Color
    アイコンの色を選択します。
  • Custom Text for “Twitter" Link
    “Twitter"リンクのカスタムテキストを入力できます。

Load More

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

  • Button Background Color
    ボタンの背景色を選択します。
  • Button Text Color
    ボタンのテキストの色を選択します。
  • Button Text
    ボタンのテキストラベルを入力できます。

Display Your Feed

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

ショートコードの使い方とパラメーターの解説が記載されています。

Support

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

プラグインに不具合にあった場合の自サイトのシステム情報が表示されます。

表示例

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

デフォルトのままだと上のような感じで表示されるようです。

専用ウィジェット

WordPressプラグイン「Custom Twitter Feeds」のスクリーンショット

ショートコードをそのまま貼り付けます。

URL

Custom Twitter Feeds – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

Twitter

Posted by 管理人