Cum să adăugați pagini de profil pentru membrii personalului în WordPress

Arătând oamenii din spatele site-ului dvs. web este o modalitate excelentă de a câștiga încrederea clienților. Anterior, v-am arătat cum să creați o listă simplă de personal în WordPress. Unii dintre utilizatorii noștri au dorit să-și extindă listele de personal prin adăugarea de linkuri de lângă membrii personalului care au condus la paginile lor de profil. În acest articol, vă vom arăta cum să adăugați pagini de profil ale membrilor personalului în WordPress.

Notă: Acest tutorial necesită cunoștințe de bază despre teme WordPress și HTML / CSS. De asemenea, rețineți că, deoarece vom edita fișiere tematice, este foarte recomandat să vă copiați cel puțin fișierele tematice înainte de a le face modificări.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Simple Staff Lists. Adăugați membrii personalului dvs. vizitând Membrii personalului »Adăugați noi. Pentru mai multe instrucțiuni despre cum să adăugați membri ai personalului, consultați acest tutorial.

Odată ce ați adăugat membrii personalului, le puteți afișa creând o nouă pagină WordPress și adăugând acest scurtcod:

[Simplu-personal-list]

Până în prezent am creat o pagină simplă a listei de personal, care enumeră toți membrii personalului.

Următoarea parte este crearea unei singure pagini pentru fiecare membru al personalului pentru a-și afișa profilurile complete.

Pluginul simplu pentru listele de personal creează un tip de post personalizat numit membru al personalului pentru a stoca profilurile membrilor personalului. Prin plasarea codului scurt pe o pagină, am transformat acea pagină într-o pagină arhivă tip postare personalizată pentru tipul de postare a personalului.

În WordPress, fiecare post are o singură pagină proprie, indiferent de tipul postării în care este stocată. În mod implicit pluginul nu arată acea singură pagină. În pașii următori, vom modifica tema WordPress pentru a afișa pagina cu un singur membru al personalului.

Mai întâi trebuie să mergi la Membri ai personalului »Șabloane. Înlocuiți șablonul pe care îl vedeți sub Staff Loop Template cu acest cod:

 [Staff_loop]     [staff-name-formatted] [staff-position-formatted] [personal-formatat bio] [staff-email-link] [/ staff_loop] 

Nu uitați să înlocuiți example.com cu propriul nume de domeniu.

Acum, deschideți pagina cu lista de personal și veți vedea că profilurile și fotografiile personalului vor fi legate de paginile lor de profil individuale. Cu toate acestea, dând clic pe aceste pagini, va apărea doar o pagină cu numele de membru al personalului.

Adăugarea unui șablon de profil de membru al personalului în tema WordPress

Pentru a afișa un singur membru al personalului dvs., trebuie să creați un șablon în tema WordPress pentru a gestiona tipul postului de membru al personalului. Începeți prin a crea un fișier nou în directorul temă WordPress (wp-content / themes / yourthenamename /).

Denumiți acest fișier un singur personal-member.php. Utilizarea unui nume personalizat tip de post cu cuvântul singur, am creat un singur șablon de postare pentru tipul de post personalizat al membrilor personalului.

Acest șablon al unui membru al personalului este încă gol, deci vă permite să îl umpleți. Deschideți tema single.php fișierul și copiați conținutul său în șablonul single-staff-member.php.

O problemă pe care o veți întâlni când copiați conținutul dvs. single.php Fișierul este că unele teme pot folosi șablonul de conținut în fișierul single.php. De exemplu, tema implicită Twenty Thirteen utilizează șabloane de conținut în fișier single.php, după cum urmează:

Dacă tema dvs. folosește părți de șablon, va trebui să deschideți fișierul șablon (content.php) și să copiați conținutul său în fișierul single-person-member.php, înlocuind linia get_template_part.

În acest moment, fișierul single-staff-member.php va fi exact același ca fișierul single.php. Acum trebuie să-l pregătim, astfel încât să poată afișa câmpurile de la membrii personalului.

Iată-ne pe noi un singur personal-member.php fișier, se bazează pe fișierul single.php al Twenty Thirteen. Mai întâi aruncați o privire la cod.

 „;  altceva $ t_photo_url = "; $ t_photo =";  $ email_mailto = '' .antispambot ($ email). ''; ?> 
            
Facebook | Stare de nervozitate
      

În prima parte a codului imediat după încărcarea antetului, am adunat date din postarea noastră personalizată în variabile. Apoi, în interiorul bucla am folosit aceste variabile pentru a afișa câmpuri din tipul de post particularizat.

Asta e tot. Este posibil să trebuiască să ajustați aspectul paginilor de profil folosind CSS. Am folosit acest CSS pentru a se potrivi cu membrul personalului din jurul fotografiei.

 img.staff-membru-pagină-fotografie float: left; margin: 5px;  

Sperăm că acest articol v-a ajutat să adăugați pagini de profil ale membrilor personalului în WordPress. Simțiți-vă liber să jucați cu șabloanele pentru a obține rezultatul dorit.

Dacă ți-a plăcut acest articol, abonează-te la canalul nostru YouTube pentru mai multe tutoriale video pentru WordPress. Ne puteți găsi pe Twitter și pe Google+.