Hva du skal skape

Et av formålene med et nettsted er å generere potensielle kunder. Dette kan skje på flere måter: Du kan ha et skjema for folk å kontakte deg for et bestemt tilbud, du kan kanskje oppfordre folk til å opprette en konto når du kjøper varer på nettstedet ditt, eller du kan ha en blymagnet du gir folk i retur for sin e-postadresse.

Hvis du bruker en blymagnet, eller du har en side på nettstedet ditt som er spesielt utviklet for å selge ett element - enten det er et abonnement, en tjeneste eller et produkt - så vil du fraråse folk fra å klikke bort fra siden uten å kjøpe eller gir deg sin e-postadresse.

Denne typen side kalles en destinasjonsside. Det er en side som er utformet for å være en del av marketingtrakten din, for å generere kundeemner, eller å selge noe. Hensikten med siden er veldig enkel, og du vil ikke at folk skal gjøre noe annet når de har landet på den.

For å minimere sjansene for at folk navigerer unna før de har kjøpt eller registrert seg, vil du redusere antall koblinger på destinasjonssiden din. Det burde ikke ha noen widgets og ingen navigasjonsmenyer. Du vil ikke at folk forlater det for å bla gjennom nettstedet ditt. Selv koblingen til hjemmesiden i toppteksten må gå, sammen med noen koblinger i kolofonet helt nederst på siden.

I denne veiledningen vil jeg vise deg hvordan du lager en sidemal for WordPress-temaet som oppnår det. Det vil ikke inneholde noen koblinger til noe utenfor sidens innhold. Besøkende til siden har ikke annet valg enn å treffe Kjøpe eller Melde deg på knapp.

For å gjøre dette, jobber vi med noen få filer i vårt tema:

• Vi lager en ny tilpasset sidemal for landingssider.
• Vi redigerer topptekstfilen, så når linken er vist, er koblingene ikke til stede.
• Vi redigerer footer-filen for å fjerne widgets og eventuelle koblinger i kolofonet.

Så la oss komme i gang!

Hva du trenger

For å følge med denne opplæringen må du:

• En utviklingsinstallasjon av WordPress-legg ikke til destinasjonssiden til ditt nettsted, før du har testet det.
• Et tema som du kan redigere. Hvis det er et tema fra en tredjepart, opprett et barnemne og rediger det.
• En kodeditor.

Startsiden

Jeg har laget en dummy-side på nettstedet mitt for bruk som destinasjonsside. Slik ser det ut som du bruker den vanlige sidemalen:

I løpet av denne opplæringen fjerner jeg navigasjonsmenyen, sidebjørken og widgetområdene i bunnteksten, og jeg vil sørge for at ingenting utenfor innholdet er en klikkbar lenke.

Opprette WordPress Landing Page Template

Først må du opprette en destinasjonssidemal. Gjør dette på to måter:

Hvis du jobber med ditt eget tema, gjør du en duplikat av page.php og endre navn på den.

Hvis du jobber med et tredjeparts tema, opprett et barn tema. Lag en duplikat av page.php fra foreldetemaet i barnetemaet og omdøpe det.

Ikke gi det et filnavn som begynner med side- da dette vil forvirre WordPress hvis du senere lager en side med slugken du bruker etter side-. Jeg ringer til min landing-side-template.php.

Åpne nå din malfil. Legg til denne koden øverst:

* / Malnavn: Landingsside mal / *

Lagre dette, og du vil nå se at du kan velge den nye malen når du oppretter en ny side på nettstedet ditt:

Fjern nå sidebjellanropet fra filen. Finn denne linjen:

... og slett den. Lagre filen din. Din nye sidemal er klar. Men du er ikke ferdig ennå.

Redigerer headerfilen

Det neste trinnet er å redigere header.php fil, for å fjerne eventuelle koblinger når denne sidemalen er i bruk. For dette bruker vi is_page_template () betinget kode.

Åpne din header.php fil og finn koden for nettstedet ditt. 

Merk: Hvis du bruker et tredjeparts tema, opprett en header.php filen i barnetemaet ditt, som er en duplikat av den ene fra foreldetemaet, og rediger det.

I mitt tema ser det slik ut:

"title =""rel =" home ">  

Rediger det slik at det leser noe som dette, og gjør justeringer for ditt eget tema:

  "title =""rel =" home ">    

Hvis målsiden til malingssiden blir brukt, vises nettstednavnet fortsatt, men det blir ikke gjengitt som en kobling.

Du må også fjerne navigasjonen. Finn koden for hovedmenyen. I mitt tema ser det slik ut:

Rediger det slik at hele koden for menyen er plassert inne i en betinget kode som kontrollerer at vi er ikke bruker målsiden til malingssiden:

Hvis det er noen andre menyer eller koblinger i headerfilen din, omgir de med samme betingede tag-det samme gjelder for alle widgetområder.

Lagre nå header.php fil og lukk den.

Redigerer Footer-filen

Den endelige fasen er å sikre at noen widget områder ikke vises i bunnteksten.

Vi bruker det samme betingede merket til bare utdata-widget-områder hvis ikke bruker målsiden for malingssiden.

Åpne din footer.php mal (eller opprett et duplikat på barnet ditt hvis relevant).

Finn koden for å sende ut widgets. Her er min:

Nå pakk det i en betinget kode på samme måte som du gjorde i headerfilen.

Deretter må vi endre kolofonet. Dette kan inneholde en lenke til hjemmesiden din og / eller til WordPress-siden.

Her er min:

Bruk nå en betinget kode for å skrive ut kolofonet uten linker på destinasjonssiden:

Dobbeltklikk din footer-fil for andre koblinger, og hvis det finnes noen, pakk dem i en betinget kode også.

Justere stilingen

Det kan hende du har funnet ut at etter å ha fjernet sidefeltet fra målsiden til målsiden din, må du justere stylingen for innholdet. Hvis innholdsområdet fortsatt bare tar opp to tredjedeler av skjermen, kan du bruke kropp klasse generert av WordPress for sidemalen for å fikse det.

Så la oss si at du har følgende styling for innhold og sidebjelke:

.innhold float: left; bredde: 65%;  .sidebar float: right; bredde: 32%; 

Du må legge til litt ekstra styling under det å målrette innholdsklassen i WordPress-destinasjonssiden mal:

.side-mal-landing-side-mal. innhold bredde: 100%; 

Du må justere dette for å ta hensyn til eventuelle marginer eller polstring du bruker, men dette gir deg den generelle ideen.

Den endelige siden

Her er destinasjonssiden min uten noen lenker:

Det ser litt bart akkurat nå, men du fyller det med masse saftigt innhold som er rettet mot å oppmuntre folk til å kjøpe eller registrere seg, bilder, store røde knapper, den slags ting! Og du kan se at det ikke er noe å distrahere besøkende fra innholdet på siden.

Jeg håper at destinasjonssiden din gir deg rikelig med virksomheten. Lykke til!