Gå till innehållet

Hur man lägger till knappar till Wordpress utan att använda kortkoder

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Om du är som de flesta nybörjare och till och med mellanliggande bloggare, har du verkligen 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

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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 på WordPress utan att använda kortkoder. Men innan du lämnar dig föreslår vi att du kolla in två premium WordPress-plugins som gör att du effektivt kan hantera kortkoder.

1. WPBakery Page Builder

En annan premium och extremt populär sidbyggare är WPBakery Page Builder, tidigare känd som Visual Composer. Mycket av denna popularitet kommer från det faktum att WPBakery Page Builder kommer med nästan 99% av ThemeForests WordPress-teman. Men faktum kvarstår att det används på ett mycket 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.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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 sidbyggare av hög kvalitet som värderas av eleganta teman. Även om det vanligtvis används som en del av Divi WordPress-temat, är Divi Builder också ett fristående plugin som du kan använda i 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

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

.  

Den här artikeln innehåller kommentarer 4

  1. Jag hittade ett plugin som ser ut så här:
    -> glöm-bort-kortkod-knappar
    genom att skriva på wordpress shortcode-knapp
    Lycka till 🙂

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
2 aktier
del
tweet
Enregistrer2