Twitter ウィジェット

twitter

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

  • フォントサイズが指定できない
    くそー、CSSで指定してんのに何で font-size変わらないんだよ!
    とお嘆きの貴兄。bodyタグの font-sizeや font-familyを強制的に使うみたいですよ。お試しあれ。(bodyじゃないかもしれませんが、とにかくベースの方の要素です)
  • プロフィール画像とIDやタイトルが上下に分かれる
    これは純粋に CSSの問題です。H3タグや H4タグにはよく clear:both; が入っていると思いますので、これを無効にしてください。
    [code]
    .twtr-hd h3, .twtr-hd h4 {
    clear:none;
    }
    [/code]
  • WordPressのウィジェットとして貼りたい
    ハイハイ、PHP Code Widgetプラグインを入れてください。
    Twitter ウィジェットからコピペした JSコードは functions.php で関数にでもして。それを PHP Code Widgetから呼び出します。
    [php]
    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
    }
    [/php]
    本題から外れますが、この functionの書き方、目から鱗と違います?
    こういうのを書くとき、いままでは echoで書いたり、ヒアドキュメントにしたりしてたんですが、?>で PHPを閉じちゃって、HTMLをそのまま書いて最後に<?phpで戻すなんて、なんという荒業なんでしょう! と最初みたとき、びっくりしました。

0 返信

返信を残す

Want to join the discussion?
Feel free to contribute!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です