Widget:Tweet: Difference between revisions
add dark themed tweet |
add classes to widget divs instead |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div style="max-width: 100%;<!--{if isset($float)}--> float: right; clear: right; margin-top: -10px; margin-bottom: calc(0.5em - 10px); margin-left: 1em;<!--{/if}--> width: <!--{if isset($float)}--><!--{$width|escape:'html'|default:'440'}--><!--{else}--><!--{$width|escape:'html'|default:'550'}--><!--{/if}-->px;"> | <div class="tweet-widget light-theme" style="max-width: 100%;<!--{if isset($float)}--> float: right; clear: right; margin-top: -10px; margin-bottom: calc(0.5em - 10px); margin-left: 1em;<!--{/if}--> width: <!--{if isset($float)}--><!--{$width|escape:'html'|default:'440'}--><!--{else}--><!--{$width|escape:'html'|default:'550'}--><!--{/if}-->px;"> | ||
<blockquote class="twitter-tweet" data-dnt="true" data-theme="light"> | <blockquote class="twitter-tweet" data-dnt="true" data-theme="light"> | ||
<a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a> | <a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a> | ||
</blockquote> | </blockquote> | ||
</div> | |||
<div class="tweet-widget dark-theme" style="max-width: 100%;<!--{if isset($float)}--> float: right; clear: right; margin-top: -10px; margin-bottom: calc(0.5em - 10px); margin-left: 1em;<!--{/if}--> width: <!--{if isset($float)}--><!--{$width|escape:'html'|default:'440'}--><!--{else}--><!--{$width|escape:'html'|default:'550'}--><!--{/if}-->px;"> | |||
<blockquote class="twitter-tweet" data-dnt="true" data-theme="dark"> | <blockquote class="twitter-tweet" data-dnt="true" data-theme="dark"> | ||
<a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a> | <a href="https://twitter.com/_/status/<!--{$id|escape:'urlpathinfo'}-->"></a> | ||
| Line 21: | Line 23: | ||
* <code>width = W</code> (replace <code>W</code> with the desired width in pixels) | * <code>width = W</code> (replace <code>W</code> with the desired width in pixels) | ||
* <code>float</code> (places the video along the right side of the page, also changes the default width) | * <code>float</code> (places the video along the right side of the page, also changes the default width) | ||
=== Example === | === Example === | ||
{{#widget:Tweet|id = | {{#widget:Tweet|id = 20}} | ||
</noinclude> | |||
Latest revision as of 08:38, 31 July 2023
This widget allows you to add a Tweet card to your wiki page.
Using this widget
To insert this widget, use the following syntax:
{{#widget:Tweet|id = example}}
Replace example with the ID of the Tweet found in the URL. You can also add the following optional parameters (separated using | symbols within the brackets):
width = W(replaceWwith the desired width in pixels)float(places the video along the right side of the page, also changes the default width)