Unul dintre scopurile unui site web este generarea de potențiali clienți. Acest lucru se poate întâmpla în mai multe moduri: este posibil să aveți un formular pentru ca persoanele să vă contacteze pentru o anumită cotare, ați putea încuraja oamenii să creeze un cont atunci când cumpără bunuri pe site-ul dvs. sau puteți avea un magnet de plumb pe care îl oferiți în schimbul adresei lor de e-mail.

Dacă utilizați un magnet de plumb sau aveți o pagină pe site-ul dvs. proiectată special pentru a vinde un element - fie că este vorba de un abonament, de un serviciu sau de un produs - atunci doriți să descurajați oamenii să facă clic pe acea pagină fără să cumpere sau oferindu-vă adresa lor de e-mail.

Acest tip de pagină se numește pagină de destinație. Este o pagină concepută să facă parte din canalul dvs. de marketing, să genereze potențialii clienți sau să vândă ceva. Scopul paginii este foarte simplu, iar tu nu vrei ca oamenii să facă altceva după ce au aterizat pe ea.

Pentru a reduce la minimum șansele ca oamenii să se deplaseze înainte de a le cumpăra sau de a vă înscrie, doriți să reduceți numărul de linkuri de pe pagina dvs. de destinație. Nu ar trebui să aibă widgeturi și niciun meniu de navigare. Nu doriți ca utilizatorii să-l lase să navigheze pe site-ul dvs. Chiar și link-ul către pagina de pornire din antet trebuie să meargă, împreună cu orice link-uri din colofonul dvs. chiar în partea de jos a paginii.

În acest tutorial, vă vom arăta cum să creați un șablon de pagină pentru tema WordPress care atinge acest lucru. Nu va conține link-uri către nimic în afara conținutului paginii. Vizitatorii paginii nu vor mai avea de ales decât să lovească A cumpara sau Inscrie-te buton.

Pentru a face acest lucru, vom lucra cu câteva fișiere în tema noastră:

• Vom crea un nou șablon de pagină personalizat pentru paginile de destinație.
• Vom edita fișierul antet astfel încât atunci când șablonul este afișat, link-urile nu sunt prezente.
• Vom edita fișierul subsol pentru a elimina widget-urile și orice link-uri din colofon.

Deci sa începem!

Ce ai nevoie

Pentru a urmări împreună cu acest tutorial, veți avea nevoie de:

• O instalare de dezvoltare a programului WordPress - nu adăugați pagina de destinație site-ului dvs. live până când nu îl testați.
• O temă pe care o puteți edita. Dacă este o temă terță parte, creați o temă pentru copil și editați-o.
• Un editor de cod.

Pagina inițială

Am creat o pagină falsă pe site-ul meu pentru a fi utilizată ca pagină de destinație. Iată ce pare să folosiți șablonul de pagină normal:

În cursul acestui tutorial, voi elimina meniul de navigare, bara laterală și zonele widget în subsolul dvs. și mă voi asigura că nimic din afara conținutului nu este un link clicabil.

Crearea șablonului paginii de destinație WordPress

Mai întâi trebuie să creați un șablon de pagină de destinație. Faceți acest lucru într-unul din două moduri:

Dacă lucrați cu propria temă, faceți un duplicat de page.php și redenumiți-o.

Dacă lucrați cu o temă terță parte, creați o temă de copil. Creați un duplicat de page.php din tema părintelui din tema copilului și redenumiți-o.

Nu-i dați un nume de fișier care începe cu pagină- deoarece aceasta va confunda WordPress dacă creați mai târziu o pagină cu slug-ul pe care îl utilizați după pagină-. Îi sun pe a mea aterizare-page-template.php.

Acum deschideți fișierul șablonului. Adăugați acest rând de cod în partea de sus:

* / Nume șablon: Șablon de pagină de destinație / *

Salvați acest lucru și acum veți vedea că puteți selecta noul șablon când creați o nouă pagină pe site-ul dvs.:

