ブログにTwitterを表示

Twitterのタイムラインをブログのサイドバーに表示には、
Twitterの管理画面でタイムラインのソースを生成し、ブログに貼り付けます。
Twitterでツイートした最新情報が表示されますので、商用サイトなどで特価情報や最新情報などをツイートしていると無料で有効な宣伝手段になります。

Twitterのタイムラインをブログのサイドバーに表示する方法

  1. Twittterの公式サイトにログイン、右上の「歯車」
    Twitterのウィジェット
  2. プルダウンの「設定」
  3. 左サイドバーの「ウィジェット」
  4. 右上の「新規作成」
  5. 「ユーザータイムライン」のタブで、以下の項目を設定
    • ユーザー名
    • オプション
    • 高さ
    • テーマ
    • リンクの色
  6. 下部の「ウィジェットを作成」
  7. 生成されたソースコードをコピーする
  8. ソースを修正して、ウェブサイトやブログに貼り付け
    例: WordPress
    外観 → ウィジェット
     右側のウィジェットエリアの▼でソースが出る
    (Tweetableとか便利なプラグインもありますね・・・)
<p><a class="twitter-timeline" href="https://twitter.com/アカウント名"  data-widget-id="乱数" width="238">@アカウント名 からのツイート</a>
<a href="https://twitter.com/アカウント名" class="twitter-follow-button" data-show-count="true" data-lang="ja" data-show-screen-name="false">@アカウント名さんをフォロー</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>

width="238"は、サイドバーの幅に合う数値にします。
複数のウィジェットを表示する場合、<script>は1つだけでOKです。


コメント

コメントを書く
お名前:

メール:

Web URL:

コメント: [必須入力]

認証コード: [入力必須] ※ 画像の文字を半角で入力してください。
認証 : 一二三

 ※ 承認されたコメントのみ表示されます。