Home / WordPress / Buttons toevoegen zonder shortcode in WordPress

Buttons toevoegen zonder shortcode in WordPress

Er zijn genoeg WordPress plugins te vinden die het mogelijk maken om zonder kennis van HTML en CSS een button te maken en te plaatsen in een artikel.

Deze plugins maken echter meestal gebruik van shortcodes en dit kan soms wat overbodige kleine problemen veroorzaken. Shortcodes zijn namelijk niet altijd even makkelijk te configureren en je ziet niet direct het resultaat van de shortcode.

In het artikel van vandaag behandel ik een plugin waarmee je buttons kunt toevoegen zonder een shortcode te gebruiken en het resultaat direct kunt bekijken.

Forget About Shortcode Buttons

De WordPress plugin waar ik het over heb heet heel toepasselijk “Forget About Shortcode Buttons”. Het is een vrij nieuwe plugin van een maand oud en het vereist minimaal WordPress 3.9, de nieuwste WordPress versie.

In plaats van een shortcode toe te voegen, kun je met deze plugin direct een echte button maken en toevoegen.

Zodra je de plugin hebt geïnstalleerd en geactiveerd komt er een nieuw icoontje te staan in de visuele editor bij berichten en pagina’s.

Insert Button

Om een button te maken moet je uiteraard op dit nieuwe icoontje (Insert Button) in de visuele editor klikken. Wanneer je erop geklikt hebt krijg je een popup te zien waar je een button kunt maken en direct het design kunt zien. Het ziet er als volgt uit:

Button Maken

Zoals je ziet kun je zelf de tekst en URL bepalen, de kleuren van de tekst en button, wat voor type button het moet worden, de grootte van de button en of de link moet openen in een nieuw tabblad. Je kunt tevens live zien hoe de button er in het echt uit gaat zien.

Tot slot kun je er ook nog voor kiezen om een icoontje toe te voegen aan de button. Het icoontje komt altijd voor de tekst te staan.

Iconen button maken

Eenmaal helemaal tevreden over je button hoef je alleen nog maar op “Insert” te klikken en je button is aangemaakt.

Je kunt nu ook direct de button zien in de visuele editor en niet alleen een shortcode zoals bij andere plugins het geval is.

Button visuele editor

Forget About Shortcode Buttons in actie

Wil je de plugin in actie zien en alle mogelijkheden bekijken? Dit kan in onderstaande video:

Lijkt dit je een handige plugin?

Lijkt dit je een handige plugin en een verbetering ten opzichte van alle andere plugins waarmee je buttons kunt maken? Laat het gerust weten in de reacties hieronder.


WordPress Hulp Nodig? Join Het WP Lab

Het WordPress Lab Mockup

Heb je vragen aan de hand van dit artikel of wil je verder op weg geholpen worden met je website?

Sluit je aan bij Het WordPress lab, een community voor WordPress-liefhebbers waarin ik antwoord geef op jouw WordPress vragen en je toegang krijgt tot al mijn WordPress cursussen.