Template:Font color
Template documentation{{Font color}} is how you insert colourised text, such as red, orange, green, blue and indigo, and many others. You can specify its background colour at the same time.
{{Font color}} is also how you can colour wikilinks to something other than blue for when you need to work within background colours. Normally [[Shion]] → Shion, but here we use a {{font color}} with |link= to create a pink Shion → Shion . You can make any text link to any page using the |link= parameter.
This template will use the latest HTML5 recommendations, inserting the span tags <span style=color:color>...</span> and <span style=background-color:color>...</span> for you, so your page increases its readability and usability in both the wikitext and the rendered page.
Usage
{{Font color}} has a one-colour and a two-colour form:
{{font color|colour|text}}{{font color|text colour|background colour text}}
Either form has a |link= option, for colourising (otherwise blue or red) wikilink text:
- |link=yes →
[[text]] - |link=fullpagename →
[[fullpagename]]
You can also name the other fields:
{{font color|fg=colour|text=text}}{{font color|fg=text colour|bg=background colour|text=text}}
You can name |fg= or |bg=, which is nice, but...
if you name either of them, you must also name |, which is a compromise.
Spacing is of no concern:
.{{font color|tan|green|text with four words}}.→.text with four words..{{font color|tan|green|text with four words}}.→.text with four words..{{font color|tan|green| text with four words}}.→.text with four words.
Examples
| Markup | Renders as |
|---|---|
{{font color|green|green text}}
|
green text |
{{font color|blue|do not style text as a link}}
|
do not style text as a link |
{{font color|white|black|white with black background}}
|
white with black background |
{{font color| |yellow|default text in yellow background}}
|
default text in yellow background |
{{font color|bg = yellow|text = default text in yellow background}}
|
default text in yellow background |
| Markup | Renders as |
|---|---|
{{font color|white|blue|Wikipedia:Example}}
|
Wikipedia:Example |
{{font color|white|blue|Wikipedia:Example|link = Wikipedia:Sandbox}}
|
Wikipedia:Example |
{{font color|text = Wikipedia:Example|link = Wikipedia:Sandbox|bg = blue|fg = white}}
|
Wikipedia:Example |
The |link= parameter is a good way to colourise wikilinks, and it is about as much typing as the pipe trick.
A wikilink also accepts a font color (or other template or markup):
[[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}- → the Wikipedia:Example page (a font-coloured link)
A font color does not accept a wikilink, it creates wikilinks itself with |link=:
{{font color|green|violet|Wikipedia:Example}}→ Wikipedia:Example (a|link={{font color}}){{font color|green|violet|the [[Wikipedia:Example]] page}}→ the Wikipedia:Example page (Text with [[wikilink brackets]] overrides the designated colour){{font color|green|violet|[[Wikipedia:Exammple]]}}→ the Wikipedia:Exammple page (Text with [[wikilink brackets]] overrides the designated color)
Redirects
- {{Font colour}}
See also
| The above documentation is transcluded from Template:Font color/doc. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |