Locked
Halopedia

Help:Social widgets: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
m (Bot: Automated text replacement (-^ +{{Status|Halopedia}}\n))
 
(9 intermediate revisions by 4 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><discord>DISCORDSERVERID</discord></pre>
<pre>{{#widget:Discord|id=DISCORDSERVERID}}</pre>


And make sure to replace DISCORDSERVERID with your Server ID found under "Widget" in the "Server Settings" area on your discord.
And make sure to replace DISCORDSERVERID with your Server ID found under "Widget" in the "Server Settings" area on your discord.
Line 14: Line 14:
For example, here's how to display Halopedia's discord:
For example, here's how to display Halopedia's discord:


<pre><discord>258355019781242883</discord></pre>
<pre>{{#widget:Discord|id=258355019781242883}}</pre>


<discord>258355019781242883</discord>
{{#widget:Discord|id=258355019781242883}}


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


<pre>{{Right|<discord>258355019781242883</discord>}}</pre>
<pre>{{Right|{{#widget:Discord|id=258355019781242883}}}}</pre>


----
----
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><discord width="350" height="500" theme="dark">258355019781242883</discord></pre>
<pre>{{#widget:Discord|id=258355019781242883|width=350|height=500|theme=light}}</pre>


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><twitter>TWITTERNAME</twitter></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 41: Line 41:


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


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


<twitter>HalopediaWiki</twitter>
{{#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|<twitter>TWITTERNAME</twitter>}}</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><twitter width="350" height="500" theme="dark">TWITTERNAME</twitter></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.


----
===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><tweet>TWEETID</tweet></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 67: 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><tweet>896142208952184832</tweet></pre>
<pre>{{#widget:Twitter|id=896142208952184832}}</pre>
 
{{#widget:Twitter|id=896142208952184832}}
----
The dark theme can be used for individual tweets as well:


<tweet>896142208952184832</tweet>
<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}}