Alternar menú

Cómo crear un directorio de personal en WordPress: su primer proyecto de Beaver Themer

Publicado: 2018-03-23

¡25% de descuento en productos Beaver Builder! ¡Apresúrate, termina la oferta... ¡Aprende más!

dynamic-staff-directory
  • Tema del castor

Cómo crear un directorio de personal en WordPress: su primer proyecto de Beaver Themer

Uno de mis podcasts de diseño web favoritos es el programa ShopTalk. Una pregunta que surge a menudo es: "¿Cuál es la mejor manera de aprender sobre diseño web?" La respuesta siempre es elegir un tema que te interese y empezar a construir algo. No hay sustituto para el aprendizaje práctico. En esta publicación, Hashim recorre el proceso de creación de un directorio de personal utilizando Beaver Themer y Page Builder. ¡Es un gran proyecto inicial para cualquiera que quiera aprender a usar Beaver Themer!

¿Está obteniendo el valor de su dinero de Beaver Themer?

Primero compré el complemento para controlar mis encabezados y pies de página. Sólo más tarde jugué con las “partes temáticas” y las configuraciones condicionales. Después de eso, quedé impresionado por las posibilidades de crear sitios avanzados con Beaver Themer. Me convertí en el bicho raro del grupo de Facebook de Beaver Builders argumentando que la herramienta tenía un precio demasiado bajo y estaba subestimada.

Entonces, ¿cómo puedes controlar las funciones de Themer por ti mismo? La mejor manera de comprender todo el poder de Beaver Themer es crear un pequeño proyecto que ponga a prueba el complemento.

Al experimentar la mayoría de las funciones de Beaver Themer en un proyecto de prueba, podrá comenzar a ver cómo se puede incorporar la herramienta a su flujo de trabajo. Después de eso, abordará sitios web más complicados con confianza porque sabe que puede utilizar una herramienta sin código como Beaver Themer.

¿Estás jugando? En caso afirmativo, inicie Wordpress y siga los pasos a continuación.

#1. Elija un tema compatible

Muchos temas populares y bien codificados funcionan con Beaver Themer. Puedes encontrar una lista de algunos de ellos aquí.

La mayoría de las funciones que usted confía en los temas, como encabezados y pies de página personalizables, se pueden lograr utilizando Beaver Themer. Así que no te preocupes por elegir un tema. Elija el primero de la lista que le parezca bien y estará bien.

2. Elija un tipo de publicación personalizada/generador de campos

La función de conexión de campo de Beaver Themer es poderosa cuando la usa solo en los campos de Publicación y Página que vienen con Wordpress listos para usar. Pero las cosas realmente se vuelven locas cuando lo usas con un complemento de tipo de publicación personalizado.

Los tipos de publicaciones personalizadas transforman Wordpress de una herramienta de blogs a un CMS. Son los componentes básicos de proyectos avanzados de Wordpress que van más allá de blogs y sitios de folletos.

Las tres opciones de complementos que funcionan mejor con Themer son Campos personalizados avanzados, Conjunto de herramientas y Pods. Mi favorito personal es Toolset, pero, sinceramente, las tres herramientas hacen el trabajo.

3. Opcional: elija una extensión

Si Beaver no tiene un módulo que desee listo para usar, considere usar una extensión de terceros.

Algunas de las extensiones que uso más son gratuitas en el directorio de complementos de Wordpress. Por ejemplo, soy un gran usuario del increíble complemento Beaver Cards.

Ahora que ha elegido su pila, ¡construyamos su primer proyecto!

Su primer proyecto Beaver Themer: un directorio de personal dinámico

Los directorios de personal son una solicitud común de los clientes. Al utilizar Beaver Themer, realmente puede impresionar a un cliente agregando diseños y contenido contextual dinámico a su directorio de personal.

Un directorio de personal también es un gran proyecto para familiarizarse con todas las funciones de Beaver Themer. Si sigues los pasos a continuación, serás un profesional de Beaver Themer en una sola tarde.

Cree un directorio de personal simple

  1. Instale Beaver Builder, Beaver Themer, un tema compatible, un complemento de tipo de publicación personalizado. El uso de una extensión de Beaver Builder es opcional para completar este proyecto.
  2. Utilice para crear un tipo de publicación personalizada para sus perfiles de personal. Si es la primera vez que utiliza uno de los siguientes tutoriales: Tutorial de ACF/Tutorial de Pods/Tutorial de conjunto de herramientas
  3. Cree campos personalizados para:
    1. “bio”
    2. "nombre"
    3. "título profesional"
    4. No cree un campo para “disparos a la cabeza”. Utilice el campo Imagen destacada incorporado para eso.
  4. Crear perfiles de personal para 7 personas.
  5. Etiqueta 3 de las publicaciones como "Equipo ejecutivo" y dos de las publicaciones como "Equipo de ventas".

