キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

Twitter のフォローボタンとタイムラインプラグインを設置しよう

      2014/10/11

退院したはいいものの、2kg も太ったキャリコ( @calicocatxyz )です。

あれだけ食べれば当然って感じだけど… 海外生活が長いキャリコにとってイギリスでの日本食は悪魔以外の何物でもなかったです。ショックを隠せず元気がないので、さっそく今日の記事をお願いしようと思います。それじゃあラテ、よろしくね♪

こんにちは、ラテにゃ。

全5回の連載ということで昨日は Facebook のファンページ作成とプラグインの Like Box のコードをゲットしたにゃ。

  1. Facebook のファンページを作成してプラグインの Like Box を設置しよう
  2. Twitter のフォローボタンとタイムラインプラグインを設置しよう
  3. Google+ ページを作って Google+ バッジを設置しよう
  4. Feedly のフォローボタンを設置してブログの購読者を増やそう
  5. STINGER5 で各 SNS のフォローボタンを美しく綺麗に配置する方法

今日は『 Twitter のフォローボタンとタイムラインプラグインを設置しよう 』ということで… 第2回目いくにゃー!

Ads by Google

Twitter のフォローボタンを作成する

すでに Twitter のアカウントを持ってる状態からのフォローボタンの作成手順だにゃ。

作成ページにアクセスする

Twitter
https://about.twitter.com/ja/resources/buttons

作成ページにアクセスしたらフォローするというボタンを選択するにゃ。

フォローボタンのコードをコピーする

ボタンのオプションを選んで右側のコードのプレビューを見て問題がなければコードをコピーするにゃ。

コードを貼り付けるのは第5回目で説明するから、フォローボタンのコードはメモ帳か何かに貼り付けて保存しておいてもらえると助かるにゃ。

ちなみにコードの一部分を変更すれば吹き出しでフォロワー数を表示することも出来るにゃ。

↓ コピーしたコードを次のように変更するにゃ。

『 data-show-count=”false” 』この部分を『 data-show-count=”true” 』にするだけにゃ。

タイムラインプラグインを設置する

Twitter にログインする

Twitter
https://twitter.com/

右上にある歯車アイコンの『 設定とヘルプ 』をクリックして設定を開くにゃ。

ウィジェットを開く

左側のメニュー最下部にあるウィジェットを開くにゃ。

ユーザーウィジェットを作成する

ウィジェットの画面の右上にある『 新規作成 』をクリックするにゃ。

ユーザーウィジェットを作成するページが開くから設定を変えてプレビューで確認して、問題がなければ左下にある『 ウィジェットを作成 』をクリックするにゃ。

右下にタイムラインプラグインのコードが表示されるから、このコードをコピーしてブログに貼り付けるにゃ。

STINGER5 のサイドバーに設置する

サイドバーに設置する

WordPress のダッシュボードから『 外観 』→『 ウィジェット 』と開き『 テキスト 』をクリックするにゃ。

続けて『 ウィジェットを追加 』をクリックするにゃ。

そうすると右側に『 テキスト 』の項目が追加されるから、タイトルを入れたりコードを貼り付けて『 保存 』をクリックすれば設置は終わりにゃ。

ブログを更新してウィジェットプラグインが表示されてるかどうか確認してみるにゃ。

デザインを変更する

設置したはいいものの、フォントが気に入らないにゃ… そういうときはプラグインを使うのが便利だにゃ。

Paroday
http://paro2day.blog122.fc2.com/blog-entry-1084.html

背景色、返信欄の表示・非表示、フォント変更、見出しの設定、文字サイズ変更など、プレビューを見ながら思い通りのデザインが出来るにゃ。

デザインが終わったらコードをコピーしてサイドバーのテキストに貼り付ければ完了にゃ。

まとめ

ウィジェットプラグインの設置は上手く行ったかにゃ? Twitter のアカウントを作ってからまだ日が浅いけど、フォローしてくれてる人が何人かいて嬉しいにゃ!

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス ,

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

アクセスアップには Twitter を極めるのが近道な理由とメリット
アクセスアップには Twitter を極めるのが近道な理由

時間差で読書の秋が訪れてるキャリコ( @calicocatxyz )です。 外気 …

Web アイコン Font Awesome の最新版 Version 4.4.0 が公開
Web アイコン Font Awesome の最新版 Version 4.4.0 が公開

良いタイミングで気付いた、キャリコ( @calicocatxyz )です。 半年 …

eye
クリック率が250%増!nend の単価が低けりゃ CTR を増やせばいいじゃない♪

まずまずの結果、キャリコ( @calicocatxyz )です。 小学生のお小遣 …

Facebook のファンページを作成してプラグインの Like Box を設置しよう

数日の入院が終わり無事に退院しました、キャリコ( @calicocatxyz ) …

これでもアクセスが増えなかったらもう諦めよう!
これでもアクセスが増えなかったらもう諦めよう!

随分と大きく出たもんだ、キャリコ( @calicocatxyz )です。 Cla …

WordPress で「 下書きを保存しています… 」が永遠に終わらない原因はロリポップの WAF だった

STINGER5 以外のテーマを扱ってみたキャリコ( @calicocatxyz …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax が Google AdSense よりも稼げる理由

忍者 AdMax をブログに導入、キャリコ( @calicocatxyz )です …

pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法

週3でペペロンチーノを食べてるキャリコ( @calicocatxyz )です。 …

軽いブラウザを比較した、おすすめの使い分け方法とは?
軽いブラウザを比較した、おすすめの使い分け方法とは?

ブラウザは使い分けるタイプ、キャリコです。 皆さんはブラウザを使い分けていますか …

eye
コピペで OK!バイラルメディア風オリジナル SNS ボタンの設置方法

思っていた以上に上出来、キャリコ( @calicocatxyz )です。 Fac …