Acum, eliminați apelul din bara laterală din fișier. Găsiți această linie:

... și ștergeți-l. Salvați fișierul. Șablonul de pagină nou este gata. Dar nu ați terminat încă.

Editarea fișierului Header

Următorul pas este să editați header.php fișier, pentru a elimina orice legătură atunci când șablonul de pagină este în uz. Pentru aceasta vom folosi is_page_template () eticheta condiționată.

Deschide-ți header.php fișier și găsiți codul pentru titlul site-ului. 

Notă: dacă utilizați o temă terță parte, creați o header.php fișier în tema copilului dvs. care este un duplicat al aceluia din tema părinte și editați-l.

În tema mea, se arată astfel:

"title =""rel =" acasă ">  

Editați-o astfel încât să citească ceva de genul acesta, făcând ajustări pentru propria temă:

  "title =""rel =" acasă ">    

Dacă se utilizează șablonul de pagină de destinație, numele site-ului va fi afișat în continuare, dar nu va fi redat ca un link.

De asemenea, trebuie să eliminați navigația. Găsiți codul pentru meniul principal. În tema mea, se arată astfel:

Editați-l astfel încât tot codul pentru meniu să fie plasat în interiorul unei etichete condiționate, care verifică faptul că suntem nu utilizând șablonul de pagină de destinație:

Dacă există alte meniuri sau linkuri în fișierul antet, înconjurați aceleași tag-uri condiționate - același lucru se întâmplă și în cazul zonelor widget.

Acum salvați header.php fișier și închideți-l.

Editarea fișierului subsol

Etapa finală este de a vă asigura că zonele widget-urilor nu se afișează în subsol.

Vom folosi aceeași etichetă condiționată pentru a afișa numai zone widget dacă nu folosiți șablonul de pagină de destinație.

Deschide-ți footer.php șablon (sau creați un duplicat pe tema copilului dvs., dacă este cazul).

Găsiți codul pentru a afișa widget-urile. Iată-mi:

Acum, înfășurați-o într-o etichetă condiționată în același mod pe care l-ați făcut în fișierul antet.

În continuare, va trebui să modificăm colofonul. Aceasta poate include un link către pagina dvs. de pornire și / sau către site-ul WordPress.

Iată-mi:

Acum folosiți o etichetă condiționată pentru a scoate colofonul fără link-uri de pe pagina de destinație:

Verificați dublu fișierul subsol pentru orice alte linkuri și, dacă există, împachetați-le și într-o etichetă condiționată.

Ajustarea stilului

S-ar putea să afli că după ce ați eliminat bara laterală din șablonul de pagină de destinație, trebuie să ajustați stilul pentru conținut. Dacă zona de conținut nu depășește încă două treimi din ecran, puteți utiliza corp clasă generată de WordPress pentru șablonul de pagină pentru ao remedia.

Deci, să presupunem că aveți următorul stil pentru conținutul dvs. și pentru bara laterală:

.conținut float: stânga; lățime: 65%;  sidebar float: right; lățime: 32%; 

Va trebui să adăugați un stil suplimentar mai jos pentru a viza clasa de conținut în șablonul de pagină de destinație WordPress:

.șablon de pagină-șablon de pagină-aterizare .content lățime: 100%; 

Va trebui să ajustați acest lucru pentru a ține seama de marjele sau plăcile pe care le utilizați, dar vă oferă ideea generală.

Pagina finală

Iată pagina de destinație fără link-uri:

Pare puțin goală acum, dar o veți umple cu o mulțime de conținuturi suculente, menite să încurajeze oamenii să cumpere sau să semneze imagini, butoane roșii mari, așa ceva! Și puteți vedea că nu există nimic care să distragă vizitatorul din conținutul paginii.

Sper ca pagina dvs. de destinație să vă aducă o mulțime de afaceri. Mult noroc!