Om du är som de flesta nybörjare bloggare och även mellanliggande, då har du definitivt ingen kunskap om HTML/CSS. Många bloggare (som jag) föredrar att använda insticksmoduler som gör att de kan lägga till knappar i sina inlägg eller sidor med kortkoder. Men dessa kortkoder - kortkoder - är svåra att komma ihåg och svåra att konfigurera.

I den här artikeln visar vi hur du lägger knappar Wordpress utan att använda kortkoder.

Om du är ny i WordPress-världen, upptäck Hur man installerar en Wordpress-blogg 7 steg

Det första du behöver göra är att installera och aktivera plugin « Glöm kortkod Knappar ".

När du har aktiverat detta plugin, behöver du bara skapa en ny publikation eller ändra en redan befintlig, så kommer du att se en ny knapp i Visual Editor med titeln « Sätt i knappen » (Add On en knapp).

FASB-editorbutton

För att infoga en ny knapp i din publikation eller sida måste du klicka på knappen Sätt i en knapp. Detta öppnar ett fönster där du kan designa din nya knapp.

designyourbutton

Allt du behöver göra är att lägga till knapptext och webbadress, sedan välja text och bakgrundsfärger. Klicka sedan på rullgardinsmenyn för alternativet 'Typ'Att välja formen på knappen. Du kan också välja storlek på knappen.

Slutför din kunskap genom att upptäcka Hur man använder och hanterar kortkoder Wordpress

Om du klickar på fliken « icon », kommer du att kunna se ikonerna som du kan lägga till före eller efter texten på dina knappar. Ces ikoner är mer exakt ikoner-teckensnitt.

buttonswithicons

Under knappen för att skapa knappar kan du få en förhandsgranskning i realtid av var och en av dina ändringar. När du är nöjd med utseendet klickar du bara infoga.

Kolla in den här artikeln och beundra Hur kan man förbättra utformningen av dina Wordpress artiklar med dessa fria kortkoder

Du kan också välja justeringsmetoder från redigeraren för att justera knappen till mitten, vänster eller höger. Dubbelklicka på knappen för att öppna fönstret för redigering av knappen och du kan redigera knappen om du vill.

På den här nivån har du nu möjlighet att lägga till knappar i WordPress utan att använda kortkoder. Men innan du lämnar dig föreslår vi att du konsulterar två Wordpress plugins premium som gör att du effektivt kan hantera kortkoder.

1. WPBakery Page Builder

WPBakery Page Builder, tidigare känd som Visual Composer, är en annan premium och extremt populär sidbyggare. Mycket av denna popularitet kommer från det faktum att WPBakery Page Builder kommer med nästan 99 % av WordPress-teman av ThemeForest. Men faktum kvarstår att det används på ett väldigt stort antal webbplatser.

wp bageri sidbyggare e1544277016913
Precis som Divi Builder tillåter WPBakery Page Builder dig både visuell redigering och backend-redigering. Jämfört med något som Elementor eller Divi Builder är WPBakery Page Builder's stylingalternativ lite begränsade. Du har bra kontroll över linjerna, men stylingsalternativen för de enskilda elementen är lite mer begränsade.

Om du vill använda din egen CSS kan du lägga till en anpassad CSS-klass eller ID till enskilda element, eller så kan du lägga till faktiska stilar på sidnivån.

Jag är inte säker på att WPBakery Page Builder har unika funktioner som är särskilt anmärkningsvärda. Men vad han har är en enorm gemenskap av förlängningar. Liksom Divi Builder lämnar WPBakery Page Builder efter sig en mängd kortkoder i ditt innehåll om du inaktiverar det. Upptäck självstudien

Ladda ner | demo | webbhotell

2. Divi Builder

Divi Builder är en högkvalitativ sidbyggare högt betygsatt av Elegant Themes. Även om det vanligtvis används som en del av WordPress Divi-temat, är Divi Builder också ett fristående plugin som du kan använda på andra WordPress-teman.

divi e1544278044306

Till skillnad från de två föregående byggarna tillåter Divi Builder dig att redigera ditt innehåll med ett visuellt gränssnitt på front-end samt ett gränssnitt på back-end, även om de flesta användare föredrar det första gränssnittet. .

I princip istället för sidofältet är allt i popup-fönster och flytande knappar. Det ger dig tillgång till 316 fördesignade mallar fördelade på 40 olika presentationspaket, samt möjligheten att spara dina egna mönster som mallar.

Ett av Divis drag har alltid varit kontrollen över de stilar han ger dig. På tre olika flikar kan du konfigurera olika inställningar, inklusive svarskontroller, anpassningsbart avstånd och mer.

Du kan till och med lägga till anpassad CSS, eftersom dess CSS-redigerare innehåller grundläggande validering och automatisk komplettering. En av kritikerna från Divi Builder har alltid varit att den bygger på kortkoder. Vilket betyder att om du någonsin stänger av den kommer det att lämna en massa kortkoder i ditt innehåll. Även om detta är lite deprimerande är det mindre problem nu att plugins som Shortcode Cleaner finns. 

Ladda ner | demo | webbhotell

Andra rekommenderade resurser

Gå vidare när du behärskar din WordPress-webbplats genom att också konsultera dessa rekommenderade resurser.

Slutsats

Det är det! Vi hoppas att den här artikeln hjälper dig att lägga till knappar till Wordpress utan att använda kortkoder. Om du har några förslag eller kommentarer är de välkomna.

Vi inbjuder dig också att konsultera vår resurser om du är en nybörjare bloggare. Men, nVi uppmanar er att göra det dela den här artikeln på dina olika sociala nätverk.

.