Formatos de Publicación de WordPress Is ¿Hay Vida Después De Gutenberg?

Los formatos de publicación se estrenaron en WordPress en 2011, lo que te permite inyectar algo de vida en la sección de tu blog. Lamentablemente, muchos temas ya no los apoyan. Pero con una pizca de Gutenberg y una pizca de código, aún puedes moldear la sección de tu blog en la obra maestra que debería ser.

Los formatos de publicación se presentaron por última vez en los Veinte Diecisiete de WordPress y ya no son compatibles con los temas WP más recientes.

Entonces, la pregunta es, con menos temas que los soporten, ¿deberían seguir usándose? Si es así, ¿cómo? Y si no, ¿ hay otra forma de dar formato a tus publicaciones?

Es WordPress, mis queridos amigos, ¡por supuesto que hay otras formas!

(*Pista: un gran camino comienza con » Guten «y termina con» berg»;)).

Y si estás realmente interesado en un retroceso de 2011, aún puedes agregar formato de publicación a los temas con código.

Pero antes de llegar a su variedad de opciones de formato de publicación, comencemos con lo simple y veamos qué son los formatos de publicación de WordPress y cómo se pueden usar.

¿Qué es un formato de publicación de WordPress?

Si quieres que la página de tu blog sea más que un muro interminable de texto, los formatos de publicación pueden ayudar a animar las cosas con un simple clic.

Le permiten cambiar la forma en que su tema muestra el contenido, ya sea que le permita agregar videos, imágenes o simplemente mostrar cosas como citas de una manera más elegante.

Todos los temas tienen un estilo ligeramente diferente en sus formatos (echaremos un vistazo a algunos ejemplos en breve), y con algunos que no los soportan en absoluto, puede ser difícil tratar de obtener el aspecto correcto para su sección de blog.

Cómo usar formatos de mensaje

Si tu tema admite formatos de mensaje, verás este pequeño menú desplegable cuando vayas a crear un nuevo mensaje:

Ejemplo de agregar formatos de publicación a WordPress
Puede cambiar el formato de su publicación utilizando el menú de la derecha.

Si no, puede seleccionar un nuevo tema que admita formatos de mensaje.

Para facilitar la búsqueda de temas compatibles, filtra tu búsqueda en el directorio de temas por «Formatos de mensaje».»

Echa un vistazo a opciones como Codex, Manta o Diginews si estás buscando un tema sólido que admita formatos de publicación.

Alternativamente, puede agregar un poco de estilo usted mismo usando código (hablaremos de eso más adelante.)

Ejemplo de filtrado de temas de WordPress para mostrar los que admiten formatos de publicación.
Utilice la opción de filtro de funciones cuando busque un tema nuevo.

Pero Espera Wait ¿Gutenberg No Resuelve Todos Nuestros Dilemas De Formato?

Buena pregunta. Desde el lanzamiento del editor de bloques Gutenberg, ahora tenemos muchas más opciones a la hora de diseñar nuestras publicaciones.

También es una de las principales razones por las que los formatos de publicación no son compatibles con los últimos temas WP. Muchos de los bloques de Gutenberg esencialmente brindan a los usuarios la misma funcionalidad que las diversas opciones de formato.

Por ejemplo, echa un vistazo a esta cita inspiradora que publiqué usando el bloque de Cita de Gutenberg en el tema de los Veinte Diecinueve:

Ejemplo de una cita usando el tema veinte diecinueve
Simplemente sigue nadando, nadando, nadando.

Hace exactamente lo que necesita, y todo lo que necesita es un simple clic.

Desafortunadamente, esto no es cierto para todos los temas.

Esto es lo que sucede cuando agregas solo un bloque de imagen en algunos temas, con este ejemplo de Colibri:

Ejemplo de una imagen usando Gutenberg y Colibri
Si solo todos los temas soportaran formatos de post.

Con algunos temas, Gutenberg solo te llevará hasta cierto punto.

Puede usarlo para darle vida a sus publicaciones, sin embargo, algunos temas solo mostrarán «continuar leyendo» en la página principal de su blog si ha utilizado algo que no sea texto plano en su publicación.

El uso de los formatos de publicación clásicos, por otro lado, garantiza que la página de tu blog esté llena de todas tus imágenes y videos a primera vista.

Y en esa nota

Echemos un vistazo a Algunos Ejemplos De Formatos de mensaje en Acción

