👉 Skapa anpassade mĂ„lsidor i WordPress med Impact Plugin

Hur ökar trafik och försÀljning med video marknadsföring

Impact Page Builder plugin är en av de revolutionära plugins som släpptes för länge sedan. Det låter dig skapa anpassade målsidor inom ditt WordPress-tema från din WordPress-administratörspanel. I den här guiden kommer vi att visa dig hur du börjar arbeta med Impact Page Builder.

Vad är Impact Page Builder?

Som du vet är en av de viktigaste komponenterna på varje WordPress-webbplats dess tema. WordPress-teman ger konsekvent design och layout på alla dina webbsidor. Många teman tillåter dig även att omorganisera vissa delar av layouten från sida till sida (till exempel Headway), så att du kan ha en statisk CMS-hemsida eller sidspecifika sidor, etc.

På ytan kan det tyckas att ditt tema ger dig en hel del flexibilitet och designkontroll. Om vi ​​ser lite djupare upp finner vi att oavsett hur flexibelt vårt tema är, ser alla våra sidor ungefär samma ut med deras identiska Headers, Footers, Backgrounds och så vidare.

Vad händer om du vill ha en helt borttagen försäljningssida för en produkt? Vad händer om du vill att din webbplats ska ha olika sektioner, var och en med sitt eget unika utseende? Vad händer om du vill ha flera nischminer som körs från samma domän?

Påverkan ger användarna möjligheten att skapa ett obegränsat antal helt unika designmallar som kan tillämpas på WordPress Pages & Posts. Påverkan är inte ett tema, vilket innebär att det är ledigt från de begränsningar som ett tema innebär. Påverkan är 100% kompatibel med ditt aktiva tema.

Innan vi går längre vill vi meddela att Impact Page Builder är en betalad plugin, och du måste köpa den innan du kan använda den. Vi betalades inte för att skriva den här installationsguiden, och vi har inte fått några fördelar från författaren. Vi fick bara en recension kopia för att prova kör den här plugin som vi gjorde och blev kär i den.

Några exempel på Impact Plugin in Work

Obs! Dessa kan se ut som anpassade webbdesigner, men det här är bara några exempel som gjordes med Impact Page Builder:

Denna plugin kan verkligen fungera som magi. Köp din kopia nu. När du har laddat ner din kopia av Impact, är du redo att gå igenom guiden nedan.

Installera effekter

Inne i .zip-filen du hämtade hittar du en annan .zip-fil som innehåller Impact-programvaran. Detta kommer att benämnas impact.zip.

När du väl har hittat den här filen kan du fortsätta till din WordPress Dashboard för att ladda upp och installera den. Logga in på din WordPress Dashboard och klicka på "Plugins" följt av "Add New".

Klicka på knappen "Ladda upp" längst upp och sedan "Bläddra" -knappen nedan. Bläddra nu i din dator för att hitta den Impact Software zip-filen som nämns ovan och välj den för uppladdning. Klicka nu på knappen "Install Now" till höger.

När uppladdningen är klar klickar du på "Aktivera plugin". Om installationen lyckades skulle du nu se en "Impact" -del i din WordPress Dashboard vänster sidofält:

Skapa din första mall

Klicka på "Mall Builder" under rubriken "Impact" till vänster på sidorna. Klicka nu på knappen "Visa mallalternativ" till vänster för att avslöja alternativmallen för Impact Template Builder.

Notera: Den här popup-rutan kan släpas till vilken plats som helst i din webbläsare.

När inställningsfältet Mallmallar är upp kan du klicka på varje underrubrik för att komma åt de olika alternativen. Här hittar du …

Mallstruktur:

Här kan du justera dina sidhuvud, sidfot och sidofält enligt dina behov.

Bredder och höjder / margen och kuddar:

Inte bara kan du justera dina huvudsakliga malldimensioner och avstånd i det här avsnittet, men du hittar din Total webbplatsbredd enligt din nuvarande inställning. Detta kan vara mycket användbar information när du börjar lägga till bilder och anpassad CSS till din mall.

