Shortcodes ultimate plugin

Download dit artikel als pdf-bestand:
[wpdm_package id=’1428′]


[su_row]
[su_column size=”2/5″]Het feit dat deze tekst in kolommen wordt weergegeven heeft te maken met de plug-in die ik hiervoor gebruik. Over deze plug-in ben ik erg enthousiast, ook al lijkt die plug-in op het eerste gezicht qua code vrij ingewikkeld. Maar als je eenmaal de logica van de code doorziet, wil je niet meer zonder.[/su_column]
[su_column size=”2/5″]De plug-in die ik bedoel is Shortcodes Ultimate (su). Hiermee kun je snel een eenvoudig allerlei opmaakelementen zoals kolommen, zogenaamde spoilers en accordions toevoegen. (Voor een overzicht van wat de plug-in biedt: zie de afbeelding hieronder)[/su_column]
[su_column size=”1/5″][/su_column]
[/su_row]

shortcode_ultimate

[su_heading]Heading tekst[/su_heading]

[su_tabs][su_tab title=”Title 1″]Content 1[/su_tab]
[su_tab title=”Title 2″]Content 2[/su_tab]
[su_tab title=”Title 3″]Content 3[/su_tab][/su_tabs]

[su_tab]Tab inhoud[/su_tab]

[su_spoiler]Verborgen inhoud[/su_spoiler]

[su_accordion][su_spoiler]Content[/su_spoiler]
[su_spoiler]Content[/su_spoiler]
[su_spoiler]Content[/su_spoiler][/su_accordion]

Een verdeler (met vermelding ‘naar boven’)
[su_divider]

Een spacer
[su_spacer]

Een uitgelichte tekst
[su_highlight]Uitgelichte tekst[/su_highlight]

Een label
[su_label]Label[/su_label]

Een citaat
[su_quote]Citaat[/su_quote]

Een zij-quote
[su_pullquote]Zij-quote[/su_pullquote]

[su_spacer]

Een dropcap
[su_dropcap]D[/su_dropcap]

[su_spacer]

Een frame
[su_frame]een_frame[/su_frame]

[su_spacer]

Een rij (een aantal kolommen van een bepaalde breedte)
[su_row][su_column size=”1/4″]Content[/su_column]
[su_column size=”1/4″]Content[/su_column]
[su_column size=”1/4″]Content[/su_column]
[su_column size=”1/4″][/su_column][/su_row]

Een lijst
[su_list]

  • List item
  • List item
  • List item

[/su_list]

[su_spacer]

[su_button size=”6″ radius=”round” icon=”icon: phone” text_shadow=”2px 2px -2px #000000″ desc=”contact”][/su_button]

[su_spacer]

Een geboden service
[su_service]Omschrijving van de service[/su_service]

[su_spacer]

Een kader
[su_box]Box inhoud[/su_box]

[su_spacer]

Een notitie
[su_note]Notitie tekst[/su_note]

En zoals zo vaak, is er op YouTube een uitleg te vinden van hoe deze plug-in werkt (zonder tekst). In het filmpje wordt getoond hoe je een mooi vormgegeven knop (button) kunt plaatsen.

Reacties zijn gesloten.