itコード(ウィジェットのソースコード)の作成とカスタマイズホームページへ埋め込み場合のTwitterのタイムラインのカスタマイズ方法をご紹介します。コード(ウィジェットのソースコード)の作成方法については過去の記事をご覧ください。埋め込みタイムラインは、Twitterのタイムラインを自分のサイトに表示できるツールです。タイムラインはリアルタイムで更新され、タイムライン上から直接、返信、リツイート、お気に入りに登録することができます。埋め込みタイムラインのタイプユーザー、お気に入り、リスト、ハッシュタグのタイムラインを埋め込むことができます。埋め込みタイムラインの作成Twitterへログインし、設定のウィジェットページからタイムラインを作成できます。以下の埋め込みコード(ウィジェットのソースコード)は弊社Twitterアカウントの例です。]]></script>このコード(ウィジェットのソースコード)をホームページへ埋め込むと以下のようになります。Developersは閉鎖しました。代わりにTwitterへログインして設定メニューよりウィジェットを作成できます)。Developers代表的なカスタマイズ例を抜粋してご紹介します。カスタマイズはウィジェットを作成で発行されたHTMLタグの中にある<a>タグに対して情報を追加できます。テーマdata-theme=”dark”またはdata-theme=”light”リンクの色data-link-color=”#cc0000′′サイズ(幅・高さ)ウィジェットを作成で調節できます。初期設定では520×600pxです(追記:Twitterのアップデートにより、年々初期設定は変わります)。height=”500′′インターフェースdata-chrome属性でウィジェットのレイアウトやインターフェースをカスタマイズできます。・noheaderタイムラインのヘッダーやフォローボタンをなくします。フォロワーを増やしたい場合は別途ボタンを表示しておきましょう。・nofooterタイムラインのフッターやツイートボックスをなくします。メンションを送ってもらいたい場合は表示しておいたほうがいいです。・nobordersウィジェットの周りやツイートの間のボーダー(境界線)をなくします。・noscrollbarタイムラインのスクロールバーが表示されないようにします。スクロールができないわけではありませんが、スクロールできない印象を与えてしまう可能性があるのでアクセシビリティやユーザビリティが悪くなる場合があるので要注意です。・transparentタイムラインの背景を透明にします。オリジナルの背景画像を使用したい場合、サイトの背景になじませたい場合は便利です。ボーダー(境界線の色)data-border-color=”#cc0000′′ツイートの間の境界線やウィジェットの周りの色を指定できます。指定していると、設定しても無視されます。表示するツイート数を1から20まで指定できます。指定されている場合、そのツイート数が表示されて、ウィジェットの高さが全てのツイートがスクロールせずに見られるように調整されます。ウィジェットのサイズが固定になるので、サイトの高さにあわせて表示したい場合には不向きです。通常のウィジェットは自動更新されますが、表示ツイート数を固定すると、自動更新されません。おすすめしたいユーザーdata-related=”benward,endform”返信、リツイート、お気に入り登録の際にユーザーにおすすめしたいユーザーを指定示できます。複数指定が可能ですが、カンマ区切りで指定します。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL上に表示された文字を入力してください。複数ブログを一つに統合しようとしてやめた話。複数ブログを一つに統合しようとしてやめた話。