Cómo agregar post meta en WordPress

 

En este artículo, examinaremos cómo agregar meta de publicación a una publicación de WordPress. Entonces, en primer lugar, ¿qué es meta? Bueno, puedes pensar en meta como información sobre información, por así decirlo. Es probable que esté familiarizado con las metaetiquetas en el marcado html. Se utilizan para proporcionar información sobre un sitio web. En este tutorial, no nos centramos tanto en las metaetiquetas, sino en las publicaciones de meta. En otras palabras, queremos agregar información sobre cada publicación de WordPress a nuestro tema desde cero. Así que sigamos adelante y veamos cómo podemos hacer esto ahora.

---

Qué incluir en Post Meta

Para cualquier publicación en un sitio de WordPress, habrá información asociada con esa publicación en particular. Por ejemplo, esa publicación fue escrita en una fecha determinada, por un autor en particular, en una categoría específica, y así sucesivamente. Cuando hablamos de post meta en WordPress, este es el tipo de información al que nos referimos.

---

Cómo agregar la fecha a una publicación de WordPress

Lo primero que podemos hacer es agregar la fecha de una publicación justo debajo del título de la publicación del blog en nuestro tema. Para hacer esto, podemos abrir el archivo index.php en el que hemos estado trabajando y hacer uso de una función útil proporcionada por WordPress llamada the_time (). El formato que queremos usar es el mes, el día con un sufijo y el año en formato de cuatro dígitos. Para lograr esto, tenemos que pasar argumentos específicos a la función_time (). Pasamos la F mayúscula para indicar el mes, la jS para indicar el día con un sufijo y la Y para el año.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<?php   get_header();   if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>           <article class="post">             <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>             <p class="post-meta"><?php the_time( 'F jS, Y' ); ?></p> <?php the_content() ?>         </article> <?php endwhile;   else : echo '<p>There are no posts!</p>';   endif;   get_footer();   ?>

Como podemos ver aquí, la fecha ahora se muestra justo debajo del título de la publicación en nuestro tema. Muy bien.

---

Cómo agregar el autor a una publicación de WordPress

Ahora veremos cómo agregar el nombre del autor a nuestra publicación. Una vez más, haremos uso de una función integrada en WordPress que se encarga de esto por nosotros. Por supuesto, se llama acertadamente the_author (). Lo que haremos es incluir al autor en la misma etiqueta de párrafo que agregamos anteriormente, pero también nos gustaría insertar un pequeño separador entre la fecha y el autor. Quizás el símbolo de una pipa nos sirva. Probémoslo en el código.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<?php   get_header();   if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>           <article class="post">             <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>             <p class="post-meta"><?php the_time( 'F jS, Y' ); ?> | <?php the_author(); ?></p> <?php the_content() ?>         </article> <?php endwhile;   else : echo '<p>There are no posts!</p>';   endif;   get_footer();   ?>

¡Excelente! Es tan fácil como simplemente llamar a la función the_author () en su tema donde quiera que aparezca el autor de una publicación. Ahora tenemos la fecha, un separador de barras verticales y el nombre del autor. Fantástico. Por supuesto, en nuestro ejemplo, es simplemente el nombre del administrador como autor. Así es como configuramos las cosas cuando instalamos WordPress por primera vez. Sin embargo, hay sitios web muy grandes en línea que funcionan con WordPress y pueden tener decenas o cientos de autores diferentes, todos contribuyendo con contenido. En estos casos, tiene mucho sentido incluir el nombre del autor de cada publicación con la función the_author ().

---

Agregar un enlace a los archivos del autor

A menudo, en un sitio de WordPress, cuando ve el meta de la publicación que incluye el nombre del autor de una publicación, hay un enlace en el que puede hacer clic para ver más publicaciones de ese autor. Esto se logra mediante la creación de un enlace a una página de archivos de autor. De esta manera, puede ver todas las publicaciones publicadas solo por ese autor en particular. Podemos lograr esto usando la función get_author_posts_url (). WordPress tiene una función para casi cualquier cosa que se te ocurra. Sin embargo, para que esto funcione, también necesitaremos utilizar la función get_the_author_meta () . Veamos cómo funciona esto.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

<?php   get_header();   if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>           <article class="post">             <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>             <p class="post-meta"><?php the_time( 'F jS, Y' ); ?> | <a                         href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>"><?php the_author(); ?></a>             </p> <?php the_content() ?>         </article> <?php endwhile;   else : echo '<p>There are no posts!</p>';   endif;   get_footer();   ?>

Ahora agregamos un personaje ficticio llamado Tom a nuestro tutorial de instalación de WordPress solo para poder demostrar cómo hacer clic en el enlace de un autor en particular para ver cómo funciona. Como podemos ver aquí, si hacemos clic en administrador, ahora solo vemos publicaciones de administrador. Sin embargo, si hacemos clic en Tom, ahora vemos publicaciones solo creadas por Tom.

---

Cómo agregar un enlace a la categoría de una publicación

Otra buena característica para incluir en el meta de una publicación de WordPress es la categoría a la que se asignó la publicación. En nuestro sitio de ejemplo de WordPress, ya tenemos tres categorías configuradas para nosotros. Esas son las categorías de JavaScript, PHP y WordPress. Haremos uso de la función get_the_category () en WordPress junto con la función get_category_link () para que esto sea fácil de lograr.

Primero, inspeccionemos lo que esta función realmente genera en PHP. Podemos hacer esto con la función print_r ().

1 2 3 4

