Difference between revisions of "Template:Font color/doc"
m |
m |
||
Line 1: | Line 1: | ||
− | The template {{ | + | The template {{tlg|font color}} is how you insert colorized text. You can specify its background color at the same time. |
== Purpose == | == Purpose == | ||
− | {{ | + | {{tlg|code=yes|nolink=yes|font color}} is also how you can color wikilinks to something other than blue for when you need to work within background colors. Normally <nowiki>[[Wikipedia:Albert Einstein]]</nowiki> produces [[Wikipedia:Albert Einstein]], but here we use a font color with {{para|link}} to create a black wikilink → {{font color|black|violet|link=yes|Wikipedia:Albert Einstein}}. You can make any text link to any page using the {{para|link}} parameter. |
This template uses the latest HTML5 recommendations, inserting the span tags {{nowrap|<code><nowiki><span style=color:color>…</span></nowiki></code>}} and {{nowrap|<code><nowiki><span style=background-color:color>…</span></nowiki></code>}}, so the page increases its readability and usability in both the wikitext and the rendered page. | This template uses the latest HTML5 recommendations, inserting the span tags {{nowrap|<code><nowiki><span style=color:color>…</span></nowiki></code>}} and {{nowrap|<code><nowiki><span style=background-color:color>…</span></nowiki></code>}}, so the page increases its readability and usability in both the wikitext and the rendered page. | ||
Line 9: | Line 9: | ||
== Usage == | == Usage == | ||
− | {{ | + | {{tlg|code=yes|nolink=yes|font color}} has a one‐color and a two‐color form: |
− | * {{ | + | * {{tlg|code=yes|nolink=yes|font color|{{var|color}}|{{var|text}}}} |
− | * {{ | + | * {{tlg|code=yes|nolink=yes|font color|{{var|text color}}|{{var|background color}}|{{var|text}}}} |
Either form has a {{para|link}} option, for colorizing (otherwise blue or red) wikilink text: | Either form has a {{para|link}} option, for colorizing (otherwise blue or red) wikilink text: | ||
Line 18: | Line 18: | ||
You can also name the other fields: | You can also name the other fields: | ||
− | * {{ | + | * {{tlg|code=yes|nolink=yes|font color|fg{{=}}{{var|color}}|text{{=}}{{var|text}}}} |
− | * {{ | + | * {{tlg|code=yes|nolink=yes|font color|fg{{=}}{{var|text color}}|bg{{=}}{{var|background color}}|text{{=}}{{var|text}}}} |
You can name {{para|fg}} or {{para|bg}}, which is nice, but if you name either of them, you must also name {{para|text}}, which is a compromise. | You can name {{para|fg}} or {{para|bg}}, which is nice, but if you name either of them, you must also name {{para|text}}, which is a compromise. | ||
Line 75: | Line 75: | ||
! Renders as | ! Renders as | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|green|green text}} |
| {{font color|green|green text}} | | {{font color|green|green text}} | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|blue|do not style text as a link}} |
| {{font color|blue|do not style text as a link}} | | {{font color|blue|do not style text as a link}} | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color||yellow|default text in yellow background}} |
| {{font color||yellow|default text in yellow background}} | | {{font color||yellow|default text in yellow background}} | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|bg{{=}}yellow|text{{=}}default text in yellow background}} |
| {{font color|bg=yellow|text=default text in yellow background}} | | {{font color|bg=yellow|text=default text in yellow background}} | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|white|black|white with black background}} |
| {{font color|white|black|white with black background}} | | {{font color|white|black|white with black background}} | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|#FFFFFF|#000000|white with black background}} |
| {{font color|#FFFFFF|#000000|white with black background}} | | {{font color|#FFFFFF|#000000|white with black background}} | ||
|} | |} | ||
Line 98: | Line 98: | ||
! Renders as | ! Renders as | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|white|blue|Wikipedia:Example|link{{=}}yes}} |
| {{font color|white|blue|Wikipedia:Example|link=yes}} | | {{font color|white|blue|Wikipedia:Example|link=yes}} | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|white|blue|Wikipedia:Example|link{{=}}Wikipedia:Sandbox}} |
| {{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}} | | {{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}} | ||
|- | |- | ||
− | | {{ | + | | {{tlg|code=yes|nolink=yes|font color|text=Wikipedia:Example|link{{=}}Wikipedia:Sandbox|bg{{=}}blue|fg{{=}}white}} |
| {{font color|text=Wikipedia:Example|link=Wikipedia:Sandbox|bg=blue|fg=white}} | | {{font color|text=Wikipedia:Example|link=Wikipedia:Sandbox|bg=blue|fg=white}} | ||
|} | |} | ||
Line 112: | Line 112: | ||
Although a wikilink accepts a font color (or other template or markup): | Although a wikilink accepts a font color (or other template or markup): | ||
: <code>[<nowiki/>[Wikipedia:Example|{<nowiki/>{font color|white|blue|the Wikipedia:Example page}}]]</code> produces [[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}]] (a font‐colored link) | : <code>[<nowiki/>[Wikipedia:Example|{<nowiki/>{font color|white|blue|the Wikipedia:Example page}}]]</code> produces [[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}]] (a font‐colored link) | ||
− | : {{ | + | : {{tlg|code=yes|nolink=yes|font color}} does not accept a wikilink, it creates wikilinks itself with {{para|link}}. |
− | : {{font color|green|✓}} {{ | + | : {{font color|green|✓}} {{tlg|code=yes|nolink=yes|font color|green|violet|Wikipedia:Example|link=yes}} produces {{font color|green|violet|Wikipedia:Example|link=yes}} |
− | : {{font color|red|✗}} {{ | + | : {{font color|red|✗}} {{tlg|code=yes|nolink=yes|font color|green|violet|the [[Wikipedia:Example]] page}} produces {{font color|green|violet|the [[Wikipedia:Example]] page}} (text with [<nowiki/>[wikilink brackets]] overrides the designated color) |
[[Category:Templates]] | [[Category:Templates]] | ||
[[Category:Templates documentation]] | [[Category:Templates documentation]] |
Revision as of 15:51, 21 July 2020
The template {{font color}} is how you insert colorized text. You can specify its background color at the same time.
Contents
Purpose
{{font color}}
is also how you can color wikilinks to something other than blue for when you need to work within background colors. Normally [[Wikipedia:Albert Einstein]] produces Wikipedia:Albert Einstein, but here we use a font color with |link=
to create a black wikilink → Wikipedia:Albert Einstein. You can make any text link to any page using the |link=
parameter.
This template uses the latest HTML5 recommendations, inserting the span tags <span style=color:color>…</span>
and <span style=background-color:color>…</span>
, so the page increases its readability and usability in both the wikitext and the rendered page.
Usage
{{font color}}
has a one‐color and a two‐color form:
{{font color|color|text}}
{{font color|text color|background color|text}}
Either form has a |link=
option, for colorizing (otherwise blue or red) wikilink text:
|link=yes
produces[[text]]
|link=Wikipedia:Albert Einstein
produces[[Albert Einstein]]
You can also name the other fields:
{{font color|fg=color|text=text}}
{{font color|fg=text color|bg=background color|text=text}}
You can name |fg=
or |bg=
, which is nice, but if you name either of them, you must also name |text=
, which is a compromise.
Parameters
Use / description | Default value | |
---|---|---|
{{{1}}} | text color | inherited |
{{{2}}} | text | |
link | =yes or =fullpagename |
Or
Use / description | Default value | |
---|---|---|
{{{1}}} | text color | inherited |
{{{2}}} | background color | inherited |
{{{3}}} | text | |
link | =yes or =fullpagename |
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||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 |
{{font color|white|black|white with black background}}
|
white with black background |
{{font color|#FFFFFF|#000000|white with black background}}
|
white with black background |
Markup | Renders as |
---|---|
{{font color|white|blue|Wikipedia:Example|link=yes}}
|
Wikipedia:Example |
{{font color|white|blue|Wikipedia:Example|link=Wikipedia:Sandbox}}
|
Wikipedia:Example |
{{font color|link=Wikipedia:Sandbox|bg=blue|fg=white}}
|
Wikipedia:Example |
The |link=
parameter is a good way to colorize wikilinks, and it is about as much typing as the pipe trick.
Although a wikilink accepts a font color (or other template or markup):
[[Wikipedia:Example|{{font color|white|blue|the Wikipedia:Example page}}]]
produces the Wikipedia:Example page (a font‐colored link){{font color}}
does not accept a wikilink, it creates wikilinks itself with|link=
.- ✓
{{font color|green|violet|Wikipedia:Example}}
produces Wikipedia:Example - ✗
{{font color|green|violet|the Wikipedia:Example page}}
produces the Wikipedia:Example page (text with [[wikilink brackets]] overrides the designated color)