Cómo mostrar metadatos de entradas de blog en sus temas de WordPress

Como propietario de un blog WordPress, sabemos lo importante que es mostrar los metadatos de las entradas de tu blog. Muestra información importante sobre las entradas de tu blog, como la fecha de publicación, el nombre del autor, las categorías y las etiquetas.

A veces, es posible que desee personalizar estos metadatos o añadir detalles adicionales para proporcionar aún más valor a su audiencia. Tanto si quieres mostrar la fecha de la última actualización como la hora de lectura, ajustar los metadatos de tus entradas puede mejorar la experiencia del usuario en tu blog de WordPress.

En este artículo, le mostraremos cómo mostrar fácilmente los metadatos de las entradas en WordPress. Cubriremos varios métodos, desde el uso de opciones de tema integradas hasta personalizaciones más avanzadas, para que puedas elegir el enfoque que mejor se adapte a tus necesidades y nivel de habilidad.

¿Por qué editar y mostrar los metadatos de las entradas de blog en su sitio WordPress?

Los metadatos de las entradas de blog son información acerca de una entrada que no forma parte del contenido real. Incluye datos como la fecha de publicación, el nombre del autor, las categorías y etiquetas de WordPress, etc.

Estos metadatos pueden aparecer en muchas ubicaciones diferentes, dependiendo de su tema de WordPress.

Dondequiera que aparezcan, los metadatos de WordPress pueden ayudar a los visitantes a saber más acerca de su contenido. También puede ayudarles a descubrir otras entradas interesantes. Por ejemplo, pueden buscar más blogs escritos por el mismo autor.

De este modo, los metadatos de entrada pueden mejorar la experiencia del usuario e incluso aumentar las páginas vistas. Pero tenga cuidado acerca de mostrar demasiados metadatos de entrada, ya que puede hacer que su sitio parezca desordenado y confuso.

Por defecto, WordPress ya muestra algunos metadatos de las entradas, como la fecha de publicación, el nombre del autor y la categoría. Pero a veces, es posible que desee añadir información adicional.

Dicho esto, veamos cómo mostrar los metadatos de las entradas en los temas de WordPress. Simplemente utilice los enlaces rápidos a continuación para saltar directamente al método que desea utilizar:

Método 1: Utilizar el Personalizador de temas de WordPress (Temas clásicos)

Algunos temas clásicos de WordPress permiten personalizar los metadatos de las entradas sin necesidad de escribir ningún código.

Para comprobar si este es el caso de su tema, sólo tiene que ir a Apariencia “ Personalizar, que abre el personalizador de temas de WordPress.

Ahora puedes buscar los ajustes que te permiten personalizar las páginas de tu blog. Suelen aparecer como “blog”, “ajustes del blog”, “entradas” o similares.

Por ejemplo, si utiliza el tema Astra de WordPress, sólo tiene que seleccionar “Blog” en el menú de la izquierda.

A continuación, haz clic en “Blog / Archivo”.

Desplácese hasta la sección “Meta” para ver todos los datos que puede añadir o eliminar.

Para añadir metadatos a su sitio, basta con hacer clic en su icono “mostrar”, que parece un ojo.

Para eliminar un fragmento de metadatos, vuelva a hacer clic en el icono.

También puede cambiar el orden en que WordPress muestra estos metadatos a los visitantes usando arrastrar y soltar.

A medida que realice cambios en el Personalizador de temas, la vista previa en vivo se actualizará automáticamente, para que pueda probar diferentes ajustes y ver cuál es el que mejor se adapta a su sitio web de WordPress.

Cuando esté satisfecho con el aspecto de los metadatos, no olvide hacer clic en “Publicar” para aplicar los cambios.

Aunque no vea ningún ajuste de metadatos de entradas en el Personalizador de WordPress, es posible que exista una forma de añadir esta información sin escribir código.

Por ello, te recomendamos que consultes la documentación del tema. También puedes ponerte en contacto con el desarrollador del tema para obtener ayuda.

Para obtener muchos consejos útiles, consulte nuestra guía sobre cómo solicitar soporte de WordPress correctamente y obtenerlo.

Método 2: Utilizar el editor de todo el sitio (bloquear temas)

Si utiliza un tema basado en bloques como Hestia Pro, puede mostrar metadatos para entradas en su sitio web de WordPress utilizando el bloque Metadatos de entrada.

Para empezar, vaya a Apariencia “ Editor en el escritorio de WordPress.

Por defecto, el editor de sitio completo mostrará la plantilla de inicio de su tema.

