Shortcodes

Shortcodes

[heading size=”h2″ style=”uk-module-title”]Images[/heading]

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

Style Description
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

[line_break/][line_break/] [heading size=”h3″ style=”uk-module-title”]Image with thumbnail style[/heading] [line_break/] [image style=”uk-thumbnail” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/][line_break/] [line_break/] [badge style=”note”]markup[/badge] [code][image style=”uk-thumbnail” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/][/code] [line_break/] [heading size=”h3″ style=”uk-module-title”]Image with rounded corners style[/heading] [line_break/] [image style=”uk-border-rounded” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/][line_break/] [line_break/][line_break/] [badge style=”note”]markup[/badge] [code][image style=”uk-border-rounded” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/][/code] [line_break/] [heading size=”h3″ style=”uk-module-title”]Image in circle[/heading] [line_break/] [image style=”uk-border-circle” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/][line_break/] [line_break/][line_break/] [badge style=”note”]markup[/badge] [code][image style=”uk-border-circle” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/][/code] [line_break/] [heading size=”h3″ style=”uk-module-title”]Image with caption[/heading]

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

[thumbnail_caption caption=”image caption”] [image style=”” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/] [/thumbnail_caption] [line_break/] [line_break/] [badge style=”note”]markup[/badge] [code][thumbnail_caption caption=”image caption”] [image style=”” src=”images/demo/gallery/2.jpg” alt=”sample_1″ width=”250″ height=”250″/] [/thumbnail_caption][/code]

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

Przegląd prywatności

Ta strona korzysta z ciasteczek, aby zapewnić Ci najlepszą możliwą obsługę. Informacje o ciasteczkach są przechowywane w przeglądarce i wykonują funkcje takie jak rozpoznawanie Cię po powrocie na naszą stronę internetową i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.

Ściśle niezbędne ciasteczka

Niezbędne ciasteczka powinny być zawsze włączone, abyśmy mogli zapisać twoje preferencje dotyczące ustawień ciasteczek.

Jeśli wyłączysz to ciasteczko, nie będziemy mogli zapisać twoich preferencji. Oznacza to, że za każdym razem, gdy odwiedzasz tę stronę, musisz ponownie włączyć lub wyłączyć ciasteczka.

Dodatkowe ciasteczka

Ta strona korzysta z następujących dodatkowych ciasteczek: