Twitter ウィジェット

　
Twitter ウィジェットについてのちょっとした Tips。
そんなん当たり前やん、という方はヌルーで。

• フォントサイズが指定できない
  くそー、CSSで指定してんのに何で font-size変わらないんだよ！
  とお嘆きの貴兄。bodyタグの font-sizeや font-familyを強制的に使うみたいですよ。お試しあれ。（bodyじゃないかもしれませんが、とにかくベースの方の要素です）
• プロフィール画像とIDやタイトルが上下に分かれる
  これは純粋に CSSの問題です。H3タグや H4タグにはよく clear:both; が入っていると思いますので、これを無効にしてください。

  .twtr-hd h3, .twtr-hd h4 {
    clear:none;
  }
  

• WordPressのウィジェットとして貼りたい
  ハイハイ、PHP Code Widgetプラグインを入れてください。
  Twitter ウィジェットからコピペした JSコードは functions.php で関数にでもして。それを PHP Code Widgetから呼び出します。

  function twitter_widget() {
  ?>
  
  
  new TWTR.Widget({
    version: 2,  type: 'profile',  rpp: 4,  interval: 6000,  width: 'auto',  height: 300,
    theme: {
      shell: {    background: '#17375e', color: '#ffffff' },
      tweets: { background: '#305378', color: '#ffffff', links: '#418a21' }
    },
    features: {
      scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true,
      avatars: false, behavior: 'all'
    }
  }).render().setUser('hogehoge').start();
  
  <?php
  }
  

  本題から外れますが、この functionの書き方、目から鱗と違います？
  こういうのを書くとき、いままでは echoで書いたり、ヒアドキュメントにしたりしてたんですが、?＞で PHPを閉じちゃって、HTMLをそのまま書いて最後に＜?phpで戻すなんて、なんという荒業なんでしょう！　と最初みたとき、びっくりしました。