Mijn favoriete plugin met tientallen extreem handige shortcodes en extra functies voor je WordPress site. Standaard gebruiken op iedere site!

Simpele ontwerpen en functies met Ultimate Shortcodes WordPress plugin

Ik hou van deze plugin van de Rus Vladimir Anokhin. Ik gebruik hem al zeker een jaar of 10. Werkt zowel met de classic WordPress editor als met Gutenberg. Je kan met deze plugin allerlei ontwerpen en functies aan je website toevoegen. Bekijk hier enkele voorbeelden die ik heb gemaakt:
Voorbeelden Ultimate Shortcodes

Tip: De plugin is gratis maar als je de extra set aanschaft krijg je een enorme hoeveelheid handige extra shortcodes. De extra shortcodes zijn op de afbeelding hieronder aangegeven met groen. Op deze manier sponser je onze russische vriend om zijn goede werk voort te zetten. Koop hier de extra set van Ultimate Shortcodes WordPress plugin. De betaalde versie werkt ook met WordPress multisite.

---

Mogelijkheden Ultimate Shortcodes

Bekijk hieronder de opties die de Ultimate Shortcodes plugin biedt:

Geel  = Aanraders van Arthur
Groen = Alleen in de betaalde versie (Extra set)

---

Voorbeelden Ultimate Shortcodes

Wil je bijvoorbeeld een klein tekstje uitlichten, bijvoorbeeld een aanbieding, dan kun je gebruik maken van het Ultimate Shortcodes label. Dit is één van de shortcodes die standaard opties in de plugin zijn ingebouwd, zie bovenstaande afbeelding, 4e rij, tweede van boven.

---

---

Voorbeeld label shortcode

Wil je de onderstaande labels maken, kopieer dan de tekst onder het voorbeeld. Zoals je ziet is alleen de tekst van “type” anders, namelijk warning en important. Je hoeft dus alleen het woordje van type te veranderen voor een ander uiterlijk:

Vlucht KLM1234 Deze vlucht heeft 20 minuten vertraging

Gebruik dan deze tekst op je pagina:
Vlucht KLM1234 [su_label type="warning"]Deze vlucht heeft 20 minuten vertraging[/su_label]

Vlucht KLM5678 20 min. vertraging

Gebruik dan deze tekst op je pagina:
Vlucht KLM5678 [su_label type="important"]20 min. vertraging[/su_label]

Vlucht KLM5678 Boarding

Gebruik dan deze tekst op je pagina:
Vlucht KLM5678 [su_label type="default"]Boarding[/su_label]

---

Voorbeeld 2 kolommen

Gebruik dan deze shortcode op je pagina:

[su_row][su_column size="1/2"]
<h3>Kop eerste kolom</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta.
[/su_column][su_column size="1/2"]
<h3>Kop tweede kolom</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta.
[/su_column][/su_row]

[su_row][su_column size=”1/2″]

Kop eerste kolom

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta.
[/su_column][su_column size=”1/2″]

Kop tweede kolom

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque. Cras venenatis ultrices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta.
ices nulla. Quisque at dui. Fusce ante leo, mattis vitae, lobortis vitae, cursus porta.
[/su_column][/su_row]

---

Voorbeeld 3 kolommen shortcode

Gebruik dan deze shortcode op je pagina:

[su_row][su_column size=”1/3″]

Kop 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque.
[/su_column][su_column size=”1/3″]

Kop 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque.
[/su_column][su_column size=”1/3″]

Kop 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus et leo eget tellus hendrerit scelerisque.
[/su_column][/su_row]

---

Handleiding Ultimate Shortcodes plugin

---

Bezoek Ultimate Shortcodes WordPress plugin

wordpress.org/plugins/shortcodes-ultimate

---

Pop-up maken met Ultimate Shortcodes plugin

De pop-up werkt alleen met de betaalde versie van de plugin (10 euro, lifetime). Kopieer de onderstaande code op je pagina en voila, je hebt je pop-up:

[su_splash style=”light-boxed” width=”420″ opacity=”65″ onclick=”url” url=”https://www.cursuswp.com” delay=”6″]

Pop-up

Dit is een voorbeeld van een WordPress Pop-up die gemaakt is met deze ultimate shortcodes plugin. Onderaan deze pagina kun je leren hoe je dit maakt.
Help Arthur en laat een review achter:
Laat een review achter
[/su_splash]

Tips en handleidingen:
Meer over zelf pop-ups maken in WordPress
Meer over zelf buttons maken met CSS voor WordPress