Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress投稿にクリックツイートボックスを追加する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressの投稿に「クリックしてツイート」ボックスを追加したいですか?

これらのシンプルなボックスを使用すると、読者は個別投稿から引用をワンクリックで共有することができます。ソーシャルメディア上でより多くのエンゲージメントを獲得し、WordPressサイトへのトラフィックを増やすのに最適な方法です。

このカテゴリーでは、WordPressの投稿にクリック・ツイート・ボックスを追加する方法を紹介する。

How to add click to tweet boxes in your WordPress posts

なぜWordPressの投稿にClick to Tweetボックスを追加するのか?

クリックでツイート」引用ボタンを使えば、読者はあなたの投稿やページの引用を簡単にシェアできる。

訪問者はボタンをクリックするだけで、引用文と引用文が紹介されているページや投稿へのリンクを含むツイートを作成できる。

An example of a click to tweet box in WordPress

ボックスの設定によっては、ツイートがあなたのTwitterアカウントにタグ付けされることもある。

ソーシャルメディアユーザーは、多くの人があなたのコンテンツを投稿しているのを見れば、あなたに興味を持つ可能性が高くなる。

How to add a 'click to tweet' box to a WordPress website

このように、クリック・トゥ・ツイート・ボックスは、ブログのトラフィックを増やし、フォロワーを増やし、ソーシャルメディアであなたのブランドの話題を作り出すことができる。

これらはすべて、オンラインショップの売上アップ、メールマガジンの新規購読者獲得などにつながります。

ということで、WordPressブログ投稿にクリック・トゥ・ツイート・ボックスを簡単に追加する方法を見てみましょう。以下がその手順です:

ステップ1:Better Click to Tweetプラグインのインストール

つぶやきボックスを作成する最も簡単な方法は、Better Click To Tweetを使うことだ。この無料のWordPressプラグインは、ショートコードまたはブロックを使って、ツイート可能な引用ボックスを任意のページや投稿に追加することができます。

最初に行う必要があるのは、Better Click To Tweetプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WordPressダッシュボードのSettings ” Better Click ToTweetにアクセスしてください。Your Twitter Handle」フィールドに、共有されるツイートにタグ付けしたいアカウントを入力します。

Configuring the Better Click to Tweet WordPress plugin

認証プロセスはないので、プラグインの設定ページには自分が所有していないアカウントも含め、どんなTwitterアカウントでも追加できる。

また、この設定を個別のツイートボックスの設定に上書きすることもできるので、WordPressブログ全体でたくさんの異なるアカウントをタグ付けすることも簡単です。

カスタムショートURLを使用する場合は、「ショートURLを使用する」にチェックを入れてください。これにより、プラグインはフルURLではなくWordPressショートリンクを表示するようになります。

繰り返しになりますが、個々のクリック・トゥ・ツイート・ボックスに対してこの設定を上書きすることができます。

それが終わったら、『変更を保存』をクリックする。

ステップ2:WordPressブロックエディターを使ってクリックツイートボックスを追加する

ショートコードやブロックを使って、どのページや投稿にもクリック・トゥ・ツイート・ボックスを追加することができる。最も簡単な方法なので、ブロックから始めましょう。

WordPressのコンテンツエディターで、ボックスを作成したいページまたは投稿を開き、「+ブロックを追加」ボタンをクリックするだけです。

表示されるポップアップで、『Better Click to Tweet』と入力し始める。右のブロックが表示されたら、クリックしてページに追加する。

Adding a Better Click to Tweet button to WordPress

これで、使用したい引用を入力することができます。

初期設定では、プラグインは「Click to Tweet」プロンプトを表示しますが、これを独自のメッセージに置き換えることができます。

例えば、 WordPressでプレゼントやコンテストを実施している場合、読者にツイートを引用してコンテストに応募するよう促すことができます。

An example of a Twitter giveaway

これを行うには、単にクリックしてブロックを選択します。

Gutenbergブロック設定のサイドバーが表示されます。ここで、「プロンプト」フィールドにカスタマイザーを入力します。これで、ソーシャルシェアボタンとして機能するテキストが変更されます。

Customizing the quote tweet block

初期設定では、プラグインは設定で追加したアカウントにタグを付けますが、上書きして別のアカウントにタグを付けることもできます。

この変更を行うには、「Twitterユーザー名」フィールドに別のユーザー名を入力するだけです。

Changing the linked Twitter account

Twitterアカウントにタグを付けることは、フォロワーを増やし、エンゲージメントを高める素晴らしい方法です。しかし、単にサイトへの訪問者を増やしたいのであれば、このタグを削除することで、引用されたツイートにリンクが含まれるようになります。

これを行うには、’ユーザー名をツイートに含めるか’トグルをクリックして無効化します。

Removing the Twitter username from a tweet

初期設定では、プラグインは引用ボックスがおすすめ投稿されているページや投稿へのリンクを含んでいます。もしご希望であれば、代わりに別のリンクを使用することもできます。これは、ブログ投稿で紹介されている製品やサービスのランディングページなど、特定のページに多くの訪問者を集めたい場合に便利です。

これを行うには、右側のメニューにある「URL」セクションをクリックして展開するだけです。次に、「カスタムURL」フィールドにリンクを入力します。

Adding a custom link to a social media block

リンクをnofollowとしてマークすることもできます。これは、クライアントやアフィリエイト・マーケティング・パートナーなど、第三者のサイトにリンクする場合に便利です。

