Template

Anchor link

From Dogcraft Wiki

(Created page with "<includeonly><templatestyles src="Template:Anchor_link/styles.css" /><span class="noexcerpt anchor header-anchor" id="{{{1}}}"></span></includeonly><noinclude> {{TemplateStyles}} === Example === {{anchor link|1}} This sentence has an anchor link in front of it <templatedata> { "params": { "1": { "label": "Name", "description": "This is the text that may be added to the end of a link after a \"#\" to jump to the anchor's position (eg.: https://dogcr...")
 
m (Added category: Tool templates)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><templatestyles src="Template:Anchor_link/styles.css" />[[#{{{1}}}|<span class="noexcerpt anchor header-anchor" id="{{{1}}}"></span>]]</includeonly><noinclude>
<includeonly><templatestyles src="Template:Anchor_link/styles.css" />[[#{{{1}}}|{{anchor|{{{1}}}|class=anchor-visible}}]]</includeonly><noinclude>
{{TemplateStyles}}
{{TemplateStyles}}
''For purely functional anchor links without a visible element, see [[Template:Anchor]].''
An expanded version of {{t|anchor}} which includes a visible and clickable '#' in front of the anchored header or paragraph for easier navigation. The '#' is only visible when the header or paragraph is hovered, focused or targeted.
=== Example ===
=== Example ===
{{anchor link|1}} This sentence has an anchor link in front of it
<code><nowiki>{{anchor link|1}}</nowiki></code>: {{anchor link|1}} This sentence has a visible anchor link in front of it.


<templatedata>
<templatedata>
Line 15: Line 19:
}
}
},
},
"description": "Creates link anchor on the page for easier navigation. (Anchors can be jumped to using https://pageurl#anchorname)",
"description": "Creates visible and clickable link anchor on the page for easier navigation. (Anchors can be jumped to using https://pageurl#anchorname)",
"paramOrder": [
"paramOrder": [
"1"
"1"
Line 21: Line 25:
"format": "inline"
"format": "inline"
}
}
</templatedata>
</templatedata>[[Category:Tool templates]]
</noinclude>
</noinclude>

Latest revision as of 10:54, 4 December 2023

For purely functional anchor links without a visible element, see Template:Anchor.

An expanded version of {{anchor}} which includes a visible and clickable '#' in front of the anchored header or paragraph for easier navigation. The '#' is only visible when the header or paragraph is hovered, focused or targeted.

Example

{{anchor link|1}}: This sentence has a visible anchor link in front of it.

Creates visible and clickable link anchor on the page for easier navigation. (Anchors can be jumped to using https://pageurl#anchorname)

Template parameters

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Name1

This is the text that may be added to the end of a link after a "#" to jump to the anchor's position (eg.: https://dogcraft.net/wiki/Pagename#anchorname)

Example
History
Stringrequired
Background Valentine's Day Event 2024 by TheWhiteTigerNL