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

関連記事

糸引き アイコン

セーターの引っ掛けた糸を直す方法

※こちらの内容はほつれなおし用の針でセーターの糸引きを直した件という記事でさらに追記しております。

記事を読む

フォルダの中のフォルダに保存しているファイルをすべて表示する方法

大フォルダの中に小フォルダをいくつも作ってファイルを保存する、よくやりますよね。

記事を読む

Crayon Syntax Highlighter icon

WordPress記事内にソースコードを表示させるプラグイン [Crayon Syntax Highlighter]使用方法

Crayon Syntax Highlighterは、WordPress記事内にhtmlやcssなど

記事を読む

YouTube

絶対知っておくべきYouTubeの便利なショートカット5つ

YouTubeで動画の再生・停止・早送り・巻き戻しをするとき、マウスを使ってスライドバーで操

記事を読む

【STINGER3】 ブログタイトルをテキストから画像に変えてみました

先日ハンドル名とサイト名を変更した旨の記事を書きましたが、それに併せてブログに親しみを持ってもらえる

記事を読む

カチカチいわせない! Macのトラックパッドをタップでクリックできるようにする方法

Macデビューしてから1年弱になりますが、これまでクリックする際はトラックパッドをカチカチいわせてい

記事を読む

iPhoneをMacにつなげた時にiPhotoを起動させないようにする方法

今さらですが、先日ようやく自分の持っているCDをMacに取り込み始めました。 その際、

記事を読む

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

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

記事を読む

Google Analytics簡易結果表示プラグイン「G Analytics」の設定方法と使い方

Google Analytics(GA)は非常に便利なアクセス解析ツールですが、当然のことながら管理

記事を読む

掃除機のフィルターをガムテープで掃除すると吸引力が回復する件

部屋の掃除は普段するけど掃除機の掃除までする人は少ないんじゃないでしょうか? 実は結構簡単な作業で

記事を読む

PC

Message

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

PC

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

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

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

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

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

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

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

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

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

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

→もっと見る

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