もう一つのオプションは、リンクを削除し、タグ付けされたアカウントだけをツイートすることです。これは、ウェブサイトやオンラインストアへの誘導よりも、Twitterでのエンゲージメントを高めたい場合に有効な設定です。

これを行うには、「ツイートにURLを含める」トグルをクリックして無効化します。

Removing the URL from a click to tweet social media block

見積もりボックスの設定に満足したら、「公開する」または「更新する」ボタンをクリックして、見積もりボックスを公開します。これで、WordPressのサイトにアクセスすると、見積もりボックスが表示されます。

プロからのアドバイス: WordPressのブロックテーマを使用している場合、個別投稿以外にも、ページ、ヘッダー、フッターなど、テーマの他の部分にクリックトゥイートボックスを追加することができます。詳しくは、WordPressフルサイト編集のガイドをご覧ください。

代替案ショートコードを使ってClick to Tweetボックスを追加する

複数のページで同じ引用を表示したい場合、それぞれのボックスを個別に追加・設定するのは時間と労力がかかります。それよりも、同じショートコードを複数の場所に貼り付ける方が簡単かもしれません。

ショートコードを使用して、WordPressテーマのサイドバーなどにボックスを追加することもできます。ショートコードの設置方法については、WordPressでショートコードを追加する方法のガイドをご覧ください。

Adding a click to tweet box to your theme's sidebar

手始めに、次のショートコードを使うとよいだろう:[bctt tweet="Quotable Tweet"]

これは、プラグインの設定でリンクされたアカウントをタグ付けし、現在のページまたは投稿へのURLを含むツイートを作成します。ショートコード内の “quotable tweet “は、ユーザーにシェアしてもらいたいメッセージに変更してください。

アカウントにタグを付けたくない場合は、次のようにすればよい。[bctt tweet="Quotable Tweet" via="no"]

ツイートに別のURLを含めたいですか?以下は、使用するショートコードの例です。[bctt tweet="引用ツイート。" url="http://example.com"]

リンクを完全に削除するには、url="no."に設定します。また、ショートコードに以下を追加することで、リンクをnofollowとしてマークすることもできます:nofollow="yes"。

ボーナス:WordPressにTwitterフィードを追加してTwitterフォロワーを増やそう

Twitterでエンゲージメントを獲得するには、ツイートボックスをクリックするのが手っ取り早く簡単な方法です。しかし、あなたのソーシャルメディアアカウントを宣伝する方法は他にもあります。最近のツイートを表示するフィードを追加したり、新しい投稿をすると自動的に更新されます。

最も簡単な方法は、WordPress用の最高のTwitterプラグインであるSmash Balloon Twitter Feedを使うことです。

A Twitter feed, created using Smash Balloon

このプラグインを使うと、WordPressのブログ投稿に実際のツイートを埋め込むことができるので、読者は元の投稿に簡単にコメントしたり、「いいね!」を押したり、リツイートしたりすることができる。

自分のツイートはもちろん、第三者のツイートを引用することもできます。例えば、業界のインフルエンサーや広告パートナー、ハッピー・カスタマーからの投稿を埋め込むことができます。

詳しくは、WordPressにソーシャルメディアのフィードを追加する方法をご覧ください。

このチュートリアルで、WordPressの投稿にツイートボックスを追加する方法を学んでいただけたら幸いです。WordPress でお問い合わせフォームを作成する方法や、WordPress のエキスパートが選ぶ最高の WordPress ソーシャルメディアプラグインもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

20件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      You would need to reach out to the plugin’s support for the available options at the moment.

      管理者

  2. Gaman says

    I’ve been trying to install this plugin but unable to activate it. I received “The plugin does not have a valid header.”

    To be bad it looks promising.

  3. Lisa Sicard says

    I’m been using this one of the websites I manage and noticed the clicks to tweets are not showing up, is there is an issue with the plugin (May 22, 2018). ?
    Thank you!

  4. Mathukutty P. V. says

    Sumo free also highlight text once select and tweet. Is that not enough for visitors to tweet or still clicktotweet needed?

    • WPBeginner Support says

      Hi Mathukutty P. V,

      If you are satisfied with it, then sure you can continue using it. You can also try click to Tweet for comparison and see which one you like better.

      管理者

    • Mathukutty P. V. says

      I have installed better click and it looks better on a post. But tweet not showing the featured image or title and meta. Tweet through sumo showing all ok.

  5. Soumik Sadman Anwar says

    Seems you have shown the plugin by CoSchedule/Todaymade. Expecting a short review for the plugin by clicktotweet

    • Erik says

      You want a share button for Facebook (I don’t think there is, or even should be, a plugin where you put stuff on people’s timeline without them interacting like for a share).

      Jetpack has the best solution I’ve come across (although I only tested a handful).

  6. Renee Manella says

    Thank you so much for this tutorial – it came right on time! I was just about to start wading through plugin reviews and how-to guides when this popped up in the newsletter.

  7. Natasha says

    You all are great. I am learning so much. Hopefully, after I have some website maintenance issues addressed, I will be well on my way with my blog.

  8. JELindholm says

    Great article, I’ve been wanting to add this feature to my posts but never did the research… now I know how to do it :)

  9. sakeenahummz says

    I’ve been looking at this plugin and I really like the idea of it, but recent reviews say it includes a ad link in the tweets. Can you clarify if it does or not. Thanks so much.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。