Help:Social widgets: Difference between revisions

From Halopedia, the Halo wiki

m (Text replacement - "#widget:Twitter|id=" to "#widget:Twitter|user=")
Line 33: Line 33:
To add your Twitter to you [[Special:MyPage|user page]], use the following code:
To add your Twitter to you [[Special:MyPage|user page]], use the following code:


<pre>{{#widget:Twitter|id=TWITTERNAME}}</pre>
<pre>{{#widget:Twitter|user=TWITTERNAME}}</pre>


And make sure to replace TWITTERNAME with your Twitter handle.
And make sure to replace TWITTERNAME with your Twitter handle.
Line 42: Line 42:
For example, here's how to display Halopedia's Twitter:
For example, here's how to display Halopedia's Twitter:


<pre>{{#widget:Twitter|id=Halopedia}}</pre>
<pre>{{#widget:Twitter|user=Halopedia}}</pre>


{{#widget:Twitter|id=Halopedia}}
{{#widget:Twitter|user=Halopedia}}


----
----
If you want your twitter floated to the right, use this code on your user page:
If you want your twitter floated to the right, use this code on your user page:


<pre>{{Right|{{#widget:Twitter|id=TWITTERNAME}}}}</pre>
<pre>{{Right|{{#widget:Twitter|user=TWITTERNAME}}}}</pre>


----
----
If you want your twitter widget to be a certain size and use a dark theme you can use the following:
If you want your twitter widget to be a certain size and use a dark theme you can use the following:


<pre>{{#widget:Twitter|id=TWITTERNAME|width=350|height=500|theme=dark}}</pre>
<pre>{{#widget:Twitter|user=TWITTERNAME|width=350|height=500|theme=dark}}</pre>


Changing the "width" and "height" to whatever you want.
Changing the "width" and "height" to whatever you want.

Revision as of 05:33, October 20, 2020

Social media boxes are boxes that hold social media information designed to appear on several pages.

How to add

Discord Widget

To add your Discord to your user page, use the following code:

{{#widget:Discord|id=DISCORDSERVERID}}

And make sure to replace DISCORDSERVERID with your Server ID found under "Widget" in the "Server Settings" area on your discord.

Make this the first line of your user page and it won't bump down your text.


For example, here's how to display Halopedia's discord:

{{#widget:Discord|id=258355019781242883}}


If you want your discord floated to the right, use this code on your user page:

{{Right|{{#widget:Discord|id=258355019781242883}}}}

If you want your discord widget to be a certain size and use a dark theme you can use the following:

{{#widget:Discord|id=258355019781242883|width=350|height=500|theme=light}}

Changing the "width" and "height" to whatever you want.

Twitter widget

To add your Twitter to you user page, use the following code:

{{#widget:Twitter|user=TWITTERNAME}}

And make sure to replace TWITTERNAME with your Twitter handle.

Make this the first line of your user page and it won't bump down your text.


For example, here's how to display Halopedia's Twitter:

{{#widget:Twitter|user=Halopedia}}


If you want your twitter floated to the right, use this code on your user page:

{{Right|{{#widget:Twitter|user=TWITTERNAME}}}}

If you want your twitter widget to be a certain size and use a dark theme you can use the following:

{{#widget:Twitter|user=TWITTERNAME|width=350|height=500|theme=dark}}

Changing the "width" and "height" to whatever you want.

Tweet widget

If you want to link a specific tweet itself, use the following code.

{{#widget:Tweet|id=TWEETID}}

And make sure to replace TWEETID with the twitter post id found in the url of the tweet.


For example, here's how to display Halopedia's first tweet:

{{#widget:Tweet|id=896142208952184832}}
Error in widget Tweet: Unable to load template 'wiki:Tweet'

See also