Titelområde:

Här kan du välja typ av titel för din mall, ladda upp en logotyp och justera positionering. För denna speciella handledning, låt oss lägga till en bildlogotyp i din Impact Template. Klicka först på "Bläddra" -knappen för att ladda upp och välj en logotypbild.

När popup-rutan för uppladdning av bild visas kan du ladda upp din logobild genom att klicka på "Ladda upp" genom att bläddra i din dator för att hitta den bild du vill använda för din logotyp och dubbelklicka på den för att välja och ladda upp den.

Du kanske vill först skapa en undermapp för din bild och namngivna den undermappen exakt samma namn som den inblandade sidmallen du skapar. Detta kommer att bli användbart om du senare vill exportera den här mallen för säkerhetskopiering eller överföring.

För att skapa en undermapp högerklicka på "Impact" -mappen till vänster om popup-rutan för uppladdare och klicka sedan på "Ny undermapp". Skriv sedan ut namnet och tryck på Enter på tangentbordet för att slutföra processen. Därifrån kan du dubbelklicka på undermappen för att skriva in den och ladda upp dina bilder för den specifika Mall.

När bilden är uppladdad måste du dubbelklicka på bilden i bilduppladdaren för att infoga den korrekta länken i alternativområdet Impact bakgrund. Ändra nu alternativet "Titel:" till "Logo Image". Du ska nu se din logotypbild som visas i ditt Mallhuvudområde.

Bakgrund: Huvud / rubrik / omslag:

Här kan du anpassa dina viktigaste bakgrundsområden genom att välja en bakgrundstyp, färg (med de inbyggda färgplockarna) och bilden.Du kommer att märka att att lägga till en bild är exakt densamma som att lägga till en "Logo Image", som vi bara gick igenom ovan.

Du kommer att märka med något av dessa designalternativ att ändringarna träder i kraft, som visas i realtid på din förhandsgranskning av din mall. För att testa detta, låt oss ändra din "Main Background" -färg. För att göra detta klickar du på färgplockaren och drar färgvalet tills du hittar en önskad färg.

Bakgrunder: Innehåll / Sidofält / Footer:

Det här avsnittet är detsamma som ovan men med olika bakgrundsområden att anpassa.

Gränsalternativ:

Härifrån kan du anpassa din huvudlayoutgräns.

Aktiva Widget Områden:

I det här avsnittet hittar du många olika platser där du kan aktivera Widget-områden. För den här handledningen fortsätt och kolla rutan bredvid "After Header" för att aktivera området Efter rubrik Widget.

Notera: Du behöver inte justera Widget-området Justering eller Bredd.

Mall anpassad CSS:

I det här avsnittet hittar du förfyllda CSS-innehåll som ger dig ett försprång när du blir mer specifik med din malltillpassning. Du kan lägga till några CSS i detta område och det kommer att åsidosätta alla andra stilar för den här mallen.

För denna handledning lägger vi till en ram runt sidofältet. Bläddra tills du hittar den här CSS:

# impact-sidebar-wrap {}

Lägg sedan till följande CSS-kod för att lägga till en 3 Pixel Solid Gray Border runt ditt sidofältområde:

gräns: 3px fast # 666;

Du bör se gränsen visas i ditt förhandsgranskningsfönster för mall när du lägger till CSS-koden.

Notera: Om du klistrar in i CSS-kod (som till exempel att skriva in i dig själv) kan du behöva slå på mellanslagstangenten för att få ändringarna att träda i kraft i ditt mallförhandsgranskningsfönster.

Spara din mall

Nu när vi har anpassat vår mall är det dags att spara det.

Gå till avsnittet "Spara mall som", skriv in första mallen i textfältet "Mall ID" och klicka sedan på "Spara mall" -knappen:

Impact Hooks

Nu när vi har skapat den grundläggande ramen för vår anpassade sidmall kan vi klicka på administratörssidan "Impact Hooks" i WordPress Sidpanel där du hittar ännu fler sätt att lägga till innehåll i din mall.

