WordPress にツイートボタンを追加する方法 (3 つの方法)

WordPress サイトにツイート ボタンを追加しますか?

Click-to-Tweet ボタンを使用すると、Web サイトの訪問者があなたのコンテンツを Twitter で簡単に共有できます。 そうすることで、関心、見込み客、潜在的な顧客を生み出すように設計されたコンテンツで、ターゲット オーディエンスにリーチできます。

このチュートリアルでは、ウェブサイトにツイート ボタンを追加する方法を順を追って説明します。

WordPress にツイートボタンを追加する理由

2 億 1,700 万人を超える収益化可能な 1 日のアクティブ ユーザーを抱える Twitter マーケティングは、ターゲット ユーザーをウェブサイトに誘導する最も効果的な方法の 1 つです。 ただし、Twitter で独自のコンテンツを共有すると、限られた数のユーザーにしかリーチできません。

Twitter であなたをフォローしていない人にリーチする効果的な方法は、ウェブサイトにツイート ボタンを追加することです。

ユーザーが Web サイトにアクセスすると、ツイート ボタンが表示され、個人の Twitter タイムラインでコンテンツを共有するよう促されます。 その結果、フォロワーはあなたのコンテンツを見て、いいね、コメント、リツイートすることができます。

Twitter の共有ボタンはコンテンツをより多くの視聴者に広めるため、Twitter のフォロワーを増やすのにも役立ちます。 さらに、露出は社会的証明とブランド認知を構築するのに役立ち、より多くの見込み客と売上につながります.

Twitter ボタンがビジネスに役立つ理由がわかったので、WordPress サイトにボタンを追加する方法を見てみましょう。

WordPressにツイートボタンを追加する方法

Click-to-Tweet ボックスまたはボタンを Web サイトに追加するには、いくつかの方法があります。 ただし、一部は他のものよりもはるかに簡単です。

この投稿では、最初に WordPress プラグインを使用して、クリックしてツイートするボタンを簡単に追加する方法を紹介します。 次に、Twitter ツイート ボタンのコードを手動で追加する方法を示します。

SeedProd を使用して WordPress ツイート ボタンを追加する

最初の方法では、最高の WordPress ウェブサイト ビルダーである SeedProd を使用して、ウェブサイトに Twitter ボタンを追加します。 視覚的なドラッグ アンド ドロップ エディターが付属しており、WordPress サイトの任意の領域をコードなしで作成およびカスタマイズできます。

SeedProd を使用して以下を作成できます。

• カスタム WordPress テーマ
• コンバージョン率の高いランディング ページ
• WooCommerce テンプレート
• 近日公開とメンテナンスページ
• WordPressログインページ
• もっと

このプラグインには、リード生成、ブランド認知度、ユーザー エクスペリエンスに役立つ強力なコンテンツ要素とブロックも含まれています。 たとえば、このガイドで使用するブロックは Twitter ツイート ボタンです。

以下の手順に従って、SeedProd を使用して WordPress にツイート ボタンを追加します。

ステップ 1. SeedProd プラグインをインストールする

まず、ここをクリックして SeedProd の使用を開始し、プラグインをコンピューターにダウンロードします。 その後、プラグインの .zip ファイルを WordPress Web サイトにアップロードできます。

以前にプラグインをインストールしたことがない場合は、WordPress プラグインのインストールとアクティブ化に関するこのガイドに従うことができます。

Web サイトで SeedProd がアクティブになったら、WordPress ダッシュボードからSeedProd » 設定ページに移動し、ライセンス キーを入力します。

キーは、SeedProd Web サイトのアカウント ダッシュボードの [ダウンロード] セクションにあります。

ライセンス キーを貼り付けたら、[ Verify Key ] ボタンをクリックします。

ステップ 2. ランディング ページまたは WordPress テーマを作成する

SeedProd を使用してウェブサイトにツイート ボタンを追加するには、2 つの方法があります。

