Las revistas digitales se han convertido en un artículo popular para los usuarios de la web de hoy. Con WordPress alimentando millones de blogs en la web hoy en día, es justo asumir que ejecutan una pieza estable de software. Algunas de las mejores características son todas internas, ya que el equipo de WP publica documentación actualizada y actualizada con cada versión.
No solo el software es muy poderoso, sino que las clases y funciones subyacentes les dan a los desarrolladores un pase de acceso completo. Es extremadamente simple desarrollar aplicaciones y módulos dentro de WordPress. Hoy veremos las funciones de metadatos del autor para crear un ¿Acerca del autor? caja.
Hacia el final de las páginas de una sola publicación, con frecuencia puede ver un cuadro que explica un poco sobre el escritor. Esto generalmente incluirá su Gravatar o algún tipo de foto, una descripción sobre ellos y posiblemente enlaces a sus perfiles o sitio web personal.
Si las cosas parecen difíciles, consulte la documentación de WordPress sobre etiquetas de plantillas. Estos incluyen mucho de lo que se puede cubrir en este proyecto y mucho más. La comunidad de WP también ejecuta un foro muy agradable para preguntas del sistema en profundidad.
La arquitectura de WordPress
Hay algo referenciado en todo el código de WordPress titulado The Loop. Esta es una sección en la que se pueden llamar funciones meta en función de un solo artículo para extraer información específica de la base de datos. De acuerdo con nuestro ejemplo, podemos llamar a funciones para extraer datos de autor de cualquier publicación individual dentro de The Loop.
En particular, esto debe hacerse dentro de la carpeta de su plantilla. Para los perezosos, puede ser más fácil editar archivos individuales agregando el código que necesitará. Por ejemplo, el tema WP single.php El archivo generalmente contiene todo el código para analizar en una página de publicaciones individuales. Puede que le resulte más fácil extraer datos mientras se encuentra dentro de The Loop y agregar código HTML aquí.
Alternativamente, un método más seguro sería agregar un nuevo archivo a su directorio de temas e incluirlo cada vez que desee que aparezca su cuadro de autor. Esto permite un mayor control con respecto a los términos variables y archivos de plantilla. Esto también le ahorra tiempo y energía para no volver atrás y reinventar la rueda.
Código de plantilla WP
No hay muchas funciones que usaremos, aunque muchas podrían ser nuevas para los aficionados de WP. A continuación hay algunos ejemplos con los que debe familiarizarse. Gran parte de lo que cubriremos funciona dentro de la biblioteca de WordPress con solo algunas ideas clave, nada que no se pueda aprender con unas pocas horas de estudio.
La función de autor extrae datos del bucle para mostrar el nombre del autor. Esto se puede cambiar en el backend de WordPress en la página de configuración de perfil de cualquiera. Puede establecer este valor en Nombre / Apellido, nombre de usuario o incluso un conjunto personalizado.
Para simplificar este proceso, WordPress ha lanzado una biblioteca de funciones completa para the_author_meta (). Este reemplazo toma argumentos que pueden extraer cualquier dato de autor de la base de datos a petición. Puede consultar la documentación de la página si desea investigar más sobre el tema.
Lo fascinante de esta función es cuánta información se puede obtener realmente. De forma predeterminada, la función acepta dos argumentos: el tipo de datos que necesita y el ID de usuario para extraer. La ID es un parámetro opcional que solo se requiere en casos fuera de The Loop. Los valores posibles para extraer incluyen user_login, user_email, user_url, apodo, descripción (bio), jabber / aim / yim, ¡y mucho más!
Lo que muchos no consideran aquí es cuánta información potencial puede compartirse. WordPress permite a los administradores editar páginas de perfil de autor para agregar avatares personalizados, biografías e incluso enlaces de páginas de inicio. Luego, estos pueden extraerse de la base de datos y usarse como información de marketing para cada autor.
Solo con estas funciones, podemos mostrar todos los datos establecidos que necesitaremos. ¡Lo único que queda por hacer es agregar nuestro código HTML y CSS de muestra y publicar el archivo!
Estilos cordiales de autor
CSS es un lenguaje importante en el alcance de nuestro proyecto, al ser una aplicación web. Necesitamos definir conjuntos específicos de estilos y casos de visualización para incorporar a todos los principales navegadores, resoluciones de monitores y otras variables ocultas. Como desarrolladores web, es nuestro trabajo estudiar y trabajar en estos climas.
La clase simple .sobre el autor Debe aplicarse a su caja de cubierta. Hemos agregado un color de fondo claro con un borde sólido y relleno adicional. Nuestra etiqueta img también se muestra flotando a la izquierda con relleno adicional. Esto mantendrá el avatar de nuestro autor en línea con el contenido de la caja.
Además, tenemos dos clases que demuestran cómo necesitamos que nuestros datos internos se realicen. .span-2 es una clase que se lleva a cabo dentro de donde se encontrará nuestro contenido principal. Dentro de aquí, hemos eliminado todos los márgenes / acolchado adicionales para mantener el espacio neutral, junto con la reorganización del modelo de caja para la alineación a la izquierda. Este código funcionaría mejor dentro del archivo style.css de su plantilla, aunque podría agregarse en línea con su elemento de bloque.
El código HTML es muy corto y similar como se ve a continuación. Aquí hemos agregado algunas funciones adicionales que pueden explicarse muy rápidamente.
Estamos llamando a una función get_avatar () que toma un conjunto de parámetros. Los dos que hemos aprobado anteriormente son la dirección de correo electrónico del autor actual, que es el identificador único para una consulta de base de datos. Esto también podría ser equivalente a la ID de un usuario.También pasamos 64 como un valor de cadena; esto representa el tamaño de la imagen que queremos que se devuelva cuadrada en ancho y alto.
the_author_posts () es otra función bastante sencilla que extrae el número total de artículos que ha publicado un escritor. Esta es más una característica adicional, ya que no veo muchos blogs que ejecuten esta información. Sin embargo, generalmente esto es útil desde la perspectiva de los usuarios, ya que brinda más información sobre el autor actual y una visión más profunda de su interacción con el blog en sí.
Estas son solo algunas de las técnicas básicas para crear un bloque de autor de WordPress simple. Desde aquí es muy sencillo guardar un archivo nuevo, digamos author-box.php en su carpeta de temas y cargue en su directorio raíz. Desde allí, una simple inclusión de PHP puede agregar todo su código directamente a cualquier fuente automáticamente.
Si esto todavía es un poco borroso, revisa el código de ejemplo anterior. Esta sería la forma más directa de incluir su archivo y mantener la seguridad en sus acciones. Aquí estamos llamando al get_bloginfo () función para extraer nuestra estructura de directorios de plantillas completa primero, seguida de nuestro único archivo de datos. ¡Asegúrese de cambiar el nombre de este archivo por el que mejor se adapte a su tema y no se confunda entre las llamadas a funciones!
Conclusión
Esperemos que este tutorial le haya dado un punto de partida para referencia en el desarrollo de WordPress. Los blogs son demasiado comunes en la web de hoy, pero agregar un cuadro de autor le da un toque especial a sus artículos en línea. También incentivan a los autores a publicar más frecuentemente y crear una pequeña cartera de sus escritos. Muchas de las revistas en línea más populares ahora cuentan con información detallada y enlaces de perfil de los escritores de sus artículos.
Si desea experimentar con estas funciones sin perder el tiempo en PHP o HTML / CSS, hay algunas alternativas. El sistema de complementos de WordPress es uno de esos escenarios que funciona perfectamente. Recomiendo el complemento Cool Author Box, que agregará automáticamente la información del autor y será compatible con los iconos gravatar. ¿Tiene alguna sugerencia o consejo para crear cuadros de autor únicos en WordPress? Comparte tus ideas en la discusión de abajo.