För denna handledning kommer vi att lägga till en upphovsrätt till vår malls footer-område med hjälp av en Impact Hook. I den stora rutan med titeln "Ange anpassad HTML, JavaScript & Text här" lägg till följande text:

Copyright © 2010 Impact Page Builder

I rutan ovan med titeln "Save Hook Box" välj "first template" i den första rullgardinsmenyn och in_footer i den andra rullgardinsmenyn. Klicka nu på "Save Hook Box" för att spara ditt innehåll och din plats.

Anpassad navigeringsmeny

WordPress erbjuder en kraftfull anpassad navigeringsmeny. Det är den här funktionen som du kommer att använda för att lägga till navigeringsmenyer på dina inslagssidor. Så låt oss skapa en meny nu så att vi kan lägga till den i din mall.

Under avsnittet "Utseende" i den vänstra sidofältet klickar du på "Menyer".

I fältet "Menynamn" där det står "Ange menynamn här" skriver du in "Första nav" och sedan på "Skapa meny" -knappen.

Till vänster ser du att du kan lägga till olika typer av sidor till din anpassade navmeny. Klicka på "Visa alla" i avsnittet "Sidor" och välj sedan "Hem" och "Om". Klicka nu på knappen "Lägg till i menyn" för att lägga till dessa sidor i din anpassade meny.

Därefter skriver du in //impactpagebuilder.com under "Anpassade länkar" i URL-fältet och "Inverkan" i fältet "Etikett". Klicka nu på knappen "Lägg till meny".

När du har lagt till sidor i den anpassade menyn klickar du på "Spara meny" -knappen till höger.

Lägg till en anpassad meny widget:

Nu när vi har skapat en anpassad meny behöver vi lägga till den i vår mall.

Klicka på "Widgets" under avsnittet "Utseende" i vänster sidofält.

Medan du i avsnittet Utseende »Widgets låt oss fortsätta och lägga till en Widget i din malls Sidpanel Widget-område. Leta reda på "första mall Sidebar" Widget-området. Hitta nu Widget "Kalender" under "Tillgängliga widgets" och dra det till det här Sidpanel Widget-området och klicka sedan på "Spara" -knappen.

Tilldela en inslagsmall till en sida eller post

Du kan använda Impact Templates till både Inlägg & Sidor.

För denna handledning lägger vi till den på en sida. Så under avsnittet "Sidor" i den vänstra sidofältet klickar du på "Lägg till nytt". Lägg till din sidtitel och innehåll som du skulle ha någon annan WordPress-sida, och rulla sedan ner sidan tills du kommer till "Alternativ på sidan".

Ange alternativet "Använd effekt för den här sidan?" Till "Ja" och välj din effektmall (dvs. första mall) från rullgardinsmenyn till höger. Lägg sedan till din Sidtitel, Meta Beskrivning och Meta Nyckelord i alternativfälten nedan.

Notera: Du kan till och med lägga till sidans sidhuvud och sidfotskript om du behöver.

Klicka nu på "Publicera" -knappen för att publicera din WordPress / Impact-sida.

Överst bör du nu se en gul banner som säger "Publicerad sida. Visa sida". Klicka på länken "Visa sida" för att se din Live Impact-sida. Det borde se ut så här:

grattis!

Du har just skapat din allra första Impact Custom Page Template och publicerat den på din WordPress webbplats. Detta är bara ett exempel.Himlen är din gräns eftersom du kan skapa olika landningssidor som du vill ha med det här pluginet. Så ditt huvudtema kan vara en sak, och har 15 olika målsidor som löper för att marknadsföra 15 olika produkter. Detta är ett bra plugin för alla som är inblandade i marknadsföring. Få Impact Page Builder just nu.

Impact har just meddelat oss att det finns 20% rabatt rabatt om du använder kupongen "wpbeginner".

Titta pĂ„ videon: Öka din försĂ€ljning med innehĂ„llsmarknadsföring

Like this post? Please share to your friends:
Kommentera

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: