キャリコ

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

  関連記事

これは便利!Retina で拡大・縮小しても美しいまま表示される魔法のアイコン

HARIBO を買ったつもりが HALALBO でちょっとショック、キャリコ( …

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

これを知った当初はフォントアウェサムと読んでいた、キャリコ( @calicoca …

Feedly のフォローボタンを設置してブログの購読者を増やそう

Avicii にメロメロ、キャリコ( @calicocatxyz )です。 彼の …

【 保存版 】フリー写真素材サイト超絶まとめ61選
【 保存版 】フリー写真素材サイト超絶まとめ61選

ブログのアイキャッチなら任せろ、キャリコ( @calicocatxyz )です。 …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax の年間平均クリック単価は62円?!

そんなバカな、キャリコ( @calicocatxyz )です。 実は忍者 AdM …

Googleが マテリアルデザイン化された750個のアイコンを配布

10月も後半に入り冷え込んできたのにセントラルヒーティングの付け方がわからないキ …

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

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

ロリポップに wordpress をインストールして STINGER5 をテーマにする手順

イギリスの病院のベッドの上からこんにちは、キャリコ( @calicocatxyz …

新ドメイン『.xyz 』を選んだ理由

ただ今イギリス滞在中のキャリコ( @calicocatxyz )です。 新しくブ …

個人アカウントとどう使い分けてる?SNS との付き合い方
個人アカウントとどう使い分けてる?SNS との付き合い方

SNS とは付かず離れずの関係、キャリコ( @calicocatxyz )です。 …