Para añadir los metadatos a las entradas de su blog de WordPress, siga adelante y haga clic en “Plantillas” en el menú de la izquierda.

El editor mostrará ahora una lista de todas las plantillas que componen su tema de WordPress.

Simplemente haz clic en la plantilla Entradas individuales, que controla el diseño de las entradas de tu blog.

Típicamente, la plantilla Single Posts ya debería tener un bloque Post Meta, que puedes editar a tu gusto.

Si no es así, haz clic en el icono azul “+” de la esquina superior izquierda. En la barra de búsqueda que aparece, escribe ‘Post Meta’.

Cuando aparezca el bloque adecuado, arrástralo y suéltalo en la estructura / disposición / diseño / plantilla de tu blog.

Por defecto, este bloque mostrará las categorías de la entrada, el nombre del autor y las etiquetas.

Es posible que desee editar estos metadatos. Por ejemplo, puede borrar las etiquetas o cambiar el texto estático que WordPress muestra antes de los metadatos.

La siguiente imagen muestra un ejemplo de cómo se verá el bloque por defecto Post Meta en su blog de WordPress.

Para cambiar este bloque, simplemente haga clic para seleccionarlo en el editor de sitio completo. A continuación, puede hacer clic en cualquier bloque dentro del bloque Post Meta y realizar los cambios.

Sólo preste mucha atención a si está editando el texto estático que WordPress muestra delante de los metadatos o el texto dinámico que WordPress sustituirá por valores reales.

Por ejemplo, en la siguiente imagen, hemos añadido un texto estático a la sección Autor de la entrada.

Sin embargo, no hemos cambiado el texto dinámico “Autor de la entrada”.

En la siguiente imagen, puede ver cómo se verá en su blog de WordPress.

También puede añadir más metadatos al bloque Meta de la entrada.

Por ejemplo, el editor del sitio completo tiene bloques, como Fecha de la entrada y Biografía del autor de la entrada, que puedes añadir fácilmente al bloque Meta de la entrada arrastrando y soltando. Hay muchas opciones para elegir, así que puedes tomarte tu tiempo para explorarlas.

Simplemente haz clic en el botón azul “+” y busca el bloque que quieras utilizar. A continuación, puedes arrastrarlo y soltarlo en el bloque Meta de entrada.

Si añades más bloques al bloque Meta de la entrada, puede que tengas que cambiar su estructura / disposición / diseño / plantilla.

Para ello, basta con hacer clic en el bloque Meta de la entrada y seleccionar la pestaña “Bloquear”.

Ahora puede utilizar estos ajustes para establecer la estructura / disposición / diseño / plantilla del contenido. Por ejemplo, puede cambiar el número de columnas o añadir márgenes y relleno.

Cuando estés satisfecho con el aspecto de la plantilla única, haz clic en el botón “Guardar”.

Ahora, si visita su sitio web, verá los metadatos de entrada en acción.

Consejo profesional: ¿Quieres llevar tus páginas de entradas individuales al siguiente nivel? Sigue esta guía paso a paso para aprender a crear una plantilla de entrada única personalizada en WordPress.

Si quieres personalizar directamente la meta de las entradas de tu blog, puedes ir al menú principal del editor del sitio completo y seleccionar ‘Patrones’.

Aquí, basta con hacer clic en la opción “Todas las plantillas”.

Después, selecciona ‘Post Meta’ para editarlo.

Método 3: Crear un tema de WordPress personalizado (totalmente personalizable)

Otra opción es crear un tema de WordPress personalizado. Este es un método más avanzado, y se recomienda si desea utilizar un tema completamente diferente para su sitio.

Dicho esto, le dará un control total sobre dónde aparecen los metadatos de las entradas en su sitio web.

En el pasado, era necesario seguir complicados tutoriales de WordPress y escribir código para crear un tema de WordPress personalizado. Sin embargo, ahora es posible crear tus propios temas sin escribir una sola línea de código usando SeedProd.

SeedProd es el mejor editor de arrastrar y soltar páginas de WordPress y también viene con un constructor de temas. Esto le permite diseñar sus propios temas utilizando un simple arrastrar y soltar editor.

Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo crear un tema de WordPress personalizado (sin ningún código).

Después de eso, puede añadir metadatos de entradas a cualquier parte de su sitio web WordPress. Sólo tienes que encontrar el bloque ‘Post Info’ en el menú de la izquierda de SeedProd.

Ahora, arrastre y suelte el bloque en la estructura / disposición / diseño / plantilla de su página.

