Så här skapar du en WordPress-målsida

Vad du ska skapa

Ett av syftena med en webbplats är att generera leads. Det här kan hända på flera sätt: du kan ha en blankett för att kontakta dig för ett specifikt citat, du kan uppmuntra människor att skapa ett konto när du köper varor på din webbplats, eller du kan ha en ledmagnet som du ger människor i gengäld för deras e-postadress.

Om du använder en blymagnet eller har en sida på din webbplats som är speciellt utformad för att sälja ett objekt - vare sig det är en prenumeration, en tjänst eller en produkt - så vill du avskräcka personer från att klicka bort från den sidan utan att köpa eller ger dig sin e-postadress.

Denna typ av sida kallas en målsida. Det är en sida som är utformad för att vara en del av din marknadsföringstratt, generera leads eller att sälja något. Syftet med sidan är väldigt enkelt, och du vill inte att folk gör någonting annat när de har landat på den.

För att minimera risken för att personer navigerar bort innan de har köpt eller registrerat sig vill du minska antalet länkar på din målsida. Det ska inte ha några widgets och inga navigeringsmenyer. Du vill inte att folk lämnar det för att bläddra i din webbplats. Även länken till hemsidan i rubriken måste gå, tillsammans med länkar i din kolofon längst ner på sidan.

I den här handledningen visar jag dig hur du skapar en sidmall för ditt WordPress-tema som uppnår det. Det innehåller inga länkar till något utanför sidinnehållet. Besökare på sidan har inget annat val än att slå på köpa eller Bli Medlem knapp.

För att göra detta ska vi arbeta med några filer i vårt tema:

  • Vi skapar en ny anpassad sidmall för målsidor.
  • Vi redigerar huvudfilerna så när länkarna inte visas, visas den här mallen.
  • Vi redigerar footer-filen för att ta bort widgets och eventuella länkar i kolofonet.

Så låt oss börja!

Vad du behöver

För att följa med denna handledning behöver du:

  • En utvecklingsinstallation av WordPress-lägg inte till målsidan på din levande webbplats tills du har testat den.
  • Ett tema som du kan redigera. Om det är ett tema från tredje part, skapa ett barntema och redigera det.
  • En kodredigerare.

Startsidan

Jag har skapat en dummy sida på min sida för att använda som målsida. Så här ser det ut som att du använder den vanliga sidmallen:

Under denna handledning tar jag bort navigeringsmenyn, sidfältet och widgetområdorna i sidfoten och jag ser till att ingenting utanför innehållet är en klickbar länk.

Skapa WordPress-målsidans mall

Först måste du skapa en målsida för målsidor. Gör detta på ett av två sätt:

Om du arbetar med ditt eget tema, gör en kopia av page.php och byt namn på den.

Om du arbetar med ett tredjeparts tema skapar du ett barntema. Skapa en kopia av page.php från modertemat i barntemat och byta namn på det.

Ge inte det ett filnamn som börjar med sida- eftersom detta kommer att förvirra WordPress om du senare skapar en sida med den slug du använder efter sida-. Jag ringer min landning-page-template.php.

Öppna nu din mallfil. Lägg till den här koden längst upp:

* / Mallnamn: Landningssidans mall / *

Spara det här och du ser nu att du kan välja den nya mallen när du skapar en ny sida på din webbplats:

Ta nu bort sidofältet från filen. Hitta den här raden:

... och radera det. Spara din fil. Din nya sidmall är klar. Men du är inte klar än.

Redigering av rubrikfilen

Nästa steg är att redigera header.php fil, för att ta bort eventuella länkar när sidmallen är i bruk. För detta använder vi is_page_template () villkorlig etikett.

Öppna din header.php fil och hitta koden för din webbplats titel. 

Obs! Om du använder ett tredjeparts tema skapar du en header.php fil i ditt barntema som är en dubblett av den från modertemat och redigera det.

I mitt tema ser det ut så här:

"title =""rel =" home ">  

Redigera det så att det läser något som detta och gör justeringar för ditt eget tema:

"title =""rel =" home ">

Om målsidans mall används, visas webbplatsnamnet fortfarande, men det kommer inte att visas som en länk.

Du måste också ta bort navigeringen. Hitta koden för din huvudmeny. I mitt tema ser det ut så här:

Redigera det så att all kod för menyn placeras inuti ett villkorligt tagg som kontrollerar att vi är inte använder målsidan för målsidan:

  

Om det finns andra menyer eller länkar i din headerfil, omger dem med samma villkorliga tagg - det samma gäller för alla widgetområden.

Spara nu header.php filen och stäng den.

Redigering av Footer-filen

Det sista steget är att se till att alla widgetområden inte visas i sidfoten.

Vi använder samma villkorliga tagg för att bara mata ut widget-områden om det inte används målsidan för målsidan.

Öppna din footer.php mall (eller skapa en kopia på ditt barntema om det är relevant).

Hitta koden för att mata ut dina widgets. Här är min:

Vik nu in det i en villkorlig etikett på samma sätt som du gjorde i headerfilen.

 

Nästa måste vi ändra kolofonet. Det kan innehålla en länk till din hemsida och / eller på WordPress-webbplatsen.

Här är min:

Upphovsrätt "title =""rel =" home "> Stolt drivs av WordPress.

Använd nu en villkorlig kod för att mata ut kolofonet utan länkar på målsidan:

 
upphovsrätt Stolt drivs av WordPress.
Upphovsrätt "title =""rel =" home "> Stolt drivs av WordPress.

Dubbelkollar din footer-fil för andra länkar och, om det finns några, lägger dem i en villkorlig tagg också.

Justera Styling

Det kan hända att du har tagit bort sidofältet från målsidan för din målsida, du måste justera stilen för innehållet. Om innehållsområdet fortfarande bara tar upp två tredjedelar av skärmen, kan du använda kropp klass som genereras av WordPress för sidmallen för att fixa den.

Så låt oss säga att du har följande styling för ditt innehåll och sidofältet:

.innehåll float: left; bredd: 65%;  .sidebar float: right; bredd: 32%; 

Du måste lägga till lite extra styling under det att rikta in innehållsklassen i din WordPress-målsida:

.sidmall-landning-sidmall. innehåll bredd: 100%; 

Du måste justera detta för att ta hänsyn till eventuella marginaler eller vadderingar du använder, men det här ger dig den allmänna idén.

Slutsidan

Här är min målsida utan några länkar:

Det ser lite blott ut just nu, men du fyller på det med mycket saftigt innehåll som syftar till att uppmuntra människor att köpa eller registrera bilder, stora röda knappar, den där saken! Och du kan se att det inte finns något att distrahera besökaren från innehållet på sidan.

Jag hoppas att din målsida ger dig massor av affärer. Lycka till!