Hay diez formatos principales, y como cada tema estiliza cada tipo de formato a su manera, He comparado dos a continuación: Origami y Arcano.

Estándar

Probablemente el formato del que intentas escapar.

Las publicaciones estándar son los ladrillos y el mortero de la mayoría de los blogs, pero tienes cientos de ellos, y nadie te culpa por querer algo un poco diferente.

Origami:

Ejemplo de un formato de publicación estándar de WordPress usando el tema origami.
Post estándar usando el tema Origami.

Arcano:

Ejemplo de un formato de publicación estándar de WordPress con el tema arcano
Publicación estándar con el tema Arcano.

A un lado

Un lado se puede usar cuando tienes una nota rápida que quieres mostrar, por lo general algo que no garantiza su propia publicación completa.

La mayoría de los temas tienen estilo sin títulos, por lo que son bastante similares al formato de estado. Arcano se puso elegante y puso el suyo en una caja.

Ejemplos que muestran los formatos de publicación de WordPress a un lado en los temas origami y arcanum
Izquierda: Origami, Derecha: Arcanum

Audio

Bastante autoexplicativo: puede usar el formato de audio si desea incrustar un clip de audio.

Ejemplo de una postproducción de audio usando el tema arcano
audio post con el tema Arcano.

Una cosa que he notado es que algunos temas no permiten subtítulos en publicaciones de audio.

Los subtítulos son definitivamente útiles si necesitas dar crédito al artista, pero también es útil agregar una descripción(la mayoría de las personas dudarían en hacer clic en «reproducir» en algo si no tienen idea de lo que es, ¡incluido yo!)

Origami no es compatible con el formato de entrada de audio, sin embargo, este es un buen momento para echar un vistazo a la diferencia que los formatos realmente hacen.

Cambié el tipo de formato de publicación en el clip de audio que publiqué anteriormente usando Arcanum a Estándar, y esto sucedió:

Ejemplo de una publicación de audio utilizando el formato de publicación estándar.
¡Ups, no es ideal!

Cuando haces clic en «leer más», el clip de audio está presente y es correcto, sin embargo, sin establecer el formato de publicación en audio, en realidad no puedes verlo en la página del blog.

Parece que Gutenberg tiene que ponerse al día.

Chat

El formato de chat se utiliza para mostrar transcripciones de chat.

Los esfuerzos de Origami fueron decepcionantes.

Arcanum, por otro lado, cambió la fuente a algo máquina de escribir-y.

Pequeñas victorias.

 Ejemplo del formato de mensaje de chat en los temas arcano y origami
Izquierda: Origami, Derecha: Arcano.

Image

Ahora, aquí es donde esto comienza a parecer un poco útil.

Siempre puede agregar una imagen usando el editor de bloques, sin embargo, no siempre se mostrará en la página principal del blog, depende completamente del tema.

Usar el formato de publicación de imágenes es una forma segura de garantizar que tu foto aparezca en la página de tu blog en todo su esplendor. Vea las exhibiciones A y B de Arcanum a continuación:

Exhibición A-usando el formato de publicación de imagen

 Ejemplo de una imagen usando el formato de publicación de imagen en arcanum
Easy-peasy.

Anexo B-usando el formato de publicación estándar

 Ejemplo de publicar una imagen como publicación estándar en arcano
Uh ohhh, esto no es lo que queremos

Por supuesto, cuando haga clic en «leer más», su imagen estará allí.

Sin embargo, si quieres que la página de tu blog sea más que un muro de texto, deberías usar el formato de publicación de imágenes.

Te dijo que en realidad podrían ser útiles.

Galería

La diferencia entre los formatos de publicación de Galería e imagen en los temas que he probado es muy sutil.

Por ejemplo, así es como se ven las imágenes y las galerías de imágenes en las publicaciones con los formatos configurados en ‘Imagen ‘ o’ Galería ‘ usando el tema Arcano:

Captura de pantalla comparando imágenes y galerías de imágenes utilizando diferentes formatos de publicación.
No hay mucha diferencia, ¿eh? Pero espera, hay más Theme (Tema: Arcano)

Si bien es posible que las publicaciones no muestren diferencias obvias al cambiar entre diferentes formatos de publicación, como ‘Imagen’ o ‘Galería’, otras secciones del tema pueden tratar estos formatos de publicación de manera diferente y aplicar diferentes estilos o formatos.

Por ejemplo, como señalé en la sección Formato de publicación de imágenes, y por favor permítame citarme:

