「更新情報/2017年/01月/19日/改善:新プラグイン:twitterウィジェット3プラグイン(twitter_widget3)リリースのお知らせ」の編集履歴（バックアップ）一覧はこちら
「 更新情報/2017年/01月/19日/改善:新プラグイン:twitterウィジェット3プラグイン(twitter_widget3)リリースのお知らせ」(2017/02/06 (月) 16:17:59) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
いつも@WIKIをご利用いただき誠にありがとうございます。
@WIKIサポートです。
* twitterウィジェット3(twitter_widget3)プラグインリリースのお知らせ
この度、最新のtwitterウィジェットに対応したtwitter_widget3プラグインを作成いたしました。
[[Twitter Publish>>https://publish.twitter.com/#]]より生成された埋め込みコードをそのまま使用でき、
タイムライン表示以外にも、ツイートの表示や各種twitterのボタンを表示することができます。
#twitter_widget3(){twitterウィジェット表示用埋め込みコード}
と入力することで[[Twitter Publish>>https://publish.twitter.com/#]]より生成したtwitterウィジェットを表示することができます。
中括弧内に[[Twitter Publish>>https://publish.twitter.com/#]]より生成した埋め込みコードをそのまま貼り付けて使用してください。
このプラグインは&twitter_widget3（インライン要素）としてもご利用できます。
=>[[ブロック要素とインライン要素の違いについて>>プラグイン一覧/画像系プラグイン/ブロック要素とインライン要素の違いについて]]
記入例1) タイムライン表示
&color(red){＊都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。}
#twitter_widget3(){
<a class="twitter-timeline" data-lang="ja" data-width="300" data-height="500"
data-dnt="true" data-theme="dark" data-link-color="#19CF86"
href="https://twitter.com/atwikijp">Tweets by atwikijp</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
#twitter_widget3(){
<a class="twitter-timeline" data-lang="ja" data-width="300" data-height="500" data-dnt="true" data-theme="dark" data-link-color="#19CF86" href="https://twitter.com/atwikijp">Tweets by atwikijp</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
記入例2) ツイート表示
&color(red){＊都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。}
#twitter_widget3(){
<blockquote class="twitter-tweet" data-theme="dark">
<p lang="ja" dir="ltr">【改善】twitter_widget3プラグインをリリースいたしました。<br>
詳しくは＝＞<a href="https://t.co/tAMm1DvU0X">https://t.co/tAMm1DvU0X</a>
<a href="https://twitter.com/hashtag/atwiki?src=hash">#atwiki</a></p>— アットウィキ【公式】 (@atwikijp)
<a href="https://twitter.com/atwikijp/status/822011506170556416">January 19, 2017</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
#twitter_widget3(){
<blockquote class="twitter-tweet" data-theme="dark"><p lang="ja" dir="ltr">【改善】twitter_widget3プラグインをリリースいたしました。<br>詳しくは＝＞<a href="https://t.co/tAMm1DvU0X">https://t.co/tAMm1DvU0X</a><a href="https://twitter.com/hashtag/atwiki?src=hash">#atwiki</a></p>— アットウィキ【公式】 (@atwikijp) <a href="https://twitter.com/atwikijp/status/822011506170556416">January 19, 2017</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
記入例3) フォローボタンを文章中に表示
&color(red){＊&twitter_widget3（インライン要素）として利用する場合、&twitter_widget3を記述した行を含め、改行せず一行で記述してください。}
文章中に表示するには &twitter_widget3(){<a href="https://twitter.com/atwikijp"
class="twitter-follow-button" data-show-count="false"> Follow @atwikijp</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>} 全て一行で記述してください。
文章中に表示するには &twitter_widget3(){<a href="https://twitter.com/atwikijp" class="twitter-follow-button" data-show-count="false">Follow @atwikijp</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>} 全て一行で記述してください。
いつも@WIKIをご利用いただき誠にありがとうございます。
@WIKIサポートです。
* twitterウィジェット3(twitter_widget3)プラグインリリースのお知らせ
この度、最新のtwitterウィジェットに対応したtwitter_widget3プラグインを作成いたしました。
[[Twitter Publish>>https://publish.twitter.com/#]]より生成された埋め込みコードをそのまま使用でき、
タイムライン表示以外にも、ツイートの表示や各種twitterのボタンを表示することができます。
#twitter_widget3(){twitterウィジェット表示用埋め込みコード}
と入力することで[[Twitter Publish>>https://publish.twitter.com/#]]より生成したtwitterウィジェットを表示することができます。
中括弧内に[[Twitter Publish>>https://publish.twitter.com/#]]より生成した埋め込みコードをそのまま貼り付けて使用してください。
このプラグインは&twitter_widget3（インライン要素）としてもご利用できます。
=>[[ブロック要素とインライン要素の違いについて>>https://www1.atwiki.jp/guide/pages/2911.html]]
記入例1) タイムライン表示
&color(red){＊都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。}
#twitter_widget3(){
<a class="twitter-timeline" data-lang="ja" data-width="300" data-height="500"
data-dnt="true" data-theme="dark" data-link-color="#19CF86"
href="https://twitter.com/atwikijp">Tweets by atwikijp</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
#twitter_widget3(){
<a class="twitter-timeline" data-lang="ja" data-width="300" data-height="500" data-dnt="true" data-theme="dark" data-link-color="#19CF86" href="https://twitter.com/atwikijp">Tweets by atwikijp</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
記入例2) ツイート表示
&color(red){＊都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。}
#twitter_widget3(){
<blockquote class="twitter-tweet" data-theme="dark">
<p lang="ja" dir="ltr">【改善】twitter_widget3プラグインをリリースいたしました。<br>
詳しくは＝＞<a href="https://t.co/tAMm1DvU0X">https://t.co/tAMm1DvU0X</a>
<a href="https://twitter.com/hashtag/atwiki?src=hash">#atwiki</a></p>— アットウィキ【公式】 (@atwikijp)
<a href="https://twitter.com/atwikijp/status/822011506170556416">January 19, 2017</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
#twitter_widget3(){
<blockquote class="twitter-tweet" data-theme="dark"><p lang="ja" dir="ltr">【改善】twitter_widget3プラグインをリリースいたしました。<br>詳しくは＝＞<a href="https://t.co/tAMm1DvU0X">https://t.co/tAMm1DvU0X</a><a href="https://twitter.com/hashtag/atwiki?src=hash">#atwiki</a></p>— アットウィキ【公式】 (@atwikijp) <a href="https://twitter.com/atwikijp/status/822011506170556416">January 19, 2017</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
}
記入例3) フォローボタンを文章中に表示
&color(red){＊&twitter_widget3（インライン要素）として利用する場合、&twitter_widget3を記述した行を含め、改行せず一行で記述してください。}
文章中に表示するには &twitter_widget3(){<a href="https://twitter.com/atwikijp"
class="twitter-follow-button" data-show-count="false"> Follow @atwikijp</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>} 全て一行で記述してください。
文章中に表示するには &twitter_widget3(){<a href="https://twitter.com/atwikijp" class="twitter-follow-button" data-show-count="false">Follow @atwikijp</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>} 全て一行で記述してください。
表示オプション
横に並べて表示：
変化行の前後のみ表示：
