三上つかさの雑談ブログ

新しいニュースから生活お役立ち情報、茶道、ブログなど雑多な話。

【簡単3分】WordPressにTwitterボタンを設置する方法

  公開日:2016年2月10日

Twitter

WordPressで作成したサイト(ブログ)にTwitterボタンを配置する方法をお教えします。
紹介するTwitterボタンの種類は、

  • リンクを共有する(ツイート)
  • フォローする
  • #ハッシュタグ
  • @ツイート

の4つです。
通常フォローボタンをサイドバーに、リンク共有ツイートを記事の下に配置することが多いです。

 

ではさっそくTwitterボタンをつくってみましょう

スポンサーリンク


Twitterボタン作成サイト

手順は簡単、

Twitterボタン作成サイト

にアクセスして、好みのボタンを選ぶだけです。

Twitterボタン作成

作成してみたボタンがこちらです。

上がリンク共有ツイート、下がフォローボタンです。

(このアカウントは、このサイトのものではありません)

 

プレビューに表示されている通りのものが作れるので、お好みのボタンをチョイスしてください。

 

Twitterボタンを設置する

それでは、今度はボタンを設置してみましょう。

こちらもいたって簡単です。

先ほどTwitterボタンを作成したページのグレーボックス内の文字列(コード)をコピーします。

twitterボタンを設置するコード

そしてこれを好きな位置に貼り付けて終わりです。

フォローボタンならサイドバーウィジェットにいれることが多いです。

feedly-widget

忘れずに保存をしたら、サイドバーにTwitterボタンが設置されているはずです。

 

サイドバーだけでなく、先ほどみたいに本文中に入れることだってできます。

このサイトのテーマはStinger6で、初めから記事下にソーシャルボタンが設置されていますが、自分でカスタマイズしたボタンを入れている方を多く見かけます。

ご自身に合った使い方をしてみてください。

 

スポンサーリンク