アットウィキ(@WIKI)ご利用ガイド
改善:新プラグイン:twitterウィジェット3プラグイン(twitter_widget3)リリースのお知らせ
最終更新:
guide
-
view
いつも@WIKIをご利用いただき誠にありがとうございます。
@WIKIサポートです。
この度、最新のtwitterウィジェットに対応したtwitter_widget3プラグインを作成いたしました。
Twitter Publishより生成された埋め込みコードをそのまま使用でき、
タイムライン表示以外にも、ツイートの表示や各種twitterのボタンを表示することができます。
中括弧内にTwitter Publishより生成した埋め込みコードをそのまま貼り付けて使用してください。
このプラグインは&twitter_widget3(インライン要素)としてもご利用できます。
=>ブロック要素とインライン要素の違いについて
記入例1) タイムライン表示
*都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。
記入例2) ツイート表示
*都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。
記入例3) フォローボタンを文章中に表示
*&twitter_widget3(インライン要素)として利用する場合、&twitter_widget3を記述した行を含め、改行せず一行で記述してください。
@WIKIサポートです。
twitterウィジェット3(twitter_widget3)プラグインリリースのお知らせ
この度、最新のtwitterウィジェットに対応したtwitter_widget3プラグインを作成いたしました。
Twitter Publishより生成された埋め込みコードをそのまま使用でき、
タイムライン表示以外にも、ツイートの表示や各種twitterのボタンを表示することができます。
#twitter_widget3(){twitterウィジェット表示用埋め込みコード}と入力することでTwitter Publishより生成したtwitterウィジェットを表示することができます。
中括弧内にTwitter Publishより生成した埋め込みコードをそのまま貼り付けて使用してください。
このプラグインは&twitter_widget3(インライン要素)としてもご利用できます。
=>ブロック要素とインライン要素の違いについて
記入例1) タイムライン表示
*都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。
#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) ツイート表示
*都合上改行して表示していますが、埋め込みコードは一行で貼り付けてください。
#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> }
loading tweet...— アットウィキ【公式】 (@atwikijp) January 19, 2017
記入例3) フォローボタンを文章中に表示
*&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>} 全て一行で記述してください。文章中に表示するには Follow @atwikijp 全て一行で記述してください。