A continuación, haga clic para seleccionar el bloque Información de la entrada. Por defecto, este bloque muestra el autor, la fecha, la hora y los metadatos de los comentarios.

Sin embargo, también puede mostrar la fecha de modificación, los términos modificados y los metadatos de los términos.

Para añadir más información al bloque, basta con hacer clic en “Añadir elemento”.

Añade un nuevo elemento / artículo marcador de posición.

Ahora, siga adelante y haga clic en el elemento para ver todos sus ajustes.

Ahora, abra el desplegable “Tipo” y elija el tipo de metadatos que desea mostrar.

Dependiendo de la opción que elija, tendrá acceso a algunos ajustes adicionales. Por ejemplo, si has seleccionado “Hora modificada”, podrás elegir el formato de la hora.

También puede cambiar el icono que SeedProd utiliza para el elemento / artículo de metadatos. Simplemente abra el menú desplegable ‘Icono’ y luego elija ‘Personalizar.’

A continuación, puedes seguir adelante y hacer clic en “Elegir icono”.

Aparecerá la biblioteca de iconos, con cientos de iconos entre los que elegir. Puede utilizar la barra de búsqueda para buscar un icono específico o navegar por toda la lista.

Cuando encuentres una imagen que quieras utilizar, sólo tienes que pasar el cursor sobre ella y hacer clic en el botón “Más” para añadirla a tu página.

¿Quiere quitar un elemento / artículo de metadatos?

A continuación, pasa el ratón por encima y haz clic en el icono de la papelera cuando aparezca.

Por último, puede cambiar el orden de los elementos de metadatos mediante arrastrar y soltar.

Cuando esté satisfecho con la forma en que se ha establecido el cuadro de información de entradas, es posible que desee cambiar su aspecto seleccionando la pestaña “Avanzado”.

Aquí puedes cambiar el espaciado, añadir un borde e incluso efectos de animación CSS.

Cuando estés satisfecho con el aspecto de la página, sólo tienes que hacer clic en el botón “Guardar” y, a continuación, en “Publicar”.

Método 4: Uso de campos personalizados avanzados (totalmente personalizables)

Tal vez le parezca exagerado crear un tema personalizado sólo para mostrar ost meta adicionales. En ese caso, puede utilizar campos personalizados o cajas meta personalizadas en su lugar.

Ambas opciones le permiten añadir sus propios campos en el editor de bloques de WordPress, que luego puede utilizar para insertar varios tipos de metadatos.

Para más información, consulte las siguientes guías:

• WordPress Campos Personalizados 101: Consejos, Trucos y Hacks
• Cómo añadir cajas meta personalizadas en entradas y tipos de entradas de WordPress

Método 5: Añadir código a los archivos de su tema de WordPress (Avanzado)

Por último, puede añadir metadatos a entradas de blog en WordPress utilizando código personalizado. Este método se recomienda si las opciones de metadatos de entradas que ofrecen el personalizador de temas de WordPress, el editor de sitios completos y SeedProd no satisfacen sus necesidades.

Si usted es un principiante, el uso de código puede parecer intimidante, ya que potencialmente puede romper su sitio web. Por eso recomendamos usar WPCode, el plugin más fácil y seguro para insertar fragmentos de código personalizados en tu sitio.

Con WPCode, puedes añadir código a WordPress sin interactuar directamente con los archivos del núcleo del software. De esta forma, no causarás ningún error en tu sitio WordPress.

De hecho, ya tenemos algunos artículos con fragmentos de código personalizados que puedes utilizar como metadatos de entradas. Usted puede comenzar con los primeros pasos con las siguientes guías:

• Cómo mostrar la fecha de la última actualización de tus entradas en WordPress
• Cómo añadir automáticamente información de afiliación a cada entrada de blog
• Cómo eliminar el nombre del autor de las entradas de WordPress
• Cómo mostrar el tiempo estimado de lectura de una entrada en tus entradas de WordPress

Una cosa a tener en cuenta es que tendrá que elegir la ubicación correcta para que el código se ejecute de manera que aparezca en todas las entradas de su blog.

Para los metadatos de las entradas, puede ser Insertar antes de la entrada, Insertar después de la entrada, Insertar antes del contenido o Insertar después del contenido.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar metadatos de entradas de blog en tus temas de WordPress. También puedes consultar nuestra guía sobre cómo añadir meta descripciones y palabras clave en WordPress y nuestra selección de plugins imprescindibles para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.