Jump to content

Template:Main Page/Button: Difference between revisions

From The Petit Planet Wiki
Created Template:Main Page/Button
 
Added SyntaxHighlight and Template:Example
Line 7: Line 7:


==Syntax==
==Syntax==
<pre>
<syntaxhighlight lang="wikitext" copy>
{{Main Page/Button|icon = |link = |text = }}
{{Main Page/Button|icon = |link = |text = }}
</pre>
</syntaxhighlight>
* {{F|icon}} &ndash; Icon for the button. Available icons:
* {{F|icon}} &ndash; Icon for the button. Available icons:
** {{F|Discord}}, {{F|Facebook}}, {{F|HoYoLAB}}, {{F|HoYoverse}}, {{F|Instagram}}, {{F|Reddit}}, {{F|TikTok}}, {{F|X}}, {{F|YouTube}}
** {{F|Discord}}, {{F|Facebook}}, {{F|HoYoLAB}}, {{F|HoYoverse}}, {{F|Instagram}}, {{F|Reddit}}, {{F|TikTok}}, {{F|X}}, {{F|YouTube}}
Line 16: Line 16:


==Example==
==Example==
<pre>
{{Example|<nowiki>
{{Main Page/Button|icon = HoYoverse|link = https://planet.hoyoverse.com|text = Official Website}}
{{Main Page/Button|icon = HoYoLAB|link = https://www.hoyolab.com/circles/10/100002/official|text = Official HoYoLAB}}
</pre>
<templatestyles src="Template:Main Page/styles.css" />
<templatestyles src="Template:Main Page/styles.css" />
<div class="mp-button-wrapper" style="margin-top:8px;">
<div class="mp-button-wrapper" style="margin-top:8px;">
Line 25: Line 22:
{{Main Page/Button|icon = HoYoLAB|link = https://www.hoyolab.com/circles/10/100002/official|text = Official HoYoLAB}}
{{Main Page/Button|icon = HoYoLAB|link = https://www.hoyolab.com/circles/10/100002/official|text = Official HoYoLAB}}
</div>
</div>
</nowiki>}}


==Template Data==
==Template Data==

Revision as of 15:03, 2 May 2026

Template documentation
Note: parts of or the entire template might not be visible without values provided.
This template uses CSS found at Template:Main Page/styles.css.

Template that creates buttons for {{Main Page}}.

Syntax

{{Main Page/Button|icon = |link = |text = }}
  • icon – Icon for the button. Available icons:
    • Discord, Facebook, HoYoLAB, HoYoverse, Instagram, Reddit, TikTok, X, YouTube
  • link – External link of the button.
  • text – Text of the external link. Default: icon.

Example

<templatestyles src="Template:Main Page/styles.css" />
<div class="mp-button-wrapper" style="margin-top:8px;">
{{Main Page/Button|icon = HoYoverse|link = https://planet.hoyoverse.com|text = Official Website}}
{{Main Page/Button|icon = HoYoLAB|link = https://www.hoyolab.com/circles/10/100002/official|text = Official HoYoLAB}}
</div>

Template Data

Template that creates buttons for the Main Page.

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Iconicon

Icon for the button. See documentation for list of available icons.

Example
HoYoverse
Stringrequired
Linklink

External link of the button.

Example
https://planet.hoyoverse.com
Stringrequired
Texttext

Text of the external link.

Default
<icon>
Example
Official Website
Stringsuggested