Comutați la meniu

Cum să creezi un director de personal pe WordPress – primul tău proiect tematic Beaver

Publicat: 2018-03-23

25% reducere la produsele Beaver Builder! Grăbește-te vânzarea se încheie... Mai mult!

dynamic-staff-directory
  • Beaver Themer

Cum să creezi un director de personal pe WordPress – primul tău proiect tematic Beaver

Unul dintre podcasturile mele preferate de design web este show-ul ShopTalk. O întrebare care apare adesea este „Care este cel mai bun mod de a învăța despre design web?” Răspunsul este întotdeauna să alegeți un subiect care vă interesează și să începeți să construiți ceva. Nu există un substitut pentru învățarea practică. În această postare, Hashim parcurge procesul de construire a unui director de personal folosind Beaver Themer și Page Builder. Este un proiect de pornire grozav pentru oricine dorește să învețe despre utilizarea Beaver Themer!

Îți câștigi banii de la Beaver Themer?

Am achiziționat mai întâi pluginul pentru a-mi controla anteturile și subsolurile. Abia mai târziu m-am jucat cu „părți tematice” și setări condiționate. După aceea, am fost uluit de posibilitățile de a construi site-uri avansate cu Beaver Themer. Am devenit ciudatul din grupul de Facebook Beaver Builders, argumentând că instrumentul a fost sub preț și subestimat.

Așadar, cum poți înțelege singur funcțiile Themer? Cel mai bun mod de a înțelege întreaga putere a Beaver Themer este de a crea un mic proiect care să pună în practică pluginul.

Experimentând majoritatea caracteristicilor Beaver Themer într-un singur proiect de testare, puteți începe să vedeți cum instrumentul poate fi încorporat în fluxul dvs. de lucru. După aceea, veți aborda cu încredere site-urile web mai complicate, deoarece știți că puteți utiliza un instrument fără cod precum Beaver Themer.

esti joc? Dacă da, atunci porniți Wordpress și urmați pașii de mai jos.

#1. Alegeți o temă compatibilă

Multe teme populare, bine codificate, funcționează cu Beaver Themer. Puteți găsi o listă cu unele dintre ele aici.

Cele mai multe dintre funcțiile pe care te bazezi pe teme pentru a le oferi, cum ar fi anteturile și subsolurile personalizabile, pot fi realizate folosind Beaver Themer. Așa că nu vă supărați din cauza alegerii unei teme. Alege-l pe primul din listă care ți se pare bine și vei fi bine.

2. Alegeți un tip de postare personalizat/Generator de câmpuri

Funcția de conectare la câmp a Beaver Themer este puternică atunci când o utilizați doar în câmpurile Post și Pagina care sunt livrate cu Wordpress. Dar lucrurile chiar devin nebunești când îl folosești cu un plugin personalizat de tip post.

Tipurile de postări personalizate transformă Wordpress dintr-un instrument de blogging într-un CMS. Ele sunt elementele de bază ale proiectelor Wordpress avansate care depășesc blogurile și site-urile de broșuri.

Cele trei opțiuni de plugin care funcționează cel mai bine cu Themer sunt Advanced Custom Fields, Toolset și Pods. Preferatul meu personal este Toolset, dar sincer, toate cele trei instrumente își fac treaba.

3. Opțional: alegeți o extensie

Dacă Beaver nu are un modul pe care îl doriți să scoateți din cutie, luați în considerare utilizarea unei extensii terță parte.

Unele dintre extensiile pe care le folosesc cel mai mult sunt gratuite în directorul de pluginuri Wordpress. De exemplu, sunt un utilizator intens al uimitorului plugin Beaver Cards.

Acum că ți-ai ales stiva, hai să construim primul tău proiect!

Primul tău proiect Beaver Themer: un director dinamic al personalului

Directoarele de personal sunt o solicitare comună a clienților. Folosind Beaver Themer, puteți impresiona cu adevărat un client adăugând conținut dinamic, contextual și machete în directorul personalului său.

Un director de personal este, de asemenea, un proiect grozav de utilizat pentru a vă familiariza cu toate caracteristicile Beaver Themer. Dacă urmați pașii de mai jos, veți deveni un profesionist al Beaver Themer într-o singură după-amiază.

Creați un director simplu de personal

  1. Instalați Beaver Builder, Beaver Themer, o temă compatibilă, un plugin de tip post personalizat. Utilizarea unei extensii Beaver Builder este opțională pentru finalizarea acestui proiect.
  2. Utilizați crearea unui tip de postare personalizat pentru profilurile personalului dvs. Dacă aceasta este prima dată, utilizați unul dintre următoarele tutoriale Tutorial ACF / Tutorial Pods / Tutorial Set de instrumente
  3. Creați câmpuri personalizate pentru:
    1. „bio”
    2. "nume"
    3. "denumirea funcției"
    4. Nu creați un câmp pentru „fotografii în cap. Utilizați câmpul încorporat Imagine recomandată pentru asta.
  4. Creați profiluri de personal pentru 7 persoane.
  5. Etichetați 3 dintre postări ca „Echipă executivă” și două dintre postări ca „Echipă de vânzări”

