Twitterのタイムラインウィジェットについて(2)
啄木鳥 = キツツキ と読む
前回「Twitterのタイムラインウィジェットについて(1)」の記事で、Twitterのタイムラインウィジェットの設置方法についてお話しました。
今回は、タイムラインウィジェットのカスタマイズと、うまく表示されない場合の対処法についてです。
タイムラインウィジェットのデザインカスタマイズについて
タイムラインウィジェットは、サイズ変更、色変更、ヘッダーフッター有無などのカスタマイズが充実しています。
<a>タグの中に下記のような値を指定することで、オフィシャルサイトのデザインに合わせたカスタマイズが可能です。
カスタマイズ例)
- 幅を指定する → width="●px"
- 高さ → height="●●px"
- 境界線の色指定 → data-border-color="●●●(色の指定)"
- リンク色の指定 → data-link-color="●●●(色の指定)"
- ダーク系のデザインを指定 → data-theme="dark"
- ヘッダーを非表示にする → data-chrome="noheader"
- フッターを非表示にする → data-chrome="nofooter"
- 境界線を消す → data-chrome="noborders"
- スクロールバーを非表示にする → data-chrome="noscrollbar"
- 背景を透明にする → data-chrome="transparent"
※data-theme="dark"とwidth="252px"とheight="550px"を指定した場合のサンプルイメージです。
このように、どのようなレイアウト・デザインのサイトでも、柔軟に対応可能です。
firefoxでタイムラインウィジェットがうまく表示されない?
Firefoxのversionによっては、ツイートリストが読み込めずうまく表示されないこともあるのでそんな時は、下記の手順を試してみてください。
- ブラウザの右上「三」のマークをクリックし、「オプション」を選択します。
- 左メニューの「プライバシーとセキュリティ」をクリックします。
- 右の画面の中から、「プライベートブラウジングモードでトラッキング保護を使用して既知の追跡者をブロックする」の項目を探し、チェックが入っていたらチェックを外します。
- オフィシャルサイトを表示して「F5キー」クリックでページを更新します。
おわりに
ツイッターのウィジェットについて調べてみると、別ブラウザでもツイートリストが読み込めない現象が過去に出ていたようです。
しかしながら動作は段々と安定してきているようですし、何より大変便利なコミュニケーションツールであることは間違いありません。
お店のリアルタイムな情報発信や、ご利用客とのやりとりいただいたりなど、お店の運営に是非お役立てていただけますと幸いです。