Ahora tiene la esencia de un directorio simple. Cualquier cliente estará feliz de pagar los honorarios de su agencia para tener esto en su sitio.

Ahora sorprendamos a su cliente y potenciemos este directorio con Beaver Themer.

Crear un directorio de personal dinámico

Primero, utilice Beaver Themer para crear una plantilla para los perfiles de personal individuales y el archivo del directorio de personal. Vea las instrucciones aquí.

A continuación, utilice conexiones de campo para extraer y diseñar contenido desde sus campos personalizados.

Ahora, date una palmadita en la espalda: en el tiempo que lleva diseñar dos páginas individuales, has creado dos plantillas temáticas que se utilizarán en 8 páginas existentes, ¡y en cualquier número de páginas futuras!

Bien, ahora usa Beaver Themer para crear una plantilla para el archivo de la categoría "liderazgo".

En esta plantilla, haga que las fotos de los tres ejecutivos parezcan diferentes a las que diseñó en la página principal del archivo. Quizás las fotos deberían ser más grandes o los títulos deberían estar en una fuente diferente. Considere diseñar el archivo principal para que solo muestre una foto y un enlace, mientras que el archivo ejecutivo muestre una biografía completa. Vuélvete loco: diséñalo como mejor te parezca.

Por último, utilice Beaver Themer para crear un tema que forme parte de la categoría "ventas".

En las páginas para vendedores, cree una fila debajo del encabezado que anuncie que la empresa está contratando más vendedores.

¡Voilá! Su cliente ahora tiene un directorio de personal hermoso, dinámico y fácil de actualizar. Lo creaste usando Beaver Themer; no se necesitó ni una sola línea de código personalizado.

Y en el proceso, aprendió a crear plantillas para publicaciones y archivos individuales, y a agregar una fila dinámica a páginas específicas.

La próxima vez que reciba un conjunto de requisitos de un cliente o se le ocurra una idea de sitio web, considere cómo puede convertir el plan en un conjunto de tipos de publicaciones personalizadas y plantillas de temas dinámicos, impulsados ​​por Beaver Themer.

Pregunta: su pila de Beaver Themer

Si tiene experiencia con Beaver Themer, comparta: ¿qué utiliza para crear sitios? ¿Cuál es su tema preferido, complemento de tipo de publicación personalizada y complemento de Beaver Builder?

Acerca de Hashim Warren

Hashim Warren es un estratega de marketing con sede en Greensboro, Carolina del Norte. Ayuda a los constructores de viviendas a conseguir más empleos y trabajos más importantes en Hook & Target.

8 comentarios

  1. marca el 28 de marzo de 2018 a las 3:45 am

    Un sitio de videos o demostración realmente haría de este un excelente tutorial; sin embargo, gracias por el increíble trabajo.



  2. Tom Nguyen el 1 de mayo de 2018 a las 20:35

    Estoy de acuerdo con la sugerencia de Mark.



  3. Abril Wier el 17 de mayo de 2018 a las 17:09

    Estoy de acuerdo con el comentario de Tom.



  4. Cindy Wyckoff el 30 de junio de 2018 a las 9:34 pm

    Yo también estoy de acuerdo. Me gustaría ver cómo debería verse el proyecto terminado.



  5. Gerry King el 12 de noviembre de 2018 a las 4:11 am

    Hola Hashim, gran tutorial, gracias. ¿Podría utilizarse este proceso para crear un directorio de empresas en el que los visitantes puedan buscar empresas según criterios de código postal? ¿Y qué tan difícil sería incluir un mapa que muestre la ubicación de todas las empresas en el directorio?



  6. Jeff Brown el 13 de enero de 2019 a las 11:12 am

    Estoy interesado en crear un directorio geográfico para empresas en mi área para una organización artística local... ¿Tiene algún consejo o tutorial que pueda ayudarme?



    • Robby McCullough el 13 de enero de 2019 a las 5:44 pm

      Buena pregunta. Sin duda, Themer podrá ayudarle a diseñar su sitio. Sin embargo, no estoy familiarizado con ningún complemento de directorio geográfico, ¡lo siento! Podrías explorar el uso de Pods para crear un tipo de publicación personalizada. Ese podría ser un buen punto de partida...



  7. Ryan el 8 de mayo de 2019 a las 19:46

    Gracias Hashim, estoy realmente inspirado. He estado usando Ultimate Member por un tiempo y me está dando muchos problemas. Tengo muchas ganas de ampliar mis habilidades de BB y este es un buen proyecto para mí.



Nuestro boletín

Nuestro boletín se escribe personalmente y se envía aproximadamente una vez al mes. No es en absoluto molesto ni spam.
Lo prometemos.

Únase al boletín

Pruebe Beaver Builder hoy

Beaver Builder