Cómo agregar páginas de perfil de miembros del personal en WordPress

Mostrar a la gente detrás de su sitio web es una excelente manera de ganarse la confianza del cliente. Anteriormente, le mostramos cómo crear una lista de personal simple en WordPress. Algunos de nuestros usuarios querían ampliar sus listas de personal agregando enlaces al lado de cada miembro del personal que conduce a sus páginas de perfil. En este artículo, le mostraremos cómo agregar páginas de perfil de miembros del personal en WordPress.

Nota: Este tutorial requiere algunos conocimientos básicos sobre temas de WordPress y HTML / CSS. También tenga en cuenta que dado que estaremos editando archivos de temas, se recomienda encarecidamente que haga una copia de seguridad de sus archivos de temas antes de realizar cambios.

Lo primero que debe hacer es instalar y activar el complemento de listas de personal simple. Agregue a los miembros de su personal visitando Miembros del personal »Agregar nuevo. Para obtener más instrucciones sobre cómo agregar miembros del personal, consulte este tutorial..

Una vez que haya agregado a los miembros de su personal, puede mostrarlos creando una nueva página de WordPress y agregando este código abreviado:

[simple-staff-list]

Hasta ahora hemos creado una página de lista de personal simple, que enumera a todos los miembros del personal.

La siguiente parte es crear una sola página para que cada miembro del personal muestre sus perfiles completos.

El simple complemento de listas de personal crea un tipo de publicación personalizado llamado miembro del equipo para almacenar los perfiles de los miembros del personal. Al colocar el código abreviado en una página, hemos convertido esa página en una página de archivo de tipo de publicación personalizada para el tipo de publicación de miembro del personal.

En WordPress, cada publicación obtiene su propia página única sin importar en qué tipo de publicación esté almacenada. Por defecto, el complemento no muestra esa página única. En los siguientes pasos, modificaremos nuestro tema de WordPress para mostrar la página de un solo miembro del personal.

Primero tienes que ir a Miembros del personal »Plantillas. Reemplace la plantilla que ve debajo de Plantilla de bucle de personal con este código:

 [staff_loop]     [personal-format-formatted] [staff-position-formatted] [staff-bio-formatted] [staff-email-link] [/ staff_loop] 

No olvides reemplazar example.com con tu propio nombre de dominio..

Ahora abra la página de la lista de personal y verá que los perfiles y las fotos del personal se vincularán a sus páginas de perfil individuales. Sin embargo, al hacer clic en estas páginas solo se mostrará una página con el nombre del miembro del personal..

Agregar una plantilla de perfil de miembro del personal en su tema de WordPress

Para mostrar su único miembro del personal, debe crear una plantilla en su tema de WordPress para manejar el tipo de publicación del miembro del personal. Comience por crear un nuevo archivo en su directorio de temas de WordPress (wp-content / themes / yourthemename /).

Nombra este archivo single-staff-member.php. Usando nombre de tipo de mensaje personalizado con la palabra soltero, Hemos creado una plantilla de publicación única para el tipo de publicación personalizada del miembro del personal.

Esta plantilla de miembro del personal todavía está vacía, así que vamos a llenarla. Abre tu tema single.php archiva y copia, pega su contenido en la plantilla single-staff-member.php.

Un problema que encontrará al copiar el contenido de su single.php El archivo es que algunos temas pueden usar una plantilla de contenido en el archivo single.php. Por ejemplo, el tema predeterminado de Twenty Thirteen usa plantillas de contenido en el archivo single.php como este:

Si su tema usa partes de plantilla, entonces deberá abrir el archivo de plantilla (content.php) y copiar y pegar su contenido en su archivo single-staff-member.php, reemplazando la línea get_template_part.

En este punto, su archivo single-staff-member.php será exactamente igual que su archivo single.php. Ahora necesitamos prepararla, para que pueda mostrar los campos de los miembros del personal..

Aquí está nuestro single-staff-member.php archivo, se basa en el archivo single.php de Twenty Thirteen. Primero echa un vistazo al código.

 ';  else $ t_photo_url = "; $ t_photo =";  $ email_mailto = '' .antispambot ($ email). ''; ?> 
            
Facebook | Gorjeo
      

En la primera parte del código, justo después de cargar el encabezado, hemos recopilado datos de nuestras publicaciones personalizadas en variables. Luego, dentro del bucle, hemos utilizado esas variables para mostrar campos del tipo de publicación personalizada.

Eso es todo. Es posible que tenga que ajustar la apariencia de sus páginas de perfil usando CSS. Hemos utilizado este CSS para ajustar la biografía del miembro del personal alrededor de la foto..

 img.staff-member-page-photo float: left; margen: 5px;  

Esperamos que este artículo te haya ayudado a agregar páginas de perfil de miembros del personal en WordPress. Siéntase libre de jugar con las plantillas para obtener el resultado deseado.

Si le ha gustado este artículo, suscríbase a nuestro canal de YouTube para obtener más tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Google.+.