Template:Article thumbnail: Difference between revisions

Browse history interactively

← Older edit

Content deleted Content added

VisualWikitext

Inline

Latest revision as of 15:23, 4 January 2026

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
}}

@@ Line 1: / Line 1: @@
 <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|work-in-progress-book.jpg}}}|{{{width|180}}}px|link={{{page|{{BASEPAGENAME}}}}}|alt={{{alt|Thumbnail for {{{page|{{BASEPAGENAME}}}}}}}}]]
@@ Line 9: / Line 9: @@
 </div>
 </div><noinclude>
-== What this does ==
-Displays a small, consistent '''article thumbnail''' card: an image that links to a page, with a caption under it.
 == Parameters ==
-* <code>image</code> – Optional. File name without <code>File:</code> prefix.
+* <code>image</code> – File name without prefix.
-* <code>page</code> – Optional. Target page for the link. Defaults to <code>{{BASEPAGENAME}}</code>.
+* <code>page</code> – Target page link.
-* <code>caption</code> – Optional. Plain text description appearing under the page link.
+* <code>caption</code> – Text under the link (color #202122).
-* <code>width</code> – Optional. Numeric width for the file (defaults to 180).
+* <code>align</code> – Optional. Set to <code>left</code>, <code>right</code>, or <code>center</code>. Defaults to <code>center</code>.
-* <code>alt</code> – Optional. Accessibility text.
+* <code>width</code> – Image width (numeric).
-== Example ==
+== Example (Left Aligned) ==
 <pre>
 {{Article thumbnail
@@ Line 25: / Line 22: @@
  | page    = Atomic Habits
  | caption = James Clear (2018)
+ | align   = left
 }}
 </pre>