*

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

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

  1. 枠や背景色の細かい設定ができない。
  2. 画像・動画を投稿すると、ウィジェットのタイムラインに表示される

 この2点かと思います。1番目の色の設定は、明るい・暗いの2種から選べますが、デザインにより、どうしても合わないサイトも出てくると思うのですが、ツイッター側としてはその辺どう考えたのか、興味深いです。
 2番目の画像・映像が表示されるのは、画像・動画でお知らせ等が多い人に非常に有効だと思います。今までは画像を投稿しても、リンクが表示されるだけでした。ぱっと見で伝えたいことがある場合は、やはり直に画像が表示されたほうがいいと思います。

 下がサンプルです。画像自動表示はウィジェット作成時に非表示も選択できます。大きさもおよそ設定可能です。

六角橋の炭火串焼きおが屋本店新ツイッターウィジェット画像

テーマ「暗い」タイプ

瀬谷のドッグサロンハッピーモモツイッターウィジェット画像

テーマ「明るい」タイプ

ウィジェット作成方法

  1. ツイッターにログインし、設定をクリック。
    ウィジェット設定1
  2. 新規作成をクリック
    ウィジェット設定2
  3. 各オプションを設定
    ウィジェット設定3

    • 「ユーザー名」は、既に入っているはずです。違うユーザー名にしたらどうなるのでしょうか。
    • 「高さ」は、600が初期設定で入っているはずです。お好みに変えられますが、最小で220だったような気がします。
    • 「テーマ」は前述のとおり、「明るい」「暗い」しかありません。この下のチェックボックス「画像を自動的に開く」にチェックが初期設定で入っています。これを外すとウィジェットタイムラインに画像が表示されなくなるのでしょう。でしょうというのは試していないからです。古いタイムライン同様、画像へのリンクが表示されるのかと推測します。
    • 「リンクの色」は、「初期設定(青)」の箇所をクリックするとカラーパレットが表示され、いかようにも設定できます。テーマにも欲しい機能です。
    • 「ドメイン」は、初期値で「(何らかのURL),example.com」と入っているはずです。「入力してください」と書いてありますが、入力する理由はよくわかりません。そういうものは、世の中によくあります。入力しないとどうなるのでしょうか。
    • 最後の「Twitterのカスタマイズ機能を無効にする」のチェックもよくわかりませんが、これを無効にする(チェックを入れる)と、後述の「幅」設定ができなくなるのかもしれません。
  4. 上記オプション設定が決まったら、その下「変更を保存する」をクリックします。右下にコードが生成されます。全選択→コピーし、サイトに張りつければ完成です。
    ウィジェット設定4

幅の設定

 ウィジェットの幅は、自動で設定してくれますが、自分で設定することも可能です。コードのaタグ内に「width=”任意の数値”」を入れましょう。ただし、限界値が幅にもたしかあったと思います。
ツイッターウィジェット幅設定方法

古いツイッターウィジェット

 この新ツイッターウィジェットではなく、以前のツイッターウィジェットでも、現在普通に表示されています。そちらのほうが、やや複雑ですが、テーマの設定が細かくできるので、新ウィジェットの「明るい」「暗い」でどうしてもサイトイメージに合わない方は、新ウィジェットはあきらめて、古いウィジェットを使い続けたほうがいいかもしれません。

 古いウィジェットは、文字コードによって、ある種のブラウザで全く表示されないこともあるため(これ対応での仕様変更?)、また、やはり投稿画像が自動で表示されるのがお知らせ・新着情報発信にメリットがかなりあると思われますので、新ツイッターウィジェットを試されるのもよろしいかと存じます。

関連記事

no image

Yahoo!リスティング広告とGoogle Adwordsで「ワンタイムデビット」を使用してみました

ジャパンネット銀行「ワンタイムデビット」(JNBカードレスVisaデビット)の利用可能ネットショップ

記事を読む

no image

ジャパンネット銀行の「ワンタイムデビット」をPamFaxで利用してみた

ワンタイムデビット利用可能ネットショップ追跡調査です。 インターネット上でファックス送信できる「P

記事を読む

no image

スカイプとは何か auスカイプ付き携帯が失敗するであろう理由

 au(KDDI)がスカイプを使える携帯電話を発表した。「禁断のアプリ」と大仰にうたっているが、スカ

記事を読む

no image

FFFTP Ver.1.97aが公開されています(2010年2月10日)

某ウィルスによるFTPパスワード漏洩が問題になっていますが、超メジャー無料FTPソフト「FFFTP」

記事を読む

no image

ファイルアップロードページを設置しました

弊社サイトに、ページ上から無料で直接、ファイルを転送できるツールを設置しました。FileQさんのファ

記事を読む

no image

携帯電話・固定電話からスカイプオンライン番号への発信通話料を考察する

 拙過去記事「スカイプとは何か auスカイプ付き携帯が失敗するであろう理由」にスカイプオンライン番号

記事を読む

no image

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

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

記事を読む

no image

ツイッターの「プロフィールウィジェット」の一部を再設定する

自分のサイトやブログにツイートを表示するツイッター公式ウィジェット「プロフィールウィジェット」ですが

記事を読む

no image

ジャパンネット銀行が「JNBカードレスVisaデビット(ワンタイムデビット)」を開始

2010年2月25日、ジャパンネット銀行がクレジットカードがない人やクレジットカード再発行中など、

記事を読む

no image

ジャパンネット銀行のワンタイムデビットを「お名前.com」で使ってみた

ジャパンネット銀行のワンタイムデビット利用可能ネットショップ調査「お名前.com」編です。 結果は

記事を読む

Comment

  1. 須川昭善 より:

    ありがとうございます。

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 ↑