最近、twitter の「使える!公式の機能」としての、Widgets (ウィジェット)
の、有効活用!のカタチを、「目に観得るカタチ」で、活かす為のページを
試行錯誤しながら、創っている
以下の、2つの「twitter のウィンドウ」は、widgets 機能を使った、新旧の
「リスト表示」である
以前(約1年前)、それの機能を使った、twitter 連携!を試みたが、如何
せん? その時点のwidgets の HTML の(複雑さの)所為?か、複数のウ
ィンドウを開ける!と、機能不全に陥ってしまうので、そのままでは使えな
い!! と思い、その作業の途中で「中止」していた... on 「地域のブログ」上
新しいモノと、古いモノを比べる!! と...
「北海道」の観光情報 o3_Tour
Tweets from @Hokkaido_eyes/o3-tour
北海道 担当 @Hokkaido_eyes /Tour
この様に!新しい方が「観易い」し、写真などを開いたままでも、
ホワイト・アウト!しなくなっている
其処で、例: NEW! 北海道のページ を創ってみた
※ 同じ「カタチ」で、47都道府県の準備をススメ!ている...
HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)
新しい「ウェジェット」の、構文
<p>観光情報 o3_Tour</p>
<a class="twitter-timeline" href="https://twitter.com/Hokkaido_eyes/o3-tour" data-widget-id="307279869652369408">Tweets from @Hokkaido_eyes/o3-tour</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 style="text-align: right;">北海道 担当 <a href="https://twitter.com/#!/hokkaido_eyes" target="_blank">@Hokkaido_eyes</a> <a href="https://twitter.com/#!/Hokkaido_eyes/o3-Tour/members" target="_blank">/Tour</a></p>
<script charset="utf-8" type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script type="text/javascript">// <![CDATA[
new TWTR.Widget({
version: 2,
type: 'list',
rpp: 30,
interval: 30000,
title: '北海道 @Hokkaido_eyes',
subject: '観光 Tour',
width: 'auto',
height: 400,
theme: {
shell: {
background: '#1d629e',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#1d629e'
}
},
features: {
scrollbar: true,
loop: false,
live: true,
behavior: 'all'
}
}).render().setList('Hokkaido_eyes', 'o3-Tour').start();
// ]]></script>
「ウィンドウ枠」の色を変える!などの機能は付いていたので、
少し、手を加えているが、構文が長いし、イチバンの問題!! は、ホワイト・
アウト!(≒ 色んな分野を見ていると、途中で、ウィンドウ内が白くなる!?)
するのは、頂け無かった...