先日記事に書いた通りブログのサイドバーに貼り付けた
Twitter公式ウィジェットの表示を



サイトに合わせたスタイルに変更しました。

参考リンク
Twitter埋め込みタイムラインのカスタム | ひいろんＢＬＯＧ

もちろん、これには満足していますが…


サイトトップに貼付けしたツイートについてちょっとモヤモヤ。。



テーブルタグで組んだ小さなトップページを目指す上でツイートの内容によってはセンター部分だけ間延びしてしまったりするのがちょっと…
(画像があるとその時点でアウト…爆）


しかも、公式ウィジェットの仕様というかなんというか表示する時のタイミング(?)によって



下部に大きな余白が出来てしまう事もしばしば…

かといってスクロールバーは絶対に付けたくない…

という超わがままな要望をなんとか満足出来ないかと色々考えた結果…



センターを自動スクロール表示にする事でスッキリ治められました♪

参考リンク
ひいろんの屋根裏部屋

まぁ、こんな方法誰も使わないかもしれませんが（爆）

ひいろんが施した内容を記載させていただきます(^^ ツイートの表示に関して、公式ウィジェットを利用すると
どうしても手の入れられない部分が出てきますので。。


これまでも



ニュースだったりパズドラＲＳＳの貼付けに使っている
FeedWindのＲＳＳ貼付けサービスを使います。。

FeedWindについては以前も何度か記事にさせていただいてますので
細かい説明は割愛させていただきます(^^

参考リンク
RSS貼付けサービス移行 | ひいろんＢＬＯＧ

現在は以前よりもかなり使いやすくなってまして
多種多様なカスタマイズが可能になってます(^^


ＲＳＳ貼付けサービスでどうやってツイート表示させるの？？


って事ですが。。


Twitterのつぶやきをブログ形式で保存する



Twilogを使います。

登録方法は至って簡単。

Twitterログイン状態で【新規登録】をクリックするだけ(^^


すると、自分のツイートＲＳＳが自動生成されます。。

ＲＳＳフィードですが
http://twilog.org/rss-feed/【ツイッターＩＤ（@除く）】
となりますので、これを使って




FeedWindのＲＳＳ表示コードを入手します。


ちなみにこのままのＲＳＳフィードだとリツイートだったり他アカウントへのツイートだったり全て表示されちゃうので上記のＵＲＬの語尾に下記を加える事で表示条件を替えられたりします。。

【Replyを除く】/norep
【Motionを除く】/nomen
【公式RTのみ】/rt
【公式RTを除く】/nort

ひいろんは自分のツイートのみ表示させたかったんで【/nomen】を利用しました。


あとは、文字や色等のスタイルを設定します。





プレビューを見ながら弄れるので簡単です。。

以前と比べると
表示記事数が設定できたり、スクロール機能が使えたり…
かなり細かな設定が出来るようになってますね。。

先に述べた表示高さは変えたくないけどスクロールバーは付けたくない要望を満たす為に高さ固定でスクロール機能を利用する事にしました。

更にこだわった設定を希望の場合はカスタムCSSの設定も可能です。。

参考リンク
カスタムCSSを設定する | FeedWindサポート

TwilogのRSSを表示という形になるので
リアルタイム表示を求める方にはオススメ出来ませんが…
自分なりに色々カスタマイズしたい方は是非(^^

参考リンク
・Twilog
・FeedWind