BLOG﻿メニューとウィジェットFacebookTwitter検索:ABOUT当サイトは株式会社アートグラフィック新潟WEB制作ブログです。WEB制作にまつわることや新潟の情報など投稿していきます。会社のホームページはこちら♪ご注意:記事は当時の情報を元に書かれておりますので、仕様が変更され記事と合わない事がございますので、その際はご容赦願います。twitterTwitterのタイムラインを埋め込むみなさんお花見はしましたか?どこかおすすめはありますか?出店で食べるお好み焼きが好きです。新潟もたくさんお花見スポットがあるので、来年ぜひ行ってみてくださいね。今回はTwitterのお話です。サイトのサイドとかフッターにTwitterのタイムラインを埋め込むのは良く有ると思います。今回はその基本的なカスタマイズについてです。Twitterウィジットのコードを取得するTwitterにログインしたら、「設定」→「ウィジット」と進めます。新規作成ボタンからTwiterウィジットを作ります。基本的な設定はこの画面で行います。画像を自動で開くかどうか高さテーマの色(light/dark)リンク色です。設定が終わったら「ウィジットを作成」ボタンでコードが表示されるので、表示されたコードをコピーして自分のサイトへ貼付けます。これで基本的にTwitterのタイムラインを埋め込むことができました。@agn_webさんのツイートTwitterウィジットをカスタマイズする埋め込んだウィジットのdata-chrome属性でカスタマイズができますよ。data-chrome属性で変更できる設定はnoheader:タイムラインのヘッダーを無くします。nofooter:タイムラインのフッターやツイートボックスを無くします。noborders:ボーダーを削除します。noscrollbar:タイムラインのスクロールバーを削除します。transparent:タイムラインの背景を透明にします。@agn_webさんのツイート今回はスクローバー以外は全部設定してみました。data-chrome属性を複数設定する場合は半角スペースで繋ぎます。transparentで背景が透明になっていることに背景を設定したボックスの中に入れてあります。]]&gt;&lt;/script&gt;data-chrome属性以外にも、幅・高さ・ボーダー色・表示するツイート数なども設定できるようです。詳しくは「カスタマイズに関するドキュメント」をご覧ください。これでサイトデザインに合わせて使いやすくなりましたね!しかし前からこんなに変えられたかなぁ。TeamでもTwitterしてます。お気軽にフォローしてくださいね!@agn_webちなみにFacebookはこちら。