«Usar el formato de publicación de imágenes es una forma segura de garantizar que tu foto aparezca en la página de tu blog en todo su esplendor.»

Con un tema como Carton, por ejemplo, la página del blog trata las publicaciones de manera diferente dependiendo de su formato de publicación. Y mostrará la primera imagen de una publicación usando post format = Image (en este ejemplo, es una galería de imágenes), pero no si el formato de publicación está configurado en ‘Galería’.

Captura de pantalla de la página del blog que muestra publicaciones con diferentes formatos de publicación.
Elija el formato de publicación de galería si desea llamar la atención de su lector sobre el color de fondo de la página de blog de este tema.

El punto es although aunque las diferencias en el uso de formatos de publicación como Imagen o Galería pueden ser leves en la publicación en sí, es importante tener en cuenta que tu tema puede afectar el comportamiento de tus publicaciones en otras partes de tu sitio.

Continuando…

Enlace

No hubo diferencia entre usar el formato de publicación estándar o el enlace en Origami, ambos producen tu hipervínculo azul estándar.

Arcanum ha sido un poco más creativo:

Ejemplos de enlaces en arcano y origami usando el formato de publicación de enlaces
Izquierda: Origami, Derecha: Arcano

Cita

Algunos temas deben tener en cuenta la cita a continuación, ya que sus intentos de satisfacer diferentes formatos de mensaje son muy poco entusiastas.

Gutenberg en realidad salva el día en este caso.

Si publica utilizando el formato de publicación de citas en el tema Origami, no agrega ningún formato.

Si publica una cita utilizando el bloque de citas de Gutenberg, no importa si utiliza el formato estándar o el formato de publicación, todavía agrega algo de formato.

 Ejemplo de cita usando Gutenberg y formato de cita en Origami
Nada elegante,pero hace el trabajo.

Hay algunas variaciones usando Arcano.

A continuación se muestra lo que obtienes si acabas de configurar el formato de publicación para Citar pero no añades el bloque de cotización.

 Ejemplo de una cita usando el formato de publicación de citas en arcano
Lo dijiste, Yoda.

Lo hace destacar (ligeramente) de una publicación regular, sin embargo, no hay espacio para agregar una cita.

Si utiliza el bloque quote Gutenberg pero deja el formato post como estándar, este es el resultado.

 Ejemplo de una cita usando el formato de publicación estándar y Gutenberg en arcano
No de nuevo…

Solo ves el estilo de la cita una vez que haces clic en «leer más».

Bien, supongo, si no te importa que tu página principal de blog sea sosa.

La verdadera magia sucede cuando se combinan los dos.

Configure el formato de publicación para Citar y agregue el bloque quote Gutenberg y listo!

 Ejemplo de un formato de cita usando Gutenbern en arcano
¡Uf, llegó al final!

Una pequeña cita elegante que aparece en la página principal de tu blog.

Estado

Literalmente tenías un trabajo. Se supone que una publicación de estado es una línea o dos de texto sin título. Al menos uno de ellos acertó.

 Ejemplo de formato de publicación de estado en origami y arcano
Izquierda: Origami, Derecha: Arcanum

Video

Si desea mostrar un video en su publicación, ambos temas le permitirán hacerlo fácilmente utilizando el video o los formatos estándar. Es agradable cuando las cosas funcionan.

 Ejemplo de una publicación de vídeo en arcano y origami
Arriba: Origami, Abajo: Arcano

Añadir manualmente Soporte para Formatos de publicación de WordPress

Así que te gusta la idea de formatos de publicación, pero tienes el corazón puesto en un tema que no los soporta?

No tenga miedo; ¡puede agregarlos manualmente!

Así que comencemos con el tema Twenty Nineteen: no viene con formato de publicación, por lo que cuando crees una nueva publicación, no tendrás la opción de seleccionar un formato.

 Imagen del menú de creación de blog sobre el tema twenty nineteen
El menú de creación de publicaciones de repente se ve tan desnudo…

Por supuesto, recomendamos usar un tema infantil para este tipo de cosas. Sin embargo, si te sientes valiente, solo necesitas agregar lo siguiente a las funciones de tu tema.archivo php.

Si aún no ha configurado un tema secundario, eche un vistazo a nuestra guía. Veremos cómo agregar formatos de publicación usando un tema secundario un poco más adelante.

function themename_post_formats_setup() {
add_theme_support( 'post-formats', array('gallery','quote','video','aside','image', 'link','status','audio','chat') );
}
add_action( 'after_setup_theme', 'themename_post_formats_setup' );

