WPのTwitterウィジェットのプラグインが動かん

いくつか動作してるっぽいのを見かけるけどNG。。。

好きなユーザーさんを集めたかったけど、公式のリストしか手段がなさそうなので備忘録

Twitterアカウントは必須。
そのアカウントでリストを作成する。
そのリストからウィジェットを作成する。
コードが表示されるので好きなとこに貼り付ける。

ちと物足りないけど公式なカスタマイズはコチラ
https://dev.twitter.com/ja/docs/embedded-timelines

カスタムまとめ
そのままだとこんな感じ

<a class="twitter-timeline" href="https://twitter.com/アカウント/リスト名" data-widget-id="数字">@アカウント名/リスト名 からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
    if(!d.getElementById(id)){js=d.createElement(s);
    js.id=id;js.src=p+"://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js,fjs);
    }}(document,"script","twitter-wjs");
</script>

下はそのままで
頭のaタグの後をゴニョゴニョする。

高さと幅を変える場合

<a class="twitter-timeline" width="300" height="500" href="https://twitter.com/アカウント/リスト名" data-widget-id="数字">

幅最小180px、最大520px、高さは最小200px
属性は半角スペースで区切るし。

その他に設定できるオプション。(ウィジェットの設定よりも優先される)
テーマ:

data-theme="dark"

または

data-theme="light"

リンク色:

data-link-color="#cc0000"

インターフェース:

data-chrome="xxxx xxxx"

 スペース区切りでオプションを指定
インターフェースオプション

    noheader: タイムラインのヘッダーをなくす。
    nofooter: タイムラインのフッターやツイートボックスをなくす。
    noborders: ウィジェットの周りやツイートの間のボーダー(境界線)をなくす。
    noscrollbar: タイムラインのスクロールバーが表示されないようにする。
    transparent: タイムラインの背景を透明にします。

あとは。。。
ボーダー(境界線)の色:

data-border-color="#cc0000"

言語: lang属性から推測。埋め込みコードのlang属性でも指定可。
ツイート数:

data-tweet-limit="5"

のように(1から20まで)指定。
指定した場合、ウィジェットの高さが全てのツイートがスクロールせずに見られるように調整される。
※ウィジェットのサイズが固定になるので、ツイートが自動的に更新されない。
おすすめしたいユーザー:

data-related="benward,endform"

のようにユーザ名をコンマで区切りで指定。

ほとんど公式からのコピペだけど、ちゃんと読みながら書くだけでも理解度深くなるもんです。
自分のヘッダーを作る時は、display requirementsを読めとか?
https://dev.twitter.com/terms/display-requirements
わけわかりません。
その他のオプションがありますが、今後も変更されると思うのでhttps://dev.twitter.com/ja/docs/embedded-timelinesよく読まなきゃですわ

—————————————————–
7/30追記
Twitter Widget Proは
・Consumer key
・Consumer secret
の必須項目を取得し入力すれば動作します。

Tweet Blender
元々動作しなかったけどアップデートあり。
でも。。。動作しません。
アーカイブページが自動で作成され、使うこともないと削除したのがまずかった?
再インストールしても変わらず。。。
ウィジェットに設定して、かなり長いこと保存のスピンナーが回る。
でもダメみたい。。。

ま、どちらもウィジェットなので却下。
Tweet Blenderはページが作成できるので使いたかったけども。。。

もしかしたらマルチサイトがダメなのかな??とか考えてるけど
公式のリストなどを使ってます~

27 7月, 2013