<?php $categories = get_the_category(); echo '<pre>'; print_r($categories); die();

Cuando vemos una página que tiene JavaScript como categoría, obtenemos el siguiente resultado de la llamada a la función get_the_category ().

Formación
(
    [0] => Objeto WP_Term
        (
            [term_id] => 4
            [nombre] => JavaScript
            [babosa] => javascript
            [term_group] => 0
            [term_taxonomy_id] => 4
            [taxonomía] => categoría
            [descripción] => 
            [padre] => 0
            [recuento] => 1
            [filtro] => crudo
            [cat_ID] => 4
            [cuenta_categoría] => 1
            [category_description] => 
            [cat_name] => JavaScript
            [category_nicename] => javascript
            [category_parent] => 0
        )

)

Interesante. Esto nos muestra que el resultado de llamar a esta función es una matriz de objetos WP_Term. Solo tenemos una categoría asignada a esta publicación, por lo que solo vemos un objeto. Sin embargo, si tuviéramos dos categorías asignadas, habría dos objetos. De hecho, sigamos adelante y agreguemos una categoría en el Tablero de WordPress a esta publicación para que podamos ver cómo se vería ese resultado.

Esta publicación ahora tiene dos categorías asignadas. Esos son JavaScript y Tutorial. Veamos ahora cuál es el resultado de esta función.

Formación
(
    [0] => Objeto WP_Term
        (
            [term_id] => 4
            [nombre] => JavaScript
            [babosa] => javascript
            [term_group] => 0
            [term_taxonomy_id] => 4
            [taxonomía] => categoría
            [descripción] => 
            [padre] => 0
            [recuento] => 1
            [filtro] => crudo
            [cat_ID] => 4
            [cuenta_categoría] => 1
            [category_description] => 
            [cat_name] => JavaScript
            [category_nicename] => javascript
            [category_parent] => 0
        )

    [1] => Objeto WP_Term
        (
            [term_id] => 1
            [nombre] => Tutorial
            [babosa] => tutorial
            [term_group] => 0
            [term_taxonomy_id] => 1
            [taxonomía] => categoría
            [descripción] => 
            [padre] => 0
            [recuento] => 1
            [filtro] => crudo
            [cat_ID] => 1
            [cuenta_categoría] => 1
            [category_description] => 
            [cat_name] => Tutorial
            [category_nicename] => tutorial
            [category_parent] => 0
        )

)

¡Ah, ja! Ahora podemos ver que si hay dos categorías asignadas a una publicación, obtendremos una matriz de dos Objetos WP_Term devueltos al llamar a la función get_the_category (). Ahora, esto trae a colación una pequeña situación. Necesitaremos crear un código en nuestro archivo de tema que pueda dar cuenta de si una publicación tiene solo una categoría o si tiene más de una categoría. En cualquier caso, debemos poder mostrar esto de manera inteligente a nuestros usuarios. ¿Cómo podemos lograr esto? Echemos un vistazo a este fragmento de código que debería funcionar.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

<?php   get_header();   if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>           <article class="post">             <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>             <p class="post-meta"><?php the_time( 'F jS, Y' ); ?> | <a                         href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>"><?php the_author(); ?></a>                 | <?php $categories = get_the_category(); $comma      = ', '; $output     = ''; if ( $categories ) { foreach ( $categories as $category ) { $output .= '<a href="' . get_category_link( $category->term_id ) . '">' . $category->cat_name . '</a>' . $comma; } echo trim( $output, $comma ); } ?>             </p> <?php the_content() ?>         </article> <?php endwhile;   else : echo '<p>There are no posts!</p>';   endif;   get_footer();   ?>

Básicamente, lo que hace este código aquí es verificar primero si hay categorías en esa declaración if. Luego, si esto es cierto, usamos una declaración foreach para recorrer cada categoría (u Objeto WP_Term) para extraer la información que queremos mostrar en la página. Este código es lo suficientemente inteligente como para mostrar solo una categoría o varias. Observe aquí que una publicación tiene dos categorías, pero las otras solo tienen una.

---

Agregar estilo al meta de la publicación

Parece que tenemos todo funcionando muy bien para nuestro meta post. Lo último que debemos hacer es agregar un poco de estilo para diferenciar el meta de la publicación de la publicación en sí. Recuerde que habíamos asignado una clase de post-meta a la etiqueta de párrafo que en realidad contiene nuestro meta de publicación. Por lo tanto, podemos abrir style.css y agregar un estilo como este:

1 2 3 4 5 6 7 8

.post-meta {     font-size: 90%;     color: #888; }   p.post-meta a:link, p.post-meta a:visited {     color:#888; }

Con este pequeño estilo en su lugar, nuestro meta de publicación se ve mucho mejor. El texto es un poco más pequeño que el del contenido principal, y su color es gris claro para indicar que es una información secundaria. También aplicamos un color gris claro a los enlaces en el meta de la publicación, pero dejamos el subrayado intacto para que los visitantes del sitio sepan que todavía se puede hacer clic en enlaces. ¡Se ve bastante bien!

---

Cómo agregar meta de publicación en el resumen de WordPress

Este tutorial de WordPress nos hizo abordar cómo hacer uso de varias funciones en WordPress para crear una sección de meta para nuestras publicaciones. Post meta es esencialmente información sobre el contenido principal. Hicimos uso de las funciones the_time (), get_author_posts_url (), get_the_author_meta (), the_author (), get_the_category () y get_category_link () para lograr nuestros objetivos. ¡Buen trabajo!