Shortcodes

If you can dream it, you can do it

Images

To create an image, use the image shortcode. You can use the [thumbnail_caption] shortcode to apply a caption under an image.

StyleDescription
uk-thumbnail creates a border around the image
uk-border-rounded creates an image with rounded corners
uk-border-circle creates an image which is round
uk-thumbnail-expand Makes the image fill the entire width of the parent container


Image with thumbnail style


sample_1

markup
[image style="uk-thumbnail" src="/images/demo/grid/4.jpg" alt="sample_1" width="250" height="250"/]

Image with rounded corners style


sample_1


markup
[image style="uk-border-rounded" src="/images/demo/grid/4.jpg" alt="sample_1" width="250" height="250"/]

Image in circle


sample_1


markup
[image style="uk-border-circle" src="/images/demo/grid/4.jpg" alt="sample_1" width="250" height="250"/]

Image with caption

You can use the [thumbnail_caption] shortcode to apply a caption under the image.

sample_1
image caption


markup
[thumbnail_caption caption="image caption"]
[image style="" src="/images/demo/grid/4.jpg" alt="sample_1" width="275" height="182"/]
[/thumbnail_caption]

You can view more examples and classes that you can use from here

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.