Sitemap Cambia menu

Come creare una directory del personale su WordPress: il tuo primo progetto Beaver Themer

Pubblicato: 2018-03-23

Sconto del 25% sui prodotti Beaver Builder! Affrettati, i saldi finiscono... Scopri di più!

dynamic-staff-directory
  • Tema del castoro

Come creare una directory del personale su WordPress: il tuo primo progetto Beaver Themer

Uno dei miei podcast di web design preferiti è lo spettacolo ShopTalk. Una domanda che spesso sorge è: "Qual è il modo migliore per conoscere il web design?" La risposta è sempre scegliere un argomento che ti interessa e iniziare a costruire qualcosa. Non c'è nulla che possa sostituire l'apprendimento pratico. In questo post, Hashim illustra il processo di creazione di una directory per lo staff utilizzando Beaver Themer e Page Builder. È un ottimo progetto iniziale per chiunque voglia imparare a usare Beaver Themer!

Stai ottenendo il valore dei tuoi soldi da Beaver Themer?

Per prima cosa ho acquistato il plugin per controllare le mie intestazioni e piè di pagina. Solo più tardi ho giocato con le “parti tematiche” e le impostazioni condizionali. Successivamente, sono rimasto sbalordito dalle possibilità di creare siti avanzati con Beaver Themer. Sono diventato lo strano nel gruppo Facebook di Beaver Builders sostenendo che lo strumento era sottoprezzo e sottovalutato.

Quindi, come puoi gestire tu stesso le funzionalità di Themer? Il modo migliore per comprendere tutta la potenza di Beaver Themer è creare un piccolo progetto che metta alla prova il plugin.

Sperimentando la maggior parte delle funzionalità di Beaver Themer in un progetto di prova puoi iniziare a vedere come lo strumento può essere incorporato nel tuo flusso di lavoro. Successivamente, affronterai i siti Web più complicati con sicurezza perché sai che puoi utilizzare uno strumento senza codice come Beaver Themer.

Sei del gioco? Se sì, avvia Wordpress e segui i passaggi seguenti.

#1. Scegli un tema compatibile

Molti temi popolari e ben codificati funzionano con Beaver Themer. Puoi trovare un elenco di alcuni di essi qui.

La maggior parte delle funzionalità che ti affidi ai temi da fornire, come intestazioni e piè di pagina personalizzabili, possono essere ottenute utilizzando Beaver Themer. Quindi non preoccuparti di scegliere un tema. Scegli il primo della lista che ti sembra buono e starai bene.

2. Scegli un tipo di post/generatore di campi personalizzato

La funzionalità di connessione sul campo di Beaver Themer è potente quando la usi solo sui campi Post e Pagina forniti con Wordpress immediatamente. Ma le cose diventano davvero pazzesche quando lo usi con un plug-in di tipo post personalizzato.

I tipi di post personalizzati trasformano Wordpress da uno strumento di blogging a un CMS. Sono gli elementi costitutivi dei progetti Wordpress avanzati che vanno oltre i blog e i siti di brochure.

Le tre opzioni di plug-in che funzionano meglio con Themer sono Campi personalizzati avanzati, set di strumenti e pod. Il mio preferito è Toolset, ma onestamente tutti e tre gli strumenti svolgono il loro lavoro.

3. Facoltativo: scegli un'estensione

Se Beaver non dispone di un modulo che desideri pronto all'uso, considera l'utilizzo di un'estensione di terze parti.

Alcune delle estensioni che utilizzo di più sono gratuite nella directory dei plugin di Wordpress. Ad esempio, sono un utente accanito dello straordinario plug-in Beaver Cards.

Ora che hai scelto il tuo stack, costruiamo il tuo primo progetto!

Il tuo primo progetto Beaver Themer: una directory dinamica dello staff

Le directory del personale sono una richiesta comune dei clienti. Utilizzando Beaver Themer puoi davvero impressionare un cliente aggiungendo contenuti e layout dinamici e contestuali alla directory dello staff.

Anche una directory dello staff è un ottimo progetto da utilizzare per familiarizzare con tutte le funzionalità di Beaver Themer. Se segui i passaggi seguenti diventerai un professionista di Beaver Themer in un solo pomeriggio.

Crea una semplice directory del personale

  1. Installa Beaver Builder, Beaver Themer, un tema compatibile, un plug-in per il tipo di post personalizzato. L'utilizzo di un'estensione Beaver Builder è facoltativo per completare questo progetto.
  2. Utilizza crea un tipo di post personalizzato per i tuoi profili del personale. Se è la prima volta che usi uno dei seguenti tutorial Tutorial ACF/Tutorial sui pod/Tutorial sul set di strumenti
  3. Crea campi personalizzati per:
    1. “biologico”
    2. "nome"
    3. “titolo lavorativo”
    4. Non creare un campo per "colpi alla testa". Utilizza il campo Immagine in primo piano integrato per questo.
  4. Crea profili del personale per 7 persone.
  5. Tagga 3 post come "Team esecutivo" e due post come "Team vendite"

