Como criar um diretório de funcionários no WordPress – seu primeiro projeto Beaver Themer
Publicados: 2018-03-2325% de desconto em produtos Beaver Builder! Apresse-se, a promoção termina... Saiba mais!
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.
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.
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.
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!
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.
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.
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.
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?
Concordo com a sugestão de Mark.
Eu concordo com o comentário de Tom.
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?
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?
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.
Um site de vídeo ou demonstração seria realmente um ótimo tutorial - obrigado pelo trabalho incrível