Twitter は現在、3 億 5,310 万人を超えるユーザーを抱える最大のソーシャル メディアの巨人の 1 つです。 このソーシャル メディア フィードを Web サイトに追加することは賢明な選択です。 ただし、 Elementorには Twitter フィードを表示するデフォルトのウィジェットはありません。 Twitter フィードを表示するウィジェットを提供するアドオンをインストールすると、Twitter フィードを表示できるようになります。 Essential Addons と Happy Addons は、Twitter フィードを表示するためのウィジェットを提供する 2 つの有料 Elementor アドオンです。 この投稿では、Essential Addons を使用して Twitter フィードを表示する方法を示します。
Essential Addons は、Twitter をElementor Web サイトと統合するための 2 つのウィジェットを提供します。 Twitter フィードを表示するだけでなく、ツイートをカルーセル スタイルで表示することもできます。
Essential Addons を使用して Twitter フィードを表示する
Essential Addons には、ツイートを表示するために使用できる 2 つのウィジェット (Twitter フィードと Twitter フィード カルーセル) が用意されています。 通常、Web サイトで Twitter フィードを表示するには、Consumer Key と Consumer Secret が必要です。 これら 2 つのコンポーネントは、Essential Addons によって既に提供されているため、ユーザー名の代わりにハッシュタグでツイートを表示する場合は、ユーザー名またはハッシュタグを指定するだけで済みます。
開始する前に、必須アドオンがインストールされ、アクティブになっていることを確認してください。 準備ができたら、 Elementorを使用して新しいページ、投稿、またはテンプレートを作成します。 キャンバスにツイートを表示するセクションまたは列を用意し、そこに Twitter フィード ウィジェットをドラッグします。
素晴らしいウェブサイトを作成します
最高の無料ページビルダーElementor を使用
今すぐ始めるTwitter フィード ウィジェットのデフォルトでは、Essential Addons の作成者である WPDeveloper のツイートが表示されます。 アカウントのツイートを表示するには、[コンテンツ] タブの [アカウント設定] にある [アカウント名] オプションに移動し、Twitter ユーザー名を入力します。 特定のハッシュタグに従ってツイートを表示したい場合は、ハッシュタグ名フィールドに目的のハッシュタグを入力します。
レイアウトを構成するには、[レイアウト設定] ボックスを開きます。 コンテンツのレイアウト、列の数、コンテンツの長さ、列の間隔、およびツイートの数を選択できます。 メディア コンポーネントを表示または非表示にするオプションもあります。
Twitter カードをパーソナライズするには、カード設定ブロックを開きます。 Twitter アバター、ツイート日、Twitter ロゴ シンボルを表示または非表示にできます。
ウィジェットの外観を変更するには、[スタイル] タブを選択します。 ロックを解除できるブロックは 2 つあります。 カード スタイル ブロックでは、カードの背景、パディング、境界線の半径、およびボックス シャドウを構成できます。
Color & Typography ブロックでは、テキストの色、タイトル、ツイート、リンクのタイポグラフィをカスタマイズできます。
Twitter フィード ウィジェットの余白とパディングを構成するには、詳細ページに移動します。
ツイートをカルーセル形式で表示したい場合は、Twitter フィード カルーセル ウィジェットをキャンバスにドラッグするだけです。
結論
Elementorにはデフォルトで Twitter フィードを表示するためのウィジェットが含まれていないため、 Elementorを利用したページにツイートを表示するには、アドオンをインストールする必要があります。 Twitter フィードを表示するためのウィジェットを含むアドオンの 1 つに Essential Addons があります。 さらに、ツイートをカルーセル形式で表示できます。
