Jump to content

Template:Article thumbnail: Difference between revisions

From Insurer Brain
Content deleted Content added
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<templatestyles src="Article thumbnail/styles.css" />
<templatestyles src="Article thumbnail/styles.css" />
<div class="article-thumb">
<div class="article-thumb article-thumb--align-{{{align|center}}}">
<div class="article-thumb__imgwrap">[[File:{{{image}}}|{{{width|180}}}px|link={{{page|{{BASEPAGENAME}}}}}|alt={{{alt|Thumbnail for {{{page|{{BASEPAGENAME}}}}}}}]]</div>
<div class="article-thumb__imgwrap">
[[File:{{{image|work-in-progress-book.jpg}}}|{{{width|180}}}px|link={{{page|{{BASEPAGENAME}}}}}|alt={{{alt|Thumbnail for {{{page|{{BASEPAGENAME}}}}}}}}]]
<div class="article-thumb__caption">[[{{{page|{{BASEPAGENAME}}}}}]]</div>
</div>
</div>
<div class="article-thumb__caption">
[[{{{page|{{BASEPAGENAME}}}}}]]
<div class="article-thumb__text">{{{caption|}}}</div>
</div>
</div><noinclude>
== Parameters ==
* <code>image</code> – File name without prefix.
* <code>page</code> – Target page link.
* <code>caption</code> – Text under the link (color #202122).
* <code>align</code> – Optional. Set to <code>left</code>, <code>right</code>, or <code>center</code>. Defaults to <code>center</code>.
* <code>width</code> – Image width (numeric).

== Example (Left Aligned) ==
<pre>
{{Article thumbnail
| image = Atomic Habits cover.jpg
| page = Atomic Habits
| caption = James Clear (2018)
| align = left
}}
</pre>
</noinclude>

Latest revision as of 15:23, 4 January 2026

Thumbnail for Article thumbnail

Article thumbnail

Parameters

  • image – File name without prefix.
  • page – Target page link.
  • caption – Text under the link (color #202122).
  • align – Optional. Set to left, right, or center. Defaults to center.
  • width – Image width (numeric).

Example (Left Aligned)

{{Article thumbnail
 | image   = Atomic Habits cover.jpg
 | page    = Atomic Habits
 | caption = James Clear (2018)
 | align   = left
}}