現在の WordPress テーマを、SeedProd の Web サイト キットで設計されたカスタム テーマに置き換えることができます。 または、既存の WordPress テーマでランディング ページを作成することもできます。

このチュートリアルでは、SeedProd のテーマ ビルダーで単一の投稿テンプレートをカスタマイズして、ブログ投稿にツイート ボタンを追加します。 SeedProd でカスタム WordPress テーマを作成するすべての手順については、このガイドをご覧ください。

代わりにツイート ボタンをランディング ページに追加したい場合は、このガイドに従って WordPress でランディング ページを作成できます。

どちらのチュートリアルでも、テンプレートを選択して、テーマやランディング ページをカスタマイズできるようにする方法を示します。 ツイート ボタンを追加する準備ができたら、このガイドの手順 3 に進んでください。

ステップ 3. WordPress にツイート ボタンを追加する

SeedProd でテーマやランディング ページを作成したら、ドラッグ アンド ドロップ ビルダーで簡単にカスタマイズできます。 前述のように、WordPress 投稿ページにツイート ボタンを追加します。 そうすれば、ユーザーはブログ記事を読んだ後にツイートし、ソーシャル メディアで視聴者と共有できます。

これを行うには、WordPress 管理者からSeedProd » Theme Builderページに移動します。 これにより、次のようなテーマの個々の部分が表示されます。

• ヘッダ
• フッター
• サイドバー
• ホームページ
• ブログページ
• シングルポスト
• 単一ページ

各テーマ パーツは、SeedProd のビジュアル エディターで非常に簡単に編集およびカスタマイズできます。 いずれかの上にカーソルを置き、[デザインの編集] リンクをクリックするだけです。

ブログ投稿にツイート ボタンを追加するため、単一投稿テンプレートを編集します。 [デザインの編集] リンクをクリックすると、テンプレートが SeedProd の視覚的なドラッグ アンド ドロップ エディターで開きます。

左側にさまざまなコンテンツ ブロックとセクションが表示され、右側にページのライブ プレビューが表示されます。

ライブ プレビューで任意の要素をクリックすると、左側のパネルにその設定が開きます。 これにより、コンテンツを変更し、その要素のスタイルと外観をカスタマイズできます。

SeedProd を使用してツイート ボタンを追加するには、次の 2 つの方法があります。

1. ソーシャル共有ブロック
2. Twitter ツイート ボタン ブロック

Web サイトに最適な方法を判断できるように、両方のオプションを紹介しますが、まず、Twitter ボタンを配置する新しい列を追加しましょう。

これを行うには、左側のパネルから列ブロックをドラッグして、プレビューにドロップします。 次に、コンテンツの列レイアウトを選択できます。

この例では、一方の辺が他方よりも広い 2 列のレイアウトがあります。

次に、見出しブロックをドラッグして最初の列に追加します。 設定パネルで、見出しを「これを共有」のように変更できます。

これで、ツイート ボタンを追加する準備が整いました。

SeedProd ソーシャル共有ブロック

まず、SeedProd のソーシャル シェアリングブロックを使用して、Twitter を含む複数のソーシャル メディア ネットワークのシェア ボタンを追加します。 高度なブロック パネルの下でブロックを見つけて、デザインの 2 番目の列にドロップします。

SeedProd は、ツイート ボタンと Facebook 共有ボタンを事前に入力します。 ブロックをクリックすると、Pinterest と LinkedIn のソーシャル共有オプションを追加したり、ボタンのサイズと配置を変更する設定を追加したりできます。

[詳細設定] タブでは、ボタンのスタイルと間隔をカスタマイズし、モバイル デバイスとデスクトップ デバイスで表示または非表示にすることができます。

Twitter ツイート ボタン ブロック

ツイート ボタンを 1 つ追加するには、高度なブロック パネルでTwitter ツイート ボタンブロックを見つけて、ページにドラッグ アンド ドロップします。

