Als je bent zoals de meeste beginnende bloggers en zelfs intermediair, dan heb je absoluut geen kennis van HTML/CSS. Veel bloggers (zoals ik) liever gebruiken plugins waarmee ze knoppen aan hun berichten of pagina's kunnen toevoegen met shortcodes. Maar deze shortcodes - korte codes - zijn moeilijk te onthouden en moeilijk te configureren.

In dit artikel laten we u zien hoe u knoppen toe te voegen WordPress zonder gebruik te maken van shortcodes.

Ontdek als je nieuw bent in de wereld van WordPress Hoe maak je een WordPress blog 7 stappen te installeren

Het eerste dat u hoeft te doen, is het inpluggen « Forget About Shortcode Buttons .

Nadat u dit hebt geactiveerd inpluggen, u hoeft alleen maar een nieuwe publicatie of wijzig een reeds bestaande, en u ziet een nieuwe knop in de visuele editor met de titel « Knop invoegen » (toevoegen een knop).

FASB-editorbutton

Om een ​​nieuwe knop in uw publicatie of pagina in te voegen, moet u op de knop klikken Plaats een knop. Er verschijnt een venster waarin u uw nieuwe knop kunt ontwerpen.

designyourbutton

Het enige dat u hoeft te doen, is knoptekst en url toevoegen en vervolgens tekst- en achtergrondkleuren selecteren. Klik vervolgens op het vervolgkeuzemenu van de optie 'Type'Om de vorm van uw knop te kiezen. U kunt ook de grootte van de knop kiezen.

Voltooi je kennis door te ontdekken Hoe te gebruiken en te beheren shortcodes WordPress

Als u op het tabblad klikt « icon », dan kunt u de pictogrammen zien die u kunt toevoegen voor of na de tekst van uw knoppen. Ces pictogrammen zijn meer precies pictogrammen-lettertypen.

buttonswithicons

Tijdens het maken van de knop kunt u een real-time voorbeeld van al uw wijzigingen zien. Als u tevreden bent met het uiterlijk, klikt u gewoon op invoegen.

Bekijk dit artikel en bewonder het Hoe het ontwerp van uw WordPress items met deze gratis shortcodes verbeteren

U kunt ook de uitlijningsmethoden in de editor kiezen om de knop in het midden, links of rechts uit te lijnen. Dubbelklik op de knop om het venster voor het bewerken van knoppen te openen en u kunt de knop desgewenst bewerken.

Op dit niveau heb je nu de mogelijkheid om knoppen toe te voegen aan WordPress zonder shortcodes te gebruiken. Maar voordat we u verlaten, raden we u aan om er twee te raadplegen WordPress plugins premium waarmee u shortcodes efficiënt kunt beheren.

1. WPBakery Page Builder

WPBakery Page Builder, voorheen bekend als Visual Composer, is een andere premium en extreem populaire paginabuilder. Een groot deel van deze populariteit komt voort uit het feit dat WPBakery Page Builder wordt geleverd met bijna 99% van de WordPress-thema's door ThemeForest. Maar feit blijft dat het op een zeer groot aantal websites wordt gebruikt.

wp bakkerij page builder e1544277016913
Net als Divi Builder kunt u met WPBakery Page Builder zowel visueel bewerken als back-end bewerken. In vergelijking met zoiets als Elementor of Divi Builder, zijn de stijlopties van WPBakery Page Builder een beetje beperkt. Je hebt een goede controle over de lijnen, maar de stylingmogelijkheden voor de individuele elementen zijn wat beperkter.

Als u uw eigen CSS wilt gebruiken, kunt u een aangepaste CSS-klasse of ID aan afzonderlijke elementen toevoegen of kunt u werkelijke stijlen aan het paginaniveau toevoegen.

Ik weet niet zeker of WPBakery Page Builder unieke functies heeft die bijzonder opmerkelijk zijn. Maar hij heeft een enorme community van extensies. Net als Divi Builder laat WPBakery Page Builder een groot aantal shortcodes in uw inhoud achter als u deze uitschakelt. Ontdek de tutorial

Downloaden | demonstratie | web hosting

2. Divi Builder

Divi Builder is een paginabuilder van hoge kwaliteit die hoog wordt gewaardeerd door Elegant Themes. Hoewel het meestal wordt gebruikt als onderdeel van het WordPress Divi-thema, is Divi Builder ook een zelfstandige plug-in die u op andere WordPress-thema's.

deel e1544278044306

In tegenstelling tot de vorige twee builders, stelt Divi Builder u in staat om uw inhoud te bewerken met een visuele interface aan de voorkant en een interface aan de achterkant, hoewel de meeste gebruikers de voorkeur geven aan de eerste interface. .

In feite is het in plaats van zijbalken allemaal in pop-ups en zwevende knoppen. Het geeft je toegang tot 316 vooraf ontworpen sjablonen verspreid over 40 verschillende presentatiepakketten, evenals de mogelijkheid om je eigen ontwerpen als sjablonen op te slaan.

Een van de eigenschappen van Divi is altijd de controle geweest over de stijlen die hij je geeft. Op drie verschillende tabbladen kunt u verschillende instellingen configureren, waaronder responsieve bedieningselementen, aanpasbare spatiëring en meer.

U kunt zelfs aangepaste CSS toevoegen, aangezien de CSS-editor basisvalidatie en automatische aanvulling bevat. Een van de kritiekpunten van Divi Builder is altijd geweest dat het gebaseerd is op shortcodes. Wat betekent dat als u het ooit uitschakelt, het een aantal shortcodes in uw inhoud achterlaat. Hoewel dit een beetje deprimerend is, is het minder een probleem nu plug-ins zoals Shortcode Cleaner bestaan. 

Downloaden | demonstratie | web hosting

Andere aanbevolen bronnen

Ga verder in het beheersen van uw WordPress-website door ook deze aanbevolen bronnen te raadplegen.

Conclusie

Alstublieft ! We hopen dat dit artikel je helpt om knoppen toe te voegen WordPress zonder gebruik te maken van shortcodes. Als u suggesties of opmerkingen heeft, zijn deze welkom.

Wij nodigen u ook uit om onze te raadplegen middelen als je een beginnende blogger bent. Maar, nWij raden u aan deel dit artikel op uw verschillende sociale netwerken.

...