*

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

ジャパンネット銀行の「ワンタイムデビット」をスカイプで使ってみた

「原因不明のエラーです」と表示され、使用不可でした。 ※2010年6月15日追記 使えました。

記事を読む

no image

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

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

記事を読む

no image

炎と薪とトングの無料素材画像

 8月29日朝から夕方まで、合同会社ハルクアップ首脳会議を行いました。場所は下の画像の神奈川県某所、

記事を読む

no image

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

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

記事を読む

no image

2ちゃんねるのサーバーダウンとF5キー

某世界最大匿名掲示板2ちゃんねるが3月1日午後から某隣国からのサイバー攻撃によるサーバーダウンにより

記事を読む

no image

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

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

記事を読む

no image

グーグルパックマンの攻略法?

 5月22日~23日限定でグーグルホームページでプレイ可能だったビデオゲーム「パックマン」が、ページ

記事を読む

no image

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

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

記事を読む

no image

Google Chrome6.0.472.xx 変更点備忘録

Google Chromeが(勝手に)バージョンアップされました  グーグルのブラウザ、Googl

記事を読む

no image

Skypeオンライン番号の発信者番号通知実験

SkypeInオンライン番号(050番号)を買ってみました。これによりこの番号であらゆる電話からSk

記事を読む

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 ↑