Imagen que muestra los formatos de mensaje ahora se han agregado con el código
Hurra-ahora puede ver el cuadro desplegable formatos de mensaje.

No tiene que agregar todos los formatos a la matriz, siéntase libre de agregar los que realmente va a usar.

Sería bueno si esto fuera todo lo que tenías que hacer, sin embargo, todo lo que hemos hecho es decirle al tema que existen otros formatos de mensaje.

El tema todavía no tiene idea de cómo darles estilo. Debemos sacarlo de su miseria.

Uso de CSS Para Diseñar Sus Propios Formatos de Mensaje

¿Desea sus enlaces en un fondo de color? ¿Quieres que tus citas estén en una fuente enorme y en negrita?

La página de publicaciones es ahora tu ostra, así que ponte estilo.

Comencemos con algo simple.

Quieres eliminar el título de tus publicaciones de estado, ¿verdad? Todo lo que necesita hacer es editar su hoja de estilo usando la clase .formato – (tipo post-formato), como se muestra a continuación:

.format-status .entry-title {
display:none;
}

Usé el tema Twenty Nineteen para esto, por lo que tendría que verificar en qué clase se encuentra el título de su publicación en su propio tema.

Sin embargo, es un estado; debe ser en negrita. ¿Por qué no hacerlo grande y verde?

.format-status.entry .entry-content p {
color:green;
font-size:72px;
}

Imagen que muestra un estado verde grande que fue estilizado usando CSS
Hermoso.

Digamos que tienes un blog con perros haciendo cosas humanas. Es muy moderno y contemporáneo, y has estado pensando que las imágenes en blanco y negro con un borde en negrita son exactamente lo que tu sitio necesita.

Todo lo que se necesita es un par de líneas de CSS y puede aplicar esto a todas las imágenes que publique, siempre y cuando seleccione el formato de publicación de imagen.

.format-image .wp-block-image {
border-style: solid;
border-width: 5px;
filter: grayscale(100%);
}

Imagen de un perro con auriculares, estilo CSS y el formato de publicación de imágenes
Realmente es así de simple.

Agregue todo el estilo personalizado que desee a sus publicaciones utilizando este método y lo ayudará a destacar las cosas importantes, las imágenes y los videos de fácil acceso y, básicamente, inyectar algo de vida en la sección de su blog.

Agregue formatos de publicación de WordPress Usando un Tema Infantil

Un tema infantil siempre es una buena opción, especialmente si está probando algo nuevo.

El código que necesita agregar al archivo de funciones de su tema hijo está aquí:

function childtheme_add_post_formats(){
add_theme_support( 'post-formats', array( 'gallery','quote','video','aside','image','link','status','audio','chat' ) );
}
add_action( 'after_setup_theme', 'childtheme_add_post_formats', 11 );

A continuación, puede comenzar a hacer que sus diferentes formatos se vean bonitos estilizándolos en la hoja de estilo del tema infantil.

Retroceso? O No Volver?

¿Los formatos de publicación de WordPress deberían seguir siendo cosa del pasado?

Realmente depende de sus preferencias personales y de cómo interprete esta pregunta.

Con muchos temas principales que no los soportan, y la introducción de Gutenberg, no se ve bien para el futuro de esta característica de retroceso.

Sin embargo, aunque el soporte de temas para formatos de correos puede estar disminuyendo, eres libre de ayudar a continuar con su legado.

Al habilitar el soporte de formato de publicación en su tema y diseñarlo usted mismo, no está limitando sus opciones de tema. No es difícil y te da un mejor nivel de control sobre cómo se ven.

Si tu único objetivo es asegurarte de que la publicación en sí se vea genial, Gutenberg puede marcar todas tus casillas. No hay duda de que el editor de bloques es el futuro, y sus diversos bloques pueden ayudarlo a formatear publicaciones para satisfacer sus necesidades específicas.

Por otro lado, si quieres una página de blog llena de color y personalidad, puedes quedarte con los formatos de publicación un tiempo más, ya que Gutenberg no cubre todas las bases por el momento.

VideoWhy 100 gratis NO es una puntuación perfecta de Google PageSpeed (*5 minutos de observación)Aprende a usar Google PageSpeed Insights para establecer objetivos realistas, mejorar la velocidad del sitio y por qué apuntar a un 100 perfecto es el objetivo EQUIVOCADO.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.