*

ホームページやブログにツイッター(twitter)を表示する

[お知らせ]
※ 2012年10月18日、新ツイッターウィジェット設置に関する記事をアップしました。
 → ホームページやブログに新ツイッターウィジェットを表示する-2012.10


 自分のホームページ(ウェブサイト)やブログに自分のツイートを表示する方法について、お店のホームページにツイッター(twitter)を利用するの記事で「(該当ウィジェットは)アカウントページから探せば見つかります」と簡単に言ってしまいましたが、結構見つけづらいことに気がついたので、アカウントページからのたどり着き方を補足します。(2011.8改訂)

 ※サイトの文字コードによって、IE8やFireFoxブラウザにてツイッタープロフィールウィジェットが表示されないことがあります。その場合の対処方法はこちらの記事の内容をお試しください。

Twitter社について / 素材ページ画像

ツイッターウィジェット作成ページへのアクセス方法

  1. ツイッターにログイン
  2. 右上アカウント名プルダウン→設定をクリック
  3. 「プロフィール」タブ→webの(あなたのWEBサイトにもTwitterを表示させよう)のリンクをクリック
  4. 「Twitter社について / 素材」画面→ウィジェット画像または「全てのウィジェットを見る」をクリック
    素材>ウィジェットを選んでくださいページが開く)
  5. 「ウィジェットを選んでください」画面→「自分のサイト」をクリック
  6. 「ウィジェットを選んでください」画面→「プロフィールウィジェット」をクリック
  7. 「プロフィールウィジェットをカスタマイズする」画面→デザインやサイズなどをお好みに調整し、下部にある「完了&コード取得」ボタンをクリック。
  8. HTMLソースコードが表示される。コピーして自分のホームページやブログに張る。

以前とリンクの場所が変わっているような気がします。また変わるかもしれませんが、現在(2011.8)はこのようです。

フォローボタンもあり

このウィジェットのあるサイトには、ウィジェットのほかに、フォローをうながす画像ボタンもあります。ツイッターをサイトやブログに設置したら、とりあえずこの2つを置いておけばいいのではと思います。

横浜周辺でウェブサイト運営のご相談は「合同会社ハルクアップ」(横浜ホームページサービス

関連記事

no image

無断で自分のサイトにリンクを張られたときの対処方法

先日、既存のウェブサイトの更新について新規問い合わせをいただき、社長さんとお会いしました。その際、「

記事を読む

no image

ツイッターフォローミーボタンをブログやホームページに設置する

ツイッターフォロー公式ボタンをブログやホームページに設置する方法です。「ホームページやブログにツイ

記事を読む

no image

お店のホームページにツイッター(twitter)を利用する

昨年来、ちまたで人気のツイッターですが、今イチ利用の仕方がよくわからないという方に、利用方法の1つを

記事を読む

no image

画面解像度(横幅)の適切なサイズを検証する

昔に比べて高機能なパソコンが多くなり、画面も連れて高解像度になってきています。ウェブサイト(ホームペ

記事を読む

no image

WP Social Bookmarking Lightで「いいね」ボタンを設置してGoogle Analyticsを使っていたら必ずしたほうがいい設定

※10月11日修正追記  facebookのいいねボタンをサイトに設置し、Googleアナリティク

記事を読む

TWIT_CATCH

ホームページやブログに新ツイッターウィジェットを表示する-2012.10

 いつの間にかツイッター公式ウィジェットが仕様変更していたので、紹介です。  大きく変わった点は、

記事を読む

no image

ページデフォルトのフォントファミリーをメイリオにカスタマイズ(CSS)

Wordpressのカスタマイズ備忘録です。今回はページ全体の基本font-family(フォントフ

記事を読む

no image

メールフォーム入力途中でエラー画面に移動してしまうときの対処方法

 お問い合わせフォームやお申し込みフォーム入力の途中に、Enter(エンター)キーを押したら勝手に送

記事を読む

no image

発リンクとSEO(YSTのTDP:トップダウンペナルティ)の関係

ホームページ(ウェブサイト)を作成すると、必ずどこか別の人のページにリンクを張る(発リンクをする)と

記事を読む

no image

無料・オンラインでウェブページのキャプチャー画像を作成する

ウェブページのスクリーンショットが作成できるツールはいろいろありますが、オンラインで簡単にキャプチャ

記事を読む

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

postagestamp01
未使用の切手(貼付済み)を剥がさずに簡単に再利用する方法備忘録

 封筒に貼ってしまってある未使用切手を再利用する方法を郵便局で教わった

kindle_sort
Kindle の デフォルト配信先 の変更方法備忘録

コンテンツと端末の管理 端末タブ 端末名「編集」

itts
テープ起こしで知った言葉201501

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

KIMG0297
日経ビジネス2014.12.01メモ

トヨタミライは補助金込みで約520万円。 企業交際費は199

itts
テープ起こしで知った言葉201412

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

→もっと見る

PAGE TOP ↑