LUNARAVE WEBクリエイターの仕事と休息

アクセスカウンタ

Google Maps APIの利用戦国IXAWeb技術Youtubeチャンネル

zoom RSS 外部のサイトに表示させたいたツイートが表示されなくなった

<<   作成日時 : 2013/06/28 22:09   >>

ブログ気持玉 0 / トラックバック 0 / コメント 2

今はブログ左側に私がツイートした一覧が表示されるようになっているが、一時期表示されなくなったのでコードを差し替えて復帰させた。

"Twitter"でつぶやいた内容を外部のサイトで表示するためには"ウィジェット"と呼ばれる機能を利用する。
この機能が6月1日から仕様変更になったようで、復帰させるにはHTMLに埋め込むコードを再取得する必要がある。
->"Twitter"でのつぶやきをサイトやブログに掲載する
->ツイートをサイト表示させた場合に出るエラー対応


従来は上記の記事の通り、JavaScriptを呼び出すコードとそこから表示させるコード、デザインのCSSと記述がやや多かったが、今回からは数行程度になった点と、ウィジェットの作成・管理が"Teitter"の公式サイトから行えるようになった。

 ツイートの一覧表示


ウィジェットを作成する画面はログイン後の画面から辿るか、ログインした状態で下記リンクからも表示できる。
->https://twitter.com/settings/widgets/

今までは体裁や機能面はJavaScriptを修正していたが、今回の仕様で管理画面で編集すればそれが自動的に反映されるようになり利便性が上がっている。

ただ、提供されるコードはJavaScriptのみのため、CSSに関しては独自で組み込む必要がある。
例えば横幅を指定する際は下記のコードをJavaScriptの下に記載する。


<style>
#twitter_area .twitter-timeline {
min-width:155px!important;
}
</style>



高さに関しては管理画面内で操作できるようになっている。

注意点として、提供されるコードの冒頭にアンカータグがあり、これは不要かと思い削除したところ表示されなかった。
どうやらこのアンカータグ内の値を使ってツイートを表示させているようなので、外部サイトに埋め込む際は提供されるコードそのままを貼り付けるとよい。

テーマ

注目テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

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

トラックバック用URL help


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

タイトル
本 文

コメント(2件)

内 容 ニックネーム/日時
Thank you for the good writeup. It in reality used to be a leisure account it.
Glance complicated to far introduced agreeable from you!
However, how can we keep up a correspondence?
Meridith
URL
2017/07/24 14:35
I think this is one of the most vital info
for me. And i am glad reading your article. But want
to remark on some general things, The site style is wonderful, the articles
is really great : D. Good job, cheers
Christy
URL
2017/07/25 03:51

コメントする help

ニックネーム
URL(任意)
本 文
外部のサイトに表示させたいたツイートが表示されなくなった LUNARAVE WEBクリエイターの仕事と休息/BIGLOBEウェブリブログ
文字サイズ:       閉じる