Locked
Halopedia

Help:Social widgets: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
m (Bot: Automated text replacement (-^ +{{Status|Halopedia}}\n))
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Status|Halopedia}}
'''Social media boxes''' are boxes that hold social media information designed to appear on several pages.  
'''Social media boxes''' are boxes that hold social media information designed to appear on several pages.  


==How to add==
==Discord widget==
===Discord Widget===
To add your Discord to your [[Special:MyPage|user page]], use the following code:
To add your Discord to you [[Special:MyPage|user page]], use the following code:


<pre>{{#widget:Discord|id=DISCORDSERVERID}}</pre>
<pre>{{#widget:Discord|id=DISCORDSERVERID}}</pre>
Line 24: Line 24:


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


<pre>{{#widget:Discord|id=258355019781242883|width=350|height=500|theme=light}}</pre>
<pre>{{#widget:Discord|id=258355019781242883|width=350|height=500|theme=light}}</pre>
Line 30: Line 30:
Changing the "width" and "height" to whatever you want.
Changing the "width" and "height" to whatever you want.


===Twitter widget===
==Twitter widget==
===User feed===
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 43:
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.


===Tweet widget===
===Individual tweets===
If you want to link a specific tweet itself, use the following code.
If you want to link a specific tweet itself, use the following code.
<pre>{{#widget:Tweet|id=TWEETID}}</pre>
<pre>{{#widget:Twitter|id=TWEETID}}</pre>


And make sure to replace TWEETID with the twitter post id found in the url of the tweet.
And make sure to replace TWEETID with the twitter post id found in the url of the tweet.
Line 66: Line 67:
For example, here's how to display Halopedia's first tweet:
For example, here's how to display Halopedia's first tweet:


<pre>{{#widget:Tweet|id=896142208952184832}}</pre>
<pre>{{#widget:Twitter|id=896142208952184832}}</pre>


{{#widget:Tweet|id=896142208952184832}}
{{#widget:Twitter|id=896142208952184832}}
----
The dark theme can be used for individual tweets as well:
 
<pre>{{#widget:Twitter|id=896142208952184832|theme=dark}}</pre>


==See also==
{{Halopedia HAGP}}
{{Halopedia HAGP}}


[[Category:Help|{{PAGENAME}}]]
[[Category:Help]]

Latest revision as of 14:13, March 18, 2022

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

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 light 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

User feed

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.

Individual tweets

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

{{#widget:Twitter|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:Twitter|id=896142208952184832}}


The dark theme can be used for individual tweets as well:

{{#widget:Twitter|id=896142208952184832|theme=dark}}