ブログの使い方〜まーさのワンポイントレッスン〜

アクセスカウンタ

zoom RSS Twitterの「埋め込みタイムライン」掲載方法(中級者向け)

<<   作成日時 : 2013/03/12 17:11  

ナイス ブログ気持玉 35 / トラックバック 0 / コメント 0

自分のTwitterの新着情報を、ブログのサイドバーに貼る方法のご紹介です。

以前からブログのサイドバーにTwitterの「プロフィールウィジェット」を貼っている方もいらっしゃると思いますが、Twitter側の仕様変更により、古いウィジェットは使えなくなりました。今後は、新しいウィジェットをご利用ください。

ウェブリブログに新ウィジェットを掲載するためには、以下の操作が必要です。

【1】Twitterの設定画面で、新ウィジェットのタグを取得する。

【2】ウェブリブログの管理画面で、フリースペース3に新ウィジェットのタグを貼りつける。

【3】ウェブリブログの管理画面で、CSS編集を行い新ウィジェットの幅を調整する。


それでは、順を追ってご説明させていだたきます。

【1】Twitterの設定画面で、新ウィジェットのタグを取得する。

Twitterの設定画面にログインしてください。
https://twitter.com/settings/account
画像

「ウィジェット」を選び
画像

「新規作成」を選び
画像

@ 高さを指定してください(250〜600程度)
A テーマを指定してください(「明るい」、または「暗い」)
B ドメイン欄に「at.webry.ino」を記入してください。
C ここに書かれたタグを、メモ帳などにコピーしてください。
D 「変更を保存」をクリックしてください。

【2】ウェブリブログの管理画面で、フリースペース3に新ウィジェットのタグを貼りつける。

ウェブリブログの管理画面にログインし、左側のメニューで「設定」→「表示項目設定」を選んでください。
右側の「フリースペース3(サイド用)の「編集する」ボタンを押してください。

先ほどメモ帳に保存したタグを貼りつけてください。
記入が終わったら、下部の「設定」ボタンを押してください。
「編集内容を上書き保存します。よろしいですか?」の表示が出たら、「OK」を選んでください。

フリースペース情報が更新されましたので、「設定」ボタンのすぐ下の「戻る」ボタンを押してください。
「編集中のフリースペース情報は保存されません。よろしいですか?」の表示が出たら、「OK」を選んでください。
サイドバー表示項目設定の画面に戻ります。

ここで、「フリースペース3(サイド用)の右側の欄の「表示」にチェックがついていることを確認してください。
(チェックがついていない場合には、チェックをつけてページ最下段の「設定」ボタンを押してください)。

【3】ウェブリブログの管理画面で、CSS編集を行い新ウィジェットの幅を調整する。

Twitter社から提供されているウィジェットは横幅が広いので、そのままではウェブリブログのサイドバーに収まりません。CSS編集で横幅を調整します。

ウェブリブログの管理画面にログインしたまま、左側のメニューで「設定」→「オプション」を選んでください。

右側の「CSS編集(上級者向け)」の「設定画面へ」を選んでください。

ここに、以下の文字列を貼り付けます。

.twitter-timeline {
min-width:160px!important;
}


貼りつけ終わったら、下部の「設定」ボタンを押してください。


以上で、Twitterウィジェット「埋め込みタイムライン」の設置は完了です。お疲れさまでした。

※ウェブリブログに投稿した内容をTwitterに載せる方法はこちら
 http://lesson.at.webry.info/200911/article_1.html

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 35
ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス
なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
ガッツ(がんばれ!)

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文

Twitterの「埋め込みタイムライン」掲載方法(中級者向け) ブログの使い方〜まーさのワンポイントレッスン〜/BIGLOBEウェブリブログ
文字サイズ:       閉じる