Ora hai le ossa di una semplice directory. Qualsiasi cliente sarà felice di pagare la commissione della tua agenzia per averlo sul proprio sito.

Ora lasciamo a bocca aperta il tuo cliente e potenziamo questa directory con Beaver Themer.

Crea una directory dinamica del personale

Innanzitutto, utilizza Beaver Themer per creare un modello per i singoli profili dello staff e l'archivio della directory dello staff. Vedi le istruzioni qui.

Successivamente, utilizza le connessioni ai campi per inserire e impaginare il contenuto dai campi personalizzati.

Adesso datti una pacca sulla spalla: nel tempo necessario per progettare due singole pagine hai creato due modelli di temi che verranno utilizzati su 8 pagine esistenti e su un numero qualsiasi di pagine future!

OK, ora usa Beaver Themer per creare un modello per l'archivio della categoria "leadership".

Su questo modello, fai in modo che le foto dei tre dirigenti appaiano diverse da quelle che hai disegnato nella pagina di archivio principale. Forse le foto dovrebbero essere più grandi o i titoli dovrebbero avere un carattere diverso. Considera la possibilità di progettare l'archivio principale per mostrare solo una foto e un collegamento, mentre l'archivio esecutivo mostra una biografia completa. Impazzisci: progettalo nel modo che ritieni opportuno.

Infine, utilizza Beaver Themer per creare una parte del tema della categoria "vendite".

Nelle pagine dedicate ai venditori, crea una riga sotto l'intestazione per annunciare che l'azienda sta assumendo altri venditori.

Voilà! Il tuo cliente ora ha una directory del personale bella, dinamica e facile da aggiornare. L'hai creato utilizzando Beaver Themer: non è stata necessaria una singola riga di codice personalizzato.

E nel processo, hai imparato come creare modelli per singoli post e archivi e come aggiungere una riga dinamica alle pagine mirate.

La prossima volta che ricevi una serie di requisiti da un cliente o sogni un'idea per un sito web, considera come trasformare il piano in una serie di tipi di post personalizzati e modelli di temi dinamici, basati su Beaver Themer.

Domanda: il tuo stack Beaver Themer

Se hai esperienza con Beaver Themer, condividi: cosa usi per creare siti? Qual è il tuo tema preferito, il plug-in per il tipo di post personalizzato e il componente aggiuntivo di Beaver Builder?

A proposito di Hashim Warren

Hashim Warren è uno stratega di marketing con sede a Greensboro, Carolina del Nord. Aiuta i costruttori di case a ottenere più posti di lavoro e lavori più grandi presso Hook & Target.

8 commenti

  1. Segna il 28 marzo 2018 alle 3:45

    Un video o un sito demo renderebbero davvero questo tutorial fantastico, grazie comunque per lo straordinario lavoro



  2. Tom Nguyen il 1 maggio 2018 alle 20:35

    Concordo con il suggerimento di Marco.



  3. April Wier il 17 maggio 2018 alle 17:09

    Sono d'accordo con il commento di Tom.



  4. Cindy Wyckoff il 30 giugno 2018 alle 21:34

    Sono anche d'accordo. Mi piacerebbe vedere come dovrebbe apparire il progetto finito.



  5. Gerry King il 12 novembre 2018 alle 4:11

    Ciao Hashim, ottimo tutorial, grazie. Questo processo potrebbe essere utilizzato per creare una directory aziendale in cui i visitatori possano cercare attività commerciali in base a criteri di codice postale? E quanto sarebbe difficile includere una mappa che mostri la posizione di tutte le attività commerciali nella directory?



  6. Jeff Brown il 13 gennaio 2019 alle 11:12

    Sono interessato a creare una directory geografica per le aziende della mia zona per un'organizzazione artistica locale... hai consigli o tutorial che possano esserti utili?



    • Robby McCullough il 13 gennaio 2019 alle 17:44

      Bella domanda. Themer sarà sicuramente in grado di aiutarti a modellare il tuo sito. Tuttavia, non ho familiarità con alcun plug-in di directory geografiche, mi spiace! Potresti esplorare l'utilizzo dei pod per creare un tipo di post personalizzato. Potrebbe essere un buon punto di partenza...



  7. Ryan l'8 maggio 2019 alle 19:46

    Grazie Hashim, sono davvero ispirato. Utilizzo Ultimate Member da un po' e mi sta dando molti problemi. Non vedo l'ora di espandere le mie competenze BB e questo è un buon progetto per me.



La nostra newsletter

La nostra newsletter viene scritta personalmente e inviata circa una volta al mese. Non è minimamente fastidioso o spam.
Lo promettiamo.

Iscriviti alla newsletter

Prova Beaver Builder oggi

Beaver Builder