WP Simple Pay Blogg

Stripe-handledningar, tips och resurser för WordPress för att acceptera betalningar

Hur man skapar ett anpassat WordPress-tema utan kod

Senast uppdaterad

Skrivet av: författarens bild Phil Derksen

Önskar du att du kunde anpassa din WordPress-webbplats mer än vad ditt tema tillåter, men har varken tid eller kunskap att sätta upp ett nytt tema eller skriva anpassad kod?

Att bygga ett anpassat WordPress-tema brukade vara något du behövde anlita skickliga utvecklare för, om du inte hade kodningskunskapen själv. Men nuförtiden finns det ett verktyg som kan hjälpa dig att skapa den specifika look och känsla du behöver utan någon anpassad kod.

Vi presenterar SeedProd, den bästa användarvänliga dra-och-släpp-temat och sidbyggaren för WordPress. Den ger dig inte bara en hög grad av kontroll över ditt tema och dina sidor, utan inkluderar även dessa extrafunktioner:

  • 150 sidmallar
  • 30+ sidblock
  • 100+ sektionsmallar
  • 10+ integrationer för e-postmarknadsföring
  • 2 miljoner stockfoton
  • och mer...
SeedProd webbplatsbyggare

I den här artikeln visar vi hur du kommer igång med SeedProd på din webbplats och till och med hur du använder det tillsammans med WP Simple Pay.

Kom ihåg att SeedProd bör fungera på alla WordPress-webbplatser som kör vilket tema som helst. Låt oss dyka in...

Innehållsförteckning

Steg 1: Installera och aktivera SeedProd

Först måste du installera och aktivera SeedProd-pluginet. För att låsa upp temabyggaren måste du köpa Pro-licensen eller högre.

Efter köpet måste du ladda ner SeedProd Pro-pluginet och kopiera licensnyckeln från ditt köpkvitto eller ditt SeedProd-kontoområde.

SeedProd licensnyckel

När SeedProd Pro är aktiverat kommer du att uppmanas att ange din licensnyckel. För en mer detaljerad steg-för-steg-installationsguide, se hur du installerar och aktiverar SeedProd Pro.

SeedProd installationsguide

Efter att ha angett och verifierat dina licensnycklar bör du vara redo att börja skapa ditt nya anpassade tema.

Steg 2: Välj en temamall

Gå sedan till SeedProd » Temabyggare. Det är här du kan komma åt de olika delarna av ditt tema som du skapar.

Härifrån är det enklaste sättet att börja med ett förbyggt tema. Klicka på Teman högst upp.

SeedProd tema-byggare navigering

Här ser du ett urval av teman för olika typer av webbplatser. Klicka på Starttema för det här exemplet.

SeedProd tema-val

När du har gjort ditt val kommer SeedProd att generera alla separata delar till temat. Det är som magi!

SeedProd tema-delar

Steg 3: Anpassa mallkomponenter och publicera

I det här skedet har du möjlighet att redigera varje mallkomponent som genererades i föregående steg genom att klicka på Redigera design under en mallkomponent. Att redigera dina mallkomponenter bör vara ganska okomplicerat och lätt att förstå med SeedProds dra-och-släpp-designer.

SeedProd sidbyggare demo

Du kan också lägga till eller ta bort delar vid behov, eller helt enkelt inaktivera publicering av delar som inte ska visas. Du kan anpassa färger, typsnitt och mer i mallen Global CSS utan att behöva kunna CSS-kod alls!

SeedProd tema-byggare global CSS

När du är klar med att redigera en mall, klicka bara på Spara och gå vidare till nästa. När du är klar med att redigera alla mallar kan du aktivera ditt anpassade tema genom att markera Aktivera SeedProd-tema längst upp till höger.

Aktivera SeedProd-tema

Ditt nya tema är nu publicerat och live, så se till att testa det!

Steg 4: Använda WP Simple Pay med SeedProd

Med WP Simple Pay är det ganska enkelt att lägga till ett betalningsformulär på vilken sida som helst som byggts med SeedProd.

Om du inte har provat WP Simple Pay, låter det dig bygga formulär som accepterar engångs- och återkommande betalningar med Stripe utan att behöva sätta upp en kundvagn eller anlita en utvecklare, vilket gör det till en fantastisk kombination med SeedProd!

När WP Simple Pay är installerat och du har skapat ditt första betalningsformulär, kopiera först kortkoden från redigeringsskärmen för betalningsformuläret. 

Betalningsformulär kopiera kortkod

Tillbaka på din sida, se först till att du är i SeedProd-sidbyggaren genom att klicka på Redigera med SeedProd.

Redigera med SeedProd

Sök sedan efter blocket Kortkod till vänster, dra sedan blocket till sidbyggaren.

Lägg till SeedProd kortkodsblock

Slutligen, klistra in kortkoden för betalningsformuläret i inställningarna till vänster.

WP Simple Pay kortkod i SeedProd-block

Vid det här laget kan du spara och förhandsgranska din SeedProd-aktiverade sida tills den är anpassad efter din smak.

Bonus: Kolla in våra steg-för-steg-instruktioner för att lansera WP Simple Pay-betalningsformulär från SeedProd-knappar och prislistor.

Nästa steg

Härifrån kan du besöka SeedProds guide för att komma igång med Theme Builder eller titta på översiktsvideon för mer information.

När du har blivit lite mer bekant med SeedProd kan du komma tillbaka och prova att bygga ett anpassat tema från grunden med knappen Lägg till ny temamall.

I den här artikeln har vi bara skrapat på ytan av vad SeedProd kan göra för din WordPress-webbplats. Vi hoppas att du fann den användbar för att bygga nya landningssidor, produktsidor och sidor som använder WP Simple Pay-formulär för att acceptera engångs- och återkommande betalningar.

Disclosure: Vårt innehåll stöds av läsare. Det betyder att om du klickar på några av våra länkar kan vi tjäna en provision. Vi rekommenderar bara produkter som vi tror kommer att tillföra värde för våra läsare.

Lämna ett svar

Din e-postadress kommer inte att publiceras. Obligatoriska fält markeras med *

Den här webbplatsen använder Akismet för att minska spam. Lär dig hur dina kommentaruppgifter behandlas.

Börja ta emot betalningar idag

Börja ta emot engångs- och återkommande betalningar eller donationer på din WordPress-webbplats.