*

ホームページやブログに新ツイッターウィジェットを表示する-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

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

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

記事を読む

no image

Google Analyticsで500項目以上のデータをエクスポートする方法

Google Analyticsでデータをエクスポートする際、表示されている数のままエクスポートをす

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

動画文字起こし対応「WMキープレーヤーβ」のモニター募集

 このたび、「WMキープレーヤー」という動画・音声再生ソフトウエアのベータ版を自社開発しました。

記事を読む

no image

【文字起こし】「苫米地英人×藤末健三 改正放送法と哲学を語る」(最後の一部分要約)

本日午後4時から、e-国政で苫米地英人氏と藤末健三氏がインターネット生放送対談を行っていました。その

記事を読む

kindle_sort

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

コンテンツと端末の管理 端末タブ 端末名「編集」 全ての端末名から、日

記事を読む

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 ↑