Acum aveți oasele unui director simplu. Orice client va plăti cu plăcere taxa agenției dumneavoastră pentru a avea acest lucru pe site-ul său.

Acum haideți să vă supărăm clientul și să supraalimentăm acest director cu Beaver Themer.

Creați un director dinamic al personalului

Mai întâi, utilizați Beaver Themer pentru a crea un șablon pentru profilurile individuale ale personalului și arhiva directorului personalului. Consultați instrucțiunile aici.

Apoi, utilizați conexiunile de câmp pentru a extrage și a aranja conținut din câmpurile dvs. personalizate.

Acum, băgați-vă pe spate – în timpul necesar pentru a crea două pagini individuale, ați creat două șabloane tematice care vor fi folosite pe 8 pagini existente – și orice număr de pagini care urmează!

OK, acum utilizați Beaver Themer pentru a crea un șablon pentru arhiva categoriei „leadership”.

Pe acest șablon, faceți fotografiile celor trei directori să pară diferite de ceea ce ați proiectat pe pagina principală a arhivei. Poate că fotografiile ar trebui să fie mai mari sau titlurile ar trebui să fie într-un font diferit. Luați în considerare proiectarea arhivei principale pentru a afișa doar o fotografie și un link, în timp ce arhiva executivă arată o biografie completă. Înnebunește – proiectează-l așa cum crezi de cuviință.

În cele din urmă, utilizați Beaver Themer pentru a crea o parte a temei din categoria „vânzări”.

În paginile pentru agenți de vânzări, creați un rând sub antet care anunță că compania angajează mai mulți vânzători.

Voila! Clientul dvs. are acum un director de personal frumos, dinamic, ușor de actualizat. L-ați construit folosind Beaver Themer – nu a fost nevoie de nicio linie de cod personalizat.

Și în acest proces, ați învățat cum să creați șabloane pentru postări și arhive individuale și cum să adăugați un rând dinamic la paginile vizate.

Data viitoare când primiți un set de cerințe de la un client sau vă imaginați o idee de site pentru dvs., luați în considerare cum puteți transforma planul într-un set de tipuri de postări personalizate și șabloane de teme dinamice, dezvoltate de Beaver Themer.

Întrebare – Stiva dvs. de teme Beaver

Dacă aveți experiență cu Beaver Themer, vă rugăm să împărtășiți – ce folosiți pentru a crea site-uri? Care este tema dvs. preferată, pluginul de tip post personalizat și suplimentul Beaver Builder?

Despre Hashim Warren

Hashim Warren este un strateg de marketing cu sediul în Greensboro, NC. El îi ajută pe constructorii de case să obțină mai multe locuri de muncă și locuri de muncă mai mari la Hook & Target.

8 comentarii

  1. Mark pe 28 martie 2018 la ora 3:45

    Un site video sau demonstrativ ar face din acesta un tutorial grozav - mulțumesc totuși pentru munca uimitoare



  2. Tom Nguyen pe 1 mai 2018 la 20:35

    Sunt de acord cu propunerea lui Mark.



  3. April Wier pe 17 mai 2018 la 17:09

    Sunt de acord cu comentariul lui Tom.



  4. Cindy Wyckoff pe 30 iunie 2018 la 21:34

    Si eu sunt de acord. Aș dori să văd cum ar trebui să arate proiectul finalizat.



  5. Gerry King pe 12 noiembrie 2018 la ora 4:11

    Bună Hashim, un tutorial grozav, mulțumesc. Acest proces ar putea fi folosit pentru a construi un director de afaceri în care vizitatorii să poată căuta afaceri pe criterii poștale/cod poștal? Și cât de dificil ar fi să includeți o hartă care să arate locația tuturor companiilor în director?



  6. Jeff Brown pe 13 ianuarie 2019 la ora 11:12

    Sunt interesat să creez un Geo Directory pentru afacerile din zona mea pentru o organizație locală de artă... aveți sfaturi sau tutoriale care să ajute?



    • Robby McCullough pe 13 ianuarie 2019 la 17:44

      Bună întrebare. Themer va fi cu siguranță capabil să vă ajute să vă stilați site-ul. Totuși, nu sunt familiarizat cu niciun plugin pentru directorul geografic, îmi pare rău! Puteți explora folosind Pods pentru a crea un tip de postare personalizat. Acesta ar putea fi un bun punct de plecare...



  7. Ryan pe 8 mai 2019 la 19:46

    Mulțumesc Hashim, sunt foarte inspirat. Folosesc Ultimate Member de ceva vreme și îmi dă multe probleme. Aștept cu nerăbdare să-mi extind abilitățile de BB și acesta este un proiect bun pentru mine.



Buletinul nostru informativ

Buletinul nostru informativ este scris personal și trimis aproximativ o dată pe lună. Nu este deloc enervant sau spam.
Promitem.

Alăturați-vă Newsletter-ului

Încercați Beaver Builder astăzi

Beaver Builder