アットウィキ(@WIKI)ご利用ガイド

改善:新プラグイン:twitterウィジェット3プラグイン(twitter_widget3)リリースのお知らせ

最終更新:

guide

- view
管理者のみ編集可
いつも@WIKIをご利用いただき誠にありがとうございます。
@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>&mdash; アットウィキ【公式】 (@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) フォローボタンを文章中に表示
*&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>} 全て一行で記述してください。
文章中に表示するには 全て一行で記述してください。
目安箱バナー