先日記事に書いた通りブログのサイドバーに貼り付けた
Twitter公式ウィジェットの表示を サイトに合わせたスタイルに変更しました。 参考リンクもちろん、これには満足していますが… サイトトップに貼付けしたツイートについてちょっとモヤモヤ。。 テーブルタグで組んだ小さなトップページを目指す上でツイートの内容によってはセンター部分だけ間延びしてしまったりするのがちょっと… (画像があるとその時点でアウト…爆) しかも、公式ウィジェットの仕様というかなんというか表示する時のタイミング(?)によって 下部に大きな余白が出来てしまう事もしばしば… かといってスクロールバーは絶対に付けたくない… という超わがままな要望をなんとか満足出来ないかと色々考えた結果… センターを自動スクロール表示にする事でスッキリ治められました♪ 参考リンクまぁ、こんな方法誰も使わないかもしれませんが(爆) ひいろんが施した内容を記載させていただきます(^^ ツイートの表示に関して、公式ウィジェットを利用すると どうしても手の入れられない部分が出てきますので。。 これまでも ニュースだったりパズドラRSSの貼付けに使っている FeedWindのRSS貼付けサービスを使います。。 FeedWindについては以前も何度か記事にさせていただいてますので 細かい説明は割愛させていただきます(^^ 参考リンク現在は以前よりもかなり使いやすくなってまして 多種多様なカスタマイズが可能になってます(^^ RSS貼付けサービスでどうやってツイート表示させるの?? って事ですが。。 Twitterのつぶやきをブログ形式で保存する Twilogを使います。 登録方法は至って簡単。 Twitterログイン状態で【新規登録】をクリックするだけ(^^ すると、自分のツイートRSSが自動生成されます。。 RSSフィードですが http://twilog.org/rss-feed/【ツイッターID(@除く)】 となりますので、これを使って FeedWindのRSS表示コードを入手します。 ちなみにこのままのRSSフィードだとリツイートだったり他アカウントへのツイートだったり全て表示されちゃうので上記のURLの語尾に下記を加える事で表示条件を替えられたりします。。 【Replyを除く】/norepひいろんは自分のツイートのみ表示させたかったんで【/nomen】を利用しました。 あとは、文字や色等のスタイルを設定します。 プレビューを見ながら弄れるので簡単です。。 以前と比べると 表示記事数が設定できたり、スクロール機能が使えたり… かなり細かな設定が出来るようになってますね。。 先に述べた表示高さは変えたくないけどスクロールバーは付けたくない要望を満たす為に高さ固定でスクロール機能を利用する事にしました。 更にこだわった設定を希望の場合はカスタムCSSの設定も可能です。。 参考リンクTwilogのRSSを表示という形になるので リアルタイム表示を求める方にはオススメ出来ませんが… 自分なりに色々カスタマイズしたい方は是非(^^ 参考リンク |