WordPressにTwitterのフォローボタンを設置する方法

公開日: : WordPress, 小技

本当に今更ですが、Twitterを始めることにしました。
ブログ記事はもちろんのこと「かゆいところに手が届くコンテンツ」をモットーに、役に立つ情報をつぶやいていこうと思います。みなさまフォローをよろしくお願いします。


そしてどのブログでも当然やっているように、ブログ内にフォローボタンを埋め込むことにしました。

ほんの数分でできた作業だったのでここでご紹介したいと思います。

Twitterの公式サイトから「フォローボタン」のソースコードを取得する

このブログはWordPressで構築、およびSTINGER3というテーマ(テンプレート)を適用しているため、ツイートボタンは既に存在します。なので今回はフォローボタンの埋め込み方法に特化してご説明します。

まずはTwitterにログインし、Twitter公式サイトのボタンのソースコード取得ページにアクセスします。
follow_1

ページにアクセスしたらデフォルトの言語が英語になっていると思います。
画面右上のプルダウンから日本語を選択してください。

次にボタンの種類を選択します。
デフォルトだと少し小さいので「ボタン(大)」にチェックを入れ、言語も日本語を選択します。

右側にソースが表示されるのでそれをコピーします。
follow_2

WordPressに取得したソースコードを設定する

WordPressの管理画面にログインし「外観」→「ウィジェット」へと進みます。
※ボタンを設置する場所はサイドバーになります
follow_3

ウィジェット画面が開いたら「利用できるウィジェット」の中から「テキスト」を「サイドバー1」にドラッグします。
follow_4

「サイドバー1」にドラッグしたら「テキスト」の編集をします。
タイトル枠には任意の文言を入力してください。その下に先ほど取得したソースコードを貼り付けます。
follow_5

貼り付けたら保存ボタンを押して終了です。

これでサイドバーにTwitterのフォローボタンが設置できました。
実際にブログにアクセスし、きちんと表示されているか確認してみます。
follow_6
サイドバーに表示されていました。

取得したソースコードはそのままabout(サイト紹介)ページにも貼り付けました。
follow_7

フォローが増えてくれるといいなぁ。。。

参考
http://viral-community.com/twitter/twitter-button-add-480/

PC

最後までお読みいただきありがとうございます。

お手数でなければ記事のご紹介をしていただけると嬉しいです。

ブログの情報はこちらでも配信しています。



関連記事



個人的に撮影した写真を公開しています。

旅行先や街中で気になったものを撮影・公開しています。
ダウンロード無料、商用利用OKです。写真AC

関連記事

WordPressに大量のコメントスパムが届くのでAkismetプラグインを有効化してみた

ブログを開設してから9ヶ月が経過し、更新頻度は低いもののおかげさまで少しずつアクセスも伸びてきま

記事を読む

【便利機能】 メモ帳の1行目に「.LOG」と記載して保存すると日時が自動で記録される

Windwsに標準でインストールされているテキストエディタ「メモ帳」。その名の通りちょっとした覚え書

記事を読む

wp_upgrade_icon

WordPressを最新のバージョンに更新(アップグレード)する方法

WordPressはセキュリティの改善などの理由から、高頻度でバージョンアップが行われていま

記事を読む

【ほんとにできた】iPhoneは本体を振ることで文字入力の「やり直し」ができる

iPhoneって気付かない機能が多すぎですよね。 たまたま見つけたネタでやってみたらほんとうにでき

記事を読む

Google AdSense icon

AdSenseのアカウントを別のGoogleアカウントに移行してみた

本ブログではGoogle AdSense広告を掲載しております。 今回、一番最初にAdSenseの

記事を読む

【会員登録・インストール不要】PDFのロック解除ができるwebサービス「crackmyPDF」

WEB上にアップされているPDF文書には元データ保護の為、パスワードが掛けられていることがあります。

記事を読む

【簡単・無料】 スマホのブラウザチェック用FireFoxアドオン「User Agent Switcher」

先日下記記事 蛍光灯が点きにくくなったらグローランプを交換しよう をリライトするときに使用した便

記事を読む

Macにはデスクトップ上のアイコンを整頓できるショートカットキーがあるらしい

Windowsを使用していた頃は作業中のファイルは分かりやすいようにデスクトップに保存し続け、気付け

記事を読む

Windowsから乗り換えた人のためのMacでの小文字入力方法

Macに乗り換えて困ったのは文字入力の方法が少し違うこと。 これまで通りやっても「あれ? 小文字が

記事を読む

Macのデフォルトで開くアプリ(ソフト)を変更する方法

以前ご紹介したアプリ「CotEditor」が使い易すぎるので、テキストエディタのデフォルトアプリをこ

記事を読む

PC

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PC

法改正
働き方改革って何? 働き方改革関連法案をふまえて労使が取り組むべき5つのポイント

2019年4月1日から働き方が変わります。 2018年6

キャンパスライフ
採用担当者からアドバイス、楽しい大学生活を送るために必要な11のこと

こんにちは、しんこー(@yakudatsujoho)と申します

社会人になった今だから断言できる、大学生におすすめのアルバイト12選

こんにちは、社会人○○目のしんこー(@yakudatsujoh

もしもし ポリスメン
【最大報酬10万円】 身バレもなく安心、警察への匿名タレコミができる「匿名通報ダイヤル」

犯罪もしくは犯罪の可能性がありそうなシーンに出くわしたが、逆恨みが怖く

公的保障 アイコン
【公的保障】 取りっぱぐれは大損! 届け出をするだけでもらえるお金

自治体によっては届け出だけでもらえるお見舞い金や支援金などが存

→もっと見る

  • 名前:しんこー
    仕事:WEB関連の仕事を10年ほど。デザインからコーディング、SEOなど幅広く手掛けている為、社内では「何やってる人?」と思われている。俺にもわからん。
PAGE TOP ↑