ツイートボタンの設定パネルでは、いくつかの設定をカスタマイズできます。 たとえば、訪問者に共有してもらいたい URL、ツイートの内容、ハッシュタグを追加できます。

メンションや関連する Twitter アカウントで @ を追加したり、ボタンのサイズ、配置、言語を変更したりできます。

Web サイトに適した組み合わせが見つかるまで、SeedProd のソーシャル共有とツイート ボタン ブロックを試してください。 すべての外観に満足したら、右上隅にある [保存] ボタンをクリックします。

ステップ 4. WordPress でツイートボタンを公開する

次のステップは、WordPress サイトでツイート ボタンを有効にすることです。 これを行うには、 SeedProd » Theme Builderページに移動し、 Enable SeedProd Themeトグルを「オン」の位置に切り替えます。

すごい仕事！ これで、ウェブサイトをプレビューして、ツイート ボタンがどのように表示されるかを確認できます。

以下はツイートボタンの例です。

共有ボタンの例を次に示します。

手動で WordPress にツイート ボタンを追加する

次の方法として、WordPress プラグインを使用せずに WordPress にツイート ボタンを手動で追加する方法を紹介します。 これを行うには、ツイート、タイムライン、またはボタンを埋め込むことができる Twitter の公開ツールを使用します。

このメソッドでは、ツイート ボタンをあまり制御できません。 ただし、WordPress サイトにプラグインを追加したくないユーザーにとっては便利なソリューションです。

まず、Twitter Publish ツールの Web サイトにアクセスし、埋め込みタイプとしてTwitter ボタンを選択します。

次に、ボタンの種類を選択するウィンドウが表示されます。

• 共有ボタン:リンクを Twitter で共有します。
• フォロー ボタン:ユーザーがあなたの Twitter プロフィールをフォローできるようにします。
• メンション ボタン: Web サイトから直接会話を開始します。
• ハッシュタグボタン: ハッシュタグを使ってトピックについてつぶやきます。
• メッセージ ボタン:訪問者が Twitter で非公開のメッセージを送信できるようにします。

このガイドの[共有] ボタンを選択しましょう。 ボタンの種類をクリックすると、次のようなページが表示されます。

ボタンをクリックして埋め込みコードをコピーし、WordPress サイトに戻ります。

このツイート ボタンを WordPress サイドバーに追加するので、WordPress ダッシュボードから [外観] » [ウィジェット] に移動します。 次に、カスタム HTMLブロックを見つけて、プライマリ サイドバー エリアに追加します。

ブロック内に先ほどコピーしたつぶやきボタンの埋め込みコードを貼り付け、更新ボタンをクリックします。

WordPress サイトにアクセスすると、ブログのサイドバーにツイート ボタンが表示されます。

おまけ：スマッシュバルーンでTwitterフィードとツイートボタンを表示

Smash Balloon の Twitter フィード プラグインを使用して、WordPress サイトに美しい Twitter フィードを追加することもできることをご存知ですか?

カスタム Twitter フィード プラグインは、WordPress 用の最高評価の Twitter フィード プラグインです。 これを使用して、数回クリックするだけで、Web サイトに見事な Twitter フィードを表示できます。

ビジュアル フィード エディターを使用してライブ Twitter フィードをリアルタイムでカスタマイズし、ビジネス ニーズに合わせて複数のフィード タイプから選択できます。 各フィードにはツイート ボタンも含まれているため、Web サイトの訪問者は Twitter コンテンツをフォロワーと共有できます。

Smash Balloon のステップバイステップ ガイドに従って、WordPress に Twitter フィードを追加します。

それでおしまい！

このチュートリアルが、WordPress にツイート ボタンを簡単に追加する方法を学ぶのに役立ったことを願っています。 ブログをウェブサイトのように見せるためのこのガイドもお勧めです。

ウェブサイトにツイート ボタンを追加する準備はできましたか?

読んでくれてありがとう。 YouTube、Twitter、Facebook でフォローして、ビジネスの成長に役立つコンテンツを入手してください。