Template:Image: Difference between revisions

From The Reed and Rite
mNo edit summary
mNo edit summary
Line 11: Line 11:
== Usage ==
== Usage ==
The filename parameter is required. The caption is optional, but is strongly encouraged. See the table below for all other optional parameters.
The filename parameter is required. The caption is optional, but is strongly encouraged. See the table below for all other optional parameters.
<pre Style="width: 18%;">
{{image
|FILENAME.EXTENSION
|caption
|artist=Artist Name
}}
</pre>


:'''Note:''' The copy-paste examples above and below are split over multiple lines for the sake of clarity.
:'''Note:''' The copy-paste examples above and below are split over multiple lines for the sake of clarity.


 
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Tag Only</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Caption</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
|This is a caption.
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png|This is a caption.}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Artist Attribution</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
|This is a caption.
|artist=Declan Lion
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png|This is a caption.|artist=Declan Lion}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Alignment</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
|This is a caption.
|align=left/right
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png|Using <code>align&#61;left</code>.|align=left}}{{Image|Pen.png|Using <code>align&#61;right</code>.|align=right}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Resize Height</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
|This is a caption.
|height=150px
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png|This is a caption.|height=150px}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Resize Width</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
|This is a caption.
|width=200px
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png|This is a caption.|width=200px}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Internal Link</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
|Click here for more details on Emma M. Lion.
|link=Emma M. Lion
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png|Click here for more details on Emma M. Lion.|link=Emma M. Lion}}
|-
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">External Link</span><br><div style="text-align: left;"><span style="font-weight: normal;">Example</div>
|-
! width=25%|You Type
!You Get
|-
| style="text-align: left; background-color: white;" |<pre>{{Image
|Pen.png
|Click here for more details on Beth Brower.
|link=https://www.bethbrower.com
}}
</pre>
| style="background-color: white;" | {{Image|Pen.png|Click here for more details on Beth Brower.|link=https://www.bethbrower.com}}
|}
<br>
<br>
{| class="wikitable" style="width: 100%; text-align: left; margin: auto;  table-layout: fixed;"  
{| class="wikitable" style="width: 100%; text-align: left; margin: auto;  table-layout: fixed;"  
|- class="title"
|- class="title"

Revision as of 00:36, 2 May 2025

Description

This template is used to include a thumbnail image on a page.

Usage

The filename parameter is required. The caption is optional, but is strongly encouraged. See the table below for all other optional parameters.

Note: The copy-paste examples above and below are split over multiple lines for the sake of clarity.
Tag Only
Example
You Type You Get
{{Image
|Pen.png
}}
Caption
Example
You Type You Get
{{Image
|Pen.png
|This is a caption.
}}
This is a caption.
Artist Attribution
Example
You Type You Get
{{Image
|Pen.png
|This is a caption.
|artist=Declan Lion
}}
by Declan Lion
This is a caption.
Alignment
Example
You Type You Get
{{Image
|Pen.png
|This is a caption.
|align=left/right
}}
Using align=left.
Using align=right.
Resize Height
Example
You Type You Get
{{Image
|Pen.png
|This is a caption.
|height=150px
}}
This is a caption.
Resize Width
Example
You Type You Get
{{Image
|Pen.png
|This is a caption.
|width=200px
}}
This is a caption.
Internal Link
Example
You Type You Get
{{Image
|Pen.png
|Click here for more details on Emma M. Lion.
|link=Emma M. Lion
}}
Click here for more details on Emma M. Lion.
External Link
Example
You Type You Get
{{Image
|Pen.png
|Click here for more details on Beth Brower.
|link=https://www.bethbrower.com
}}
Click here for more details on Beth Brower.



Parameter Description Code Output
Common Parameters
None Only the file name is passed.
{{Image
|Pen.png
}}
Caption File name and caption are passed.
{{Image
|Pen.png
|This is a caption.
}}
This is a caption.
artist= Specifies the artist's name for the image.
{{Image
|Pen.png
|This is a caption.
|artist=Declan Lion
}}
by Declan Lion
This is a caption.
Alignment Parameters
align=left Pushes the image over to the left, allowing text to flow around it.
{{Image
|Pen.png
|This is a caption.
|align=left
}}
This is a caption.
align=right Pushes the image over to the right, allowing text to flow around it.
{{Image
|Pen.png
|This is a caption.
|align=right
}}
This is a caption.
Resizing Parameters
height= Sets the height of the image. If set, the width will adjust automatically to maintain aspect ratio.
{{Image
|Pen.png
|This is a caption.
|height=150px
}}
This is a caption.
width= Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio.
{{Image
|Pen.png
|This is a caption.
|width=200px
}}
This is a caption.
Link Parameters
link=
(Internal)
Makes the image clickable, linking it to a specific internal URL.
{{Image
|Pen.png
|Click here for more details on Emma M. Lion.
|link=Emma M. Lion
}}
Click here for more details on Emma M. Lion.
link=
(External)
Makes the image clickable, linking it to a specific external URL.
{{Image
|Pen.png
|Click here for more details on Beth Brower.
|link=https://www.bethbrower.com
}}
Click here for more details on Beth Brower

Articles using Template