Widget:Tweet - Revision history

Fredd-E at 21:21, 23 March 2017

2017-03-23T21:21:02Z

Fredd-E at 21:18, 23 March 2017

2017-03-23T21:18:45Z

Fredd-E at 21:17, 23 March 2017

2017-03-23T21:17:43Z

Fredd-E: Created page with "{{Widget |description=Allows to embed a single tweet. |author=Pablog |provider=Twitter |providerurl=https://dev.twitter.com/web/embedded-tweets |status=active |security=unknow..."

2017-03-23T20:40:06Z

Created page with "{{Widget |description=Allows to embed a single tweet. |author=Pablog |provider=Twitter |providerurl=https://dev.twitter.com/web/embedded-tweets |status=active |security=unknow..."

New page

{{Widget
|description=Allows to embed a single tweet.
|author=Pablog
|provider=Twitter
|providerurl=https://dev.twitter.com/web/embedded-tweets
|status=active
|security=unknown
}}
This widget allows you to [https://dev.twitter.com/web/embedded-tweets embed a tweet] to your wiki page. It was created by [[User:Pablog|Pablo Castellano]].

== Usage ==
To insert this widget, use the following code:

<nowiki>{{#widget:Tweet
|id=226413520412090368
}}</nowiki>

You can use some parameters to customize the style of the tweet box, like:

<nowiki>{{#widget:Tweet
|id=226413520412090368
|linkColor=#cc0000
|theme=dark
}}</nowiki>

For more information about customization parameters, have a look at the Twitter documentation available at [https://dev.twitter.com/web/javascript/creating-widgets#create-tweet https://dev.twitter.com/web/javascript/creating-widgets#create-tweet].

== Parameters ==

=== Mandatory ===
* '''id''' - tweet id

=== Optional ===
* '''align''' - ''left'', ''right'', ''center''. (Default: ''undefined'')
* '''conversation''' - ''none'', ''all''. (Default: ''all'')
* '''cards''' - ''hidden'', ''visible''. (Default: ''visible'')
* '''width''' - ''numeric value''. (Default: ''auto'')
* '''linkColor''' - ''hexadecimal color value'' (Default: ''blue'')
* '''theme''' - ''dark'', ''light''. (Default: ''light'')

== Examples ==
=== Single post ===
{{#widget:Tweet|id=226413520412090368}}

=== Single post enhanced with further options ===
{{#widget:Tweet|id=226413520412090368|linkColor=#cc0000|theme=dark}}
{{Comments}}

[[Category:Widgets]]

← Older revision		Revision as of 21:21, 23 March 2017
Line 46:		Line 46:
	<!--{/if}-->		<!--{/if}-->
	</includeonly>		</includeonly>
		+
		+	<noinclude>
		+	[[Category:Widgets]]
		+	</noinclude>

@@ Line 1: / Line 1: @@
-This widget allows you to [https://dev.twitter.com/web/embedded-tweets embed a tweet] to your wiki page. It was created by [[User:Pablog|Pablo Castellano]].
+<noinclude>__NOTOC__
-== Usage ==
+Created by [https://www.mediawikiwidgets.org/User:Pablog Pablo Castellano].
- <nowiki>{{#widget:Tweet
+== Using this widget ==
- |id=226413520412090368
+For information on how to use this widget, see [https://www.mediawikiwidgets.org/Tweet widget description page on MediaWikiWidgets.org].
-You can use some parameters to customize the style of the tweet box, like:
+== Copy to your site ==
+To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAME}}'''.
- <nowiki>{{#widget:Tweet
+</noinclude><includeonly>
- |id=226413520412090368
+<!--{if isset($id)}-->
- |linkColor=#cc0000
+    <!--{counter name="tweetcounter" assign="tweetincluded"}-->
- |theme=dark
+    <div id="twitter-<!--{$tweetincluded}-->-<!--{$id}-->"></div>
-}}</nowiki>
+    <!--{if $tweetincluded eq 1}-->
+    <script>
-For more information about customization parameters, have a look at the Twitter documentation available at [https://dev.twitter.com/web/javascript/creating-widgets#create-tweet https://dev.twitter.com/web/javascript/creating-widgets#create-tweet].
+    if (typeof window.twttr === 'undefined') {
+        window.twttr = (function (d,s,id) {
+            var t, js, fjs = d.getElementsByTagName(s)[0];
-== Parameters ==
+            if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
+            js.src="//platform.twitter.com/widgets.js";
-=== Mandatory ===
+            fjs.parentNode.insertBefore(js, fjs);
-* '''id''' - tweet id
+            return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
+        }(document, "script", "twitter-wjs"));
-=== Optional ===
-* '''align''' - ''left'', ''right'', ''center''. (Default: ''undefined'')
+    </script>
-* '''conversation''' - ''none'', ''all''. (Default: ''all'')
+    <!--{/if}-->
-* '''cards''' - ''hidden'', ''visible''. (Default: ''visible'')
+    <script>
-* '''width''' - ''numeric value''. (Default: ''auto'')
+    twttr.ready(function (twttr) {
-* '''linkColor''' - ''hexadecimal color value'' (Default: ''blue'')
+        twttr.widgets.createTweet(
-* '''theme''' - ''dark'', ''light''. (Default: ''light'')
+            "<!--{$id}-->",
+            document.getElementById("twitter-<!--{$tweetincluded}-->-<!--{$id}-->"),
-== Examples ==
-=== Single post ===
+                align: <!--{if $align}-->'<!--{$align}-->'<!--{else}-->undefined<!--{/if}-->,
-{{#widget:Tweet|id=226413520412090368}}
+                conversation: '<!--{if $conversation}--><!--{$conversation}--><!--{else}-->all<!--{/if}-->',
+                cards: '<!--{if $cards}--><!--{$cards}--><!--{else}-->visible<!--{/if}-->',
-=== Single post enhanced with further options ===
+                width: <!--{if $width}-->'<!--{$width}-->'<!--{else}-->undefined<!--{/if}-->,
-{{#widget:Tweet|id=226413520412090368|linkColor=#cc0000|theme=dark}}
+                linkColor: '<!--{if $linkColor}--><!--{$linkColor}--><!--{else}-->blue<!--{/if}-->',