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

公開日: : 最終更新日:2016/08/16 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

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

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

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



follow us in feedly








関連記事



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

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

関連記事

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

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

記事を読む

【Chrome拡張機能】 スクリーンショットにぼかしを入れられるキャプチャーアドイン「Awesome Screenshot」

私は普段ブログ記事を書くときに画面のキャプチャー(スクリーンショット)を取り、そこにぼかしや文字を入

記事を読む

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

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

記事を読む

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

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

記事を読む

【小技】 意外と知らないGoogleの検索オプション

Google検索を使う際は探したいキーワードだけを入力することがほとんどですが、実はオプショ

記事を読む

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

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

記事を読む

シルバーアクセサリーの黒ずみを自宅でカンタンに落とす方法

こんにちは、しんこー(@yakudatsujoho)です。 最近の若い男性はあまりアクセサリーを身

記事を読む

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

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

記事を読む

1周年記念アイコン

[いつかバズる日を夢見て] ブログリニューアルから1年で月6000PV・ユーザー数4000に到達。個人のブログとしては良い方じゃないでしょうか

おかげさまで本ブログ『役立つ情報.com』がリニューアル(※後述)して1年が経ちました。 これ

記事を読む

csvアイコン

CSVファイルの0落ちを回避する2つの方法

電話番号などが含まれるCSVデータを扱う際、エクセルで開いた時に最初の「0(ゼロ)」が消えてしまった

記事を読む

PC

Message

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

PC

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

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

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

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

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

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

【情報流出リスク】 フラグを立てられたら終わり? プライバシーを守るためには「物理的破壊」をするしかない

LINE流出はまさに新時代的事件 一昨年1月に「まだやるか!

ドラえもん in 3COINS
【3COINSとドラえもんがコラボ】 3COINS HEP FIVE店に限定グッズを買いに行ってきました

ドラえもんはもとより、藤子不二雄作品をこよなく愛するしんこー(

→もっと見る

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

  • follow us in feedly





    Macintosh ブログランキングへ

    ブログランキング・にほんブログ村へ

PAGE TOP ↑