Alternar menu

Como criar um diretório de funcionários no WordPress – seu primeiro projeto Beaver Themer

Publicados: 2018-03-23

25% de desconto em produtos Beaver Builder! Apresse-se, a promoção termina... Saiba mais!

dynamic-staff-directory
  • Castor Themer

Como criar um diretório de funcionários no WordPress – seu primeiro projeto Beaver Themer

Um dos meus podcasts favoritos de web design é o programa ShopTalk. Uma pergunta que surge frequentemente é: “Qual é a melhor maneira de aprender sobre web design?” A resposta é sempre escolher um assunto de seu interesse e começar a construir algo. Não há substituto para o aprendizado prático. Nesta postagem, Hashim percorre o processo de construção de um diretório de equipe usando Beaver Themer e Page Builder. É um ótimo projeto inicial para quem deseja aprender como usar o Beaver Themer!

Você está recebendo o valor do seu dinheiro com Beaver Themer?

Comprei primeiro o plugin para controlar meus cabeçalhos e rodapés. Só mais tarde brinquei com “partes temáticas” e configurações condicionais. Depois disso, fiquei impressionado com as possibilidades de construção de sites avançados com o Beaver Themer. Tornei-me o esquisito no grupo Beaver Builders no Facebook, argumentando que a ferramenta era subestimada e subestimada.

Então, como você pode controlar os recursos do Themer por si mesmo? A melhor maneira de entender todo o poder do Beaver Themer é criar um pequeno projeto que coloque o plugin à prova.

Ao experimentar a maioria dos recursos do Beaver Themer em um projeto de teste, você pode começar a ver como a ferramenta pode ser incorporada ao seu fluxo de trabalho. Depois disso, você lidará com sites mais complicados com confiança, porque sabe que pode usar uma ferramenta sem código como o Beaver Themer.

Você está no jogo? Se sim, inicie o Wordpress e siga as etapas abaixo.

#1. Escolha um tema compatível

Muitos temas populares e bem codificados funcionam com o Beaver Themer. Você pode encontrar uma lista de alguns deles aqui.

A maioria dos recursos que você confia nos temas para fornecer – como cabeçalhos e rodapés personalizáveis ​​– podem ser obtidos usando o Beaver Themer. Portanto, não se preocupe em escolher um tema. Escolha o primeiro da lista que lhe parece melhor e você ficará bem.

2. Escolha um tipo de postagem personalizado/construtor de campos

O recurso de conexão de campo do Beaver Themer é poderoso quando você o usa apenas nos campos Post e Page que vêm com o Wordpress prontos para uso. Mas as coisas ficam realmente malucas quando você o usa com um plugin de tipo de postagem personalizado.

Os tipos de postagem personalizados transformam o Wordpress de uma ferramenta de blog em um CMS. Eles são os blocos de construção de projetos avançados de Wordpress que vão além de blogs e sites de brochuras.

As três opções de plug-in que funcionam melhor com Themer são campos personalizados avançados, conjunto de ferramentas e pods. Meu favorito é o Toolset, mas honestamente, todas as três ferramentas dão conta do recado.

3. Opcional: escolha uma extensão

Se o Beaver não tiver um módulo que você deseja pronto para uso, considere usar uma extensão de terceiros.

Algumas das extensões que mais uso são gratuitas no diretório de plugins do Wordpress. Por exemplo, sou um usuário frequente do incrível plugin Beaver Cards.

Agora que você escolheu sua pilha, vamos construir seu primeiro projeto!

Seu primeiro projeto Beaver Themer: um diretório de equipe dinâmico

Os diretórios de funcionários são uma solicitação comum dos clientes. Ao usar o Beaver Themer, você pode realmente impressionar um cliente adicionando conteúdo e layouts dinâmicos e contextuais ao diretório de equipe.

Um diretório de equipe também é um ótimo projeto para se familiarizar com todos os recursos do Beaver Themer. Se você seguir as etapas abaixo, você se tornará um profissional do Beaver Themer em uma única tarde.

Crie um diretório de funcionários simples

  1. Instale o Beaver Builder, o Beaver Themer, um tema compatível, um plugin de tipo de postagem personalizado. O uso de uma extensão Beaver Builder é opcional para concluir este projeto.
  2. Use a criação de um tipo de postagem personalizado para seus perfis de equipe. Se esta for sua primeira vez, use um dos seguintes tutoriais Tutorial ACF / Tutorial de Pods / Tutorial de conjunto de ferramentas
  3. Crie campos personalizados para:
    1. “bio”
    2. "nome"
    3. "cargo"
    4. Não crie um campo para “fotos na cabeça. Use o campo de imagem em destaque integrado para isso.
  4. Crie perfis de equipe para 7 pessoas.
  5. Marque 3 das postagens como “Equipe Executiva” e duas das postagens como “Equipe de Vendas”

Agora você tem a estrutura de um diretório simples. Qualquer cliente ficará feliz em pagar a taxa da sua agência para ter isso em seu site.

Agora vamos surpreender seu cliente e turbinar este diretório com Beaver Themer.

Crie um diretório dinâmico de funcionários

Primeiro, use o Beaver Themer para criar um modelo para os perfis de funcionários individuais e o arquivo do diretório de funcionários. Veja as instruções aqui.

Em seguida, use conexões de campo para extrair e fazer o layout do conteúdo de seus campos personalizados.

Agora, dê um tapinha nas costas – no tempo que leva para projetar duas páginas individuais, você criou dois modelos de tema que serão usados ​​em 8 páginas existentes – e qualquer número de páginas futuras!

OK, agora use o Beaver Themer para criar um modelo para o arquivo da categoria “liderança”.

Neste modelo, faça com que as fotos dos três executivos pareçam diferentes do que você desenhou na página principal do arquivo. Talvez as fotos devessem ser maiores ou os títulos deveriam estar em uma fonte diferente. Considere projetar o arquivo principal para mostrar apenas uma foto e um link, enquanto o arquivo executivo mostra uma biografia completa. Enlouqueça – projete-o da maneira que achar melhor.

Por último, use o Beaver Themer para criar uma parte temática da categoria “vendas”.

Nas páginas para vendedores, crie uma linha abaixo do cabeçalho que anuncia que a empresa está contratando mais vendedores.

Voilá! Seu cliente agora tem um diretório de funcionários bonito, dinâmico e fácil de atualizar. Você o construiu usando o Beaver Themer – nem uma única linha de código personalizado foi necessária.

E no processo, você aprendeu como criar modelos para postagens e arquivos individuais e como adicionar uma linha dinâmica às páginas direcionadas.

Na próxima vez que você receber um conjunto de requisitos de um cliente ou tiver uma ideia de site para si mesmo, considere como você pode transformar o plano em um conjunto de tipos de postagem personalizados e modelos de temas dinâmicos, desenvolvidos por Beaver Themer.

Pergunta – Sua pilha Beaver Themer

Se você tem experiência com Beaver Themer, compartilhe – o que você usa para construir sites? Qual é o seu tema preferido, plugin de tipo de postagem personalizado e complemento Beaver Builder?

Sobre Hashim Warren

Hashim Warren é estrategista de marketing baseado em Greensboro, NC. Ele ajuda construtores de casas a conseguir mais empregos e empregos maiores na Hook & Target.

8 comentários

  1. Marcar em 28 de março de 2018 às 3h45

    Um site de vídeo ou demonstração seria realmente um ótimo tutorial - obrigado pelo trabalho incrível



  2. Tom Nguyen em 1º de maio de 2018 às 20h35

    Concordo com a sugestão de Mark.



  3. Abril Wier em 17 de maio de 2018 às 17h09

    Eu concordo com o comentário de Tom.



  4. Cindy Wyckoff em 30 de junho de 2018 às 21h34

    Eu também concordo. Gostaria de ver como deve ficar o projeto finalizado.



  5. Gerry King em 12 de novembro de 2018 às 4h11

    Olá Hashim, ótimo tutorial, obrigado. Esse processo poderia ser usado para criar um diretório de empresas onde os visitantes pudessem pesquisar empresas com base em critérios de CEP/código postal? E quão difícil seria incluir um mapa mostrando a localização de todas as empresas no diretório?



  6. Jeff Brown em 13 de janeiro de 2019 às 11h12

    Estou interessado em criar um diretório geográfico para empresas na minha área para uma organização artística local… você tem conselhos ou tutoriais que ajudem nisso?



    • Robby McCullough em 13 de janeiro de 2019 às 17h44

      Boa pergunta. Themer certamente poderá ajudar a estilizar seu site. Não estou familiarizado com nenhum plug-in de diretório geográfico, desculpe! Você pode explorar o uso de Pods para criar um tipo de postagem personalizado. Esse pode ser um bom ponto de partida…



  7. Ryan em 8 de maio de 2019 às 19h46

    Obrigado Hashim, estou realmente inspirado. Eu uso o Ultimate Member há algum tempo e isso está me causando muitos problemas. Estou ansioso para expandir minhas habilidades em BB e este é um bom projeto para mim.



Nosso boletim informativo

Nosso boletim informativo é escrito pessoalmente e enviado uma vez por mês. Não é nem um pouco chato ou spam.
Nós prometemos.

Junte-se ao boletim informativo

Experimente o Beaver Builder hoje

Beaver Builder