WordPressのツイートボタンがあれば、訪問者はワンクリックであなたのコンテンツをXで共有できます。無料プラグインのBetter Click to Tweet、SeedProdのドラッグ＆ドロップビルダー、またはXのPublishツールからの埋め込みコードを使用して追加できます。ほとんどのブロガーにとって最も簡単な方法は無料プラグインであり、コードなしで5分以内に完了します。
私は、私の育児ブログからクライアントサイトまで、構築したすべてのブログでツイートボタンを使用してきました。適切な位置に配置すると、共有率に顕著な違いがあります。
このガイドでは、WordPressにツイートボタンを追加する3つの方法を紹介します。最も簡単な無料オプションから始めます。
WordPressにツイートボタンを追加する理由
X（旧Twitter）は、世界中で1日あたり約2億人のアクティブユーザーを抱えています。これは、あなたのサイトからワンクリックでアクセスできる巨大な既製のオーディエンスです。
ツイートボタンは、読者があなたの投稿を共有するのを迅速かつ明白にし、新しい訪問者にリーチし、フォロワーを増やし、ブランドの認知度を高めるのに役立ちます。
WordPressにツイートボタンを追加する方法
ほとんどのWordPressサイトでは3つの方法が有効です。無料の専用プラグインが最も迅速です。SeedProdのドラッグ＆ドロップビルダーは、最もデザインの自由度を提供します。そして、プラグインをまったくインストールしたくない場合は、XのPublishツールが機能します。
完全な手順を読む前に、適切なアプローチを選択できるように、簡単な比較を以下に示します。
| 方法 | 費用 | 設定時間 | 最適 | カスタマイズ | ページビルダーなしで動作する |
|---|---|---|---|---|---|
| ツイートをより良くクリック | 無料 | 5分未満 | 引用ボックスを強調表示したいブロガー | ベーシック | はい |
| SeedProd | 有料 | 15〜30分 | 完全なデザインコントロール、カスタムページレイアウト | 高 | いいえ（SeedProdが必要です） |
| X 公開ツール | 無料 | 5分未満 | サイドバーウィジェット、プラグイン不要 | 低 | はい |
方法1：Better Click to Tweet（無料プラグイン）
Better Click to Tweetは、投稿にクリック可能な引用ボックスを追加する無料のWordPressプラグインです。読者は「ツイートする」というプロンプトが表示された強調表示された引用を表示し、ワンクリックでXに共有できます。ブロガーにとって最も広く推奨されている無料オプションであり、セットアップは5分未満で完了します。
長年にわたり数十のソーシャル共有プラグインをレビューしてきましたが、Better Click to Tweetは一つのことをうまくこなすため、常に際立っています。
開始方法は次のとおりです。
- WordPressダッシュボードのプラグイン » 新規追加に移動し、「Better Click to Tweet」を検索します。
- プラグインをインストールして有効化します。
- WordPressエディターで任意の投稿またはページを開きます。
- Better Click to Tweetブロックを追加し、訪問者に共有してほしい引用を入力します。
- 投稿を公開または更新します。引用ボックスが下に「ツイートする」ボタンが表示されます。
ブロック設定内にXハンドル、URL、ハッシュタグを追加できるため、すべてのツイートに自動的に含まれます。
方法2：SeedProdでツイートボタンを追加する
カスタムページデザインにツイートボタンを組み込みたい場合は、SeedProdが最適なツールです。これはドラッグ＆ドロップエディターを備えた完全なWordPressウェブサイトビルダーであり、コードに触れることなく、あらゆるテンプレートのどこにでもツイートボタンを配置できます。
また、リードジェネレーションやソーシャル共有用のブロックも含まれており、専用のTwitterツイートボタンブロックもあります。私はこのサイトの構築と管理にSeedProdを使用しているため、これらのブロックには精通しています。
SeedProdでツイートボタンを追加するには、以下の手順に従ってください。
ステップ1：SeedProdプラグインをインストールする
まず、ここをクリックしてSeedProdの利用を開始し、プラグインをコンピューターにダウンロードしてください。その後、プラグインの.zipファイルをWordPressウェブサイトにアップロードできます。
プラグインをインストールしたことがない場合は、WordPressプラグインのインストールと有効化に関するこのガイドに従ってください。
SeedProdがウェブサイトで有効になったら、WordPressダッシュボードからSeedProd » Settingsページに移動し、ライセンスキーを入力します。
ライセンスキーを貼り付けたら、**Verify Key**ボタンをクリックします。
ステップ2. ランディングページまたはWordPressテーマを作成する
SeedProdを使用してウェブサイトにツイートボタンを追加するには、2つの方法があります。
SeedProdのウェブサイトキットで設計されたカスタムテーマで現在のWordPressテーマを置き換えることができます。または、既存のWordPressテーマでランディングページを作成することもできます。
このチュートリアルでは、SeedProdのテーマビルダーで単一投稿テンプレートをカスタマイズすることにより、ブログ投稿にツイートボタンを追加します。SeedProdでカスタムWordPressテーマを作成するための全手順については、このガイドをご覧ください。
代わりにランディングページにツイートボタンを追加したい場合は、WordPressでランディングページを作成する方法に関するこのガイドに従ってください。
どちらのチュートリアルでも、テンプレートの選択方法と、テーマまたはランディングページをカスタマイズの準備をする方法を説明します。ツイートボタンを追加する準備ができたら、このガイドのステップ3に進んでください。
ステップ3. WordPressにツイートボタンを追加する
SeedProdでテーマまたはランディングページを作成した後、ドラッグ＆ドロップビルダーで簡単にカスタマイズできます。前述のように、WordPress投稿ページにツイートボタンを追加します。これにより、ユーザーはブログ投稿を読んだ後、それについてツイートし、ソーシャルメディアでオーディエンスと共有できます。
これを行うには、WordPress管理画面からSeedProd » Theme Builderページに移動します。これにより、テーマの個々の部分が表示されます。たとえば、次のようなものです。
- ヘッダー
- フッター
- サイドバー
- ホームページ
- ブログページ
- 単一投稿
- シングルページ
各テーマパーツは、SeedProdのビジュアルエディターで非常に簡単に編集およびカスタマイズできます。いずれかにカーソルを合わせ、Edit Designリンクをクリックするだけです。
ブログ投稿にツイートボタンを追加するため、シングル投稿テンプレートを編集します。デザインを編集リンクをクリックすると、テンプレートがSeedProdのビジュアルドラッグ＆ドロップエディターで開きます。
左側にはさまざまなコンテンツブロックとセクションが表示され、右側にはページのライブプレビューが表示されます。
ライブプレビューのいずれかの要素をクリックすると、左側のパネルにその設定が開きます。これにより、コンテンツを変更したり、その要素のスタイルや外観をカスタマイズしたりできます。
SeedProdを使用してツイートボタンを追加するには、2つの方法があります。
- ソーシャル共有ブロック
- Twitterツイートボタンブロック
どちらのオプションもご紹介しますので、ご自身のウェブサイトに最適な方をお選びください。まずは、Twitterボタンを配置するための新しい列を追加しましょう。
そのために、左側のパネルから列ブロックをドラッグしてプレビューにドロップします。その後、コンテンツの列レイアウトを選択できます。
この例では、一方の幅が他方よりも広い2列レイアウトを使用しています。
次に、見出しブロックをドラッグして最初の列に追加します。設定パネルで、見出しを「これを共有」のようなものに変更できます。
これで、ツイートボタンを追加する準備ができました。
SeedProdソーシャル共有ブロック
まず、SeedProdのソーシャル共有ブロックを使用して、Twitterを含む複数のソーシャルメディアネットワークの共有ボタンを追加します。ブロックを高度なブロックパネルで見つけ、デザインの2番目の列にドロップします。
SeedProdは、ツイートボタンとFacebook共有ボタンを事前に入力します。ブロックをクリックすると、PinterestとLinkedInのソーシャル共有オプションを追加したり、ボタンのサイズや配置を変更したりできます。
高度な設定タブでは、ボタンのスタイルや間隔をカスタマイズしたり、モバイルデバイスやデスクトップデバイスで表示または非表示にしたりできます。
Twitterツイートボタンブロック
単一のツイートボタンを追加するには、高度なブロックパネルでTwitterツイートボタンブロックを見つけて、ページにドラッグアンドドロップするだけです。
ツイートボタンの設定パネルでは、いくつかの設定をカスタマイズできます。たとえば、訪問者に共有してほしいURL、ツイートの内容、ハッシュタグを追加できます。
@メンションや関連するTwitterアカウントを追加したり、ボタンのサイズ、配置、言語を変更したりできます。
SeedProdのソーシャル共有ブロックとツイートボタンブロックを試して、ご自身のウェブサイトに合った組み合わせを見つけてください。すべてが希望どおりに見えるようになったら、右上隅にある保存ボタンをクリックします。
ステップ4. WordPressでツイートボタンを公開する
次のステップは、ツイートボタンをWordPressサイトで公開することです。そのために、SeedProd » Theme Builderページに移動し、SeedProdテーマを有効にするトグルを「オン」の位置に切り替えます。
よくできました！これで、ウェブサイトをプレビューして、ツイートボタンがどのように表示されるかを確認できます。
ツイートボタンの例を次に示します。
そして、共有ボタンの例を次に示します。
方法3：WordPressにツイートボタンを手動で追加する
プラグインを一切インストールしたくない場合は、XのPublishツールを使えば、数秒でボタンの埋め込みコードを生成できます。ただし、カスタマイズの制限があり、WordPress経由でのクリック追跡はできません。
開始するには、publish.twitter.comにアクセスし、Twitter Buttonsの埋め込みタイプを選択してください。
次に、ボタンのタイプを選択するウィンドウが表示されます。
- 共有ボタン： Twitterでリンクを共有します。
- フォローボタン： ユーザーがあなたのTwitterプロフィールをフォローできるようにします。
- メンションボタン： あなたのウェブサイトから直接会話を開始します。
- ハッシュタグボタン：ハッシュタグを使用してトピックについてツイートします。
- メッセージボタン： 訪問者がTwitterであなたにプライベートメッセージを送信できるようにします。
このガイドでは共有ボタンを選択しましょう。ボタンタイプをクリックすると、以下のようなページが表示されます。
ボタンをクリックして埋め込みコードをコピーし、WordPressサイトに戻ります。
このツイートボタンをWordPressのサイドバーに追加します。WordPressダッシュボードから外観 » ウィジェットに移動してください。次に、カスタムHTMLブロックを見つけて、プライマリサイドバーエリアに追加します。
ブロック内に、先ほどコピーしたツイートボタンの埋め込みコードを貼り付け、更新ボタンをクリックします。
これでWordPressサイトにアクセスすると、ブログのサイドバーにツイートボタンが表示されます。
ライブXフィードを表示し、訪問者があなたのコンテンツを共有できるようにしたい場合は、Smash BalloonのCustom Twitter Feedsプラグインが両方を処理します。各フィードにはツイートボタンが組み込まれているため、フィードと共有ボタンを1か所で必要とする場合は検討する価値があります。
WordPressにツイートボタンを追加することに関するFAQ
WordPressにTwitterアイコンを追加するにはどうすればよいですか？
最も簡単な方法は、ソーシャル共有プラグインを使用することです。Better Click to Tweetは共有ボタンを自動的に追加します。SeedProdのSocial Sharingブロックを使用すると、ドラッグアンドドロップエディターで他のネットワークと一緒にXを追加できます。また、publish.twitter.comのXのPublishツールを使用してアイコンの埋め込みコードを生成し、カスタムHTMLブロックに貼り付けることもできます。
WordPressにツイートを挿入するにはどうすればよいですか？
既存のツイートを埋め込むには、ツイートのURLをWordPressの段落ブロックに貼り付けてEnterキーを押します。WordPressが自動的にレンダリングします。「クリックしてツイート」の引用ボックスを作成するには、Better Click to Tweetプラグインを使用し、独自の引用テキストを追加してください。
Click to Tweetプラグインはどうなりましたか？
オリジナルのCoSchedule Click to Tweetプラグインは廃止されました。Better Click to Tweetは、最も広く推奨されている無料の代替品です。使い方は同じです。投稿にプルクォートブロックを追加すると、読者はツイートをあなたのテキストとURLで事前入力する「クリックしてツイート」プロンプトが表示されます。
最高の効果を得るために、ツイートボタンはどこに配置すべきですか？
記事の最後は共有ボタンに適しています。コンテンツを最後まで読んだ読者は共有する可能性が最も高いためです。クリックしてツイートする引用ボックスの場合は、統計情報や洞察の直後など、記事の途中に配置すると良いでしょう。サイドバーの配置はフォローボタンには適していますが、共有ボタンの場合はエンゲージメントが低くなる傾向があります。
ツイートボタンにハッシュタグや@メンションを事前入力できますか？
はい。SeedProdとXのPublishツールはどちらも、ボタン設定内にカスタムテキスト、ハッシュタグ、@メンションを設定できます。Better Click to Tweetを使用すると、プラグイン設定でviaハンドルを追加できるため、共有されるすべてのツイートに自動的にXのユーザー名が含まれます。
これで完了です。WordPressにツイートボタンを追加する方法は3つになりました。簡単なクリックツイートボックス用の無料プラグイン、完全なデザインコントロール用のSeedProd、プラグインを完全にスキップしたい場合のXの埋め込みコードです。
こちらのブログをウェブサイトのように見せる方法ガイドも役立つかもしれません。
ウェブサイトにツイートボタンを追加する準備はできましたか？
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
