Header Ads Widget

Ticker

6/recent/ticker-posts

Formatos de publicación de WordPress

 


WordPress tiene una buena función llamada Formatos de publicación que puede ayudarlo a diferenciar ciertas publicaciones de otras en un tema de WordPress. Hasta ahora, en nuestra serie de aprendizaje sobre cómo personalizar temas de WordPress, hemos visto cómo crear y diseñar varias publicaciones en nuestro sistema, pero todas tienen prácticamente el mismo aspecto. Por supuesto, pudimos crear páginas personalizadas, pero los formatos de publicación funcionan de manera un poco diferente. ¿Qué pasa si queremos poder aplicar ese mismo tipo de personalización a una publicación que se incluye en el flujo de publicaciones principal? Podemos hacer esto usando diferentes formatos de publicación para aplicar diferentes tipos de estilos de presentación a diferentes tipos de contenido de presentación en nuestro tema. Veamos cómo usar los formatos de publicación en WordPress ahora mismo.


Los 10 formatos de publicación estandarizados

Integrados en el software central de WordPress hay 10 tipos de formato de publicación diferentes Son los siguientes:

  • Aparte: un formato de publicación aparte se usa para breves fragmentos de texto que no son publicaciones de blog completas. Más largo que un estado, pero más corto que el formato de publicación estándar.
  • galería: puede utilizar las galerías de imágenes como una excelente manera de compartir sus imágenes con los lectores de su blog.
  • enlace: puede usar este formato de publicación para simplemente compartir un gran enlace.
  • imagen: está destinada a publicaciones de una sola imagen, como una imagen de tu puntuación más alta en Pac man.
  • cita: realmente puedes hacer que una cita se destaque con este formato de publicación.
  • estado: es como Twitter, pero en tu blog de WordPress.
  • video: ¿Quieres que tu última publicación sea solo un gran video? Utilice este tipo de publicación.
  • audio: use el formato de publicación de audio para sus canciones o podcasts favoritos.
  • chat: se puede utilizar como una especie de archivo de una excelente conversación que tuvo con alguien.
  • estándar: es el formato de publicación predeterminado de WordPress, una publicación de blog básica. También puede agregar videos, imágenes, galerías y cualquier otra cosa que desee a una publicación de texto normal.

Es interesante notar que a pesar de que WordPress tiene la capacidad de asignar un formato de publicación a una publicación, la responsabilidad real de habilitar el soporte de formato de publicación recae en cualquier tema que elija usar, ya sea su propio tema personalizado o de otro tipo. En otras palabras, los formatos de publicación de WordPress son una característica del tema . Por lo tanto, nuestro objetivo para el resto de este tutorial será habilitar la compatibilidad con formatos de publicación en nuestro tema personalizado y luego crear una presentación de estilo personalizado para diferentes tipos de formatos de publicación.


Cómo habilitar la compatibilidad con el formato de publicación en su tema de WordPress

Para habilitar los formatos de publicación en el tema que hemos estado construyendo hasta ahora, necesitamos visitar nuestro archivo functions.php y agregar algo de código. Podemos volver a hacer uso de la práctica función add_theme_support () que hemos utilizado en un tutorial anterior, pero le pasaremos un argumento diferente.

functions.php

Puede ver en este fragmento de código que el primer argumento que pasamos a la función add_theme_support () es la cadena de 'post-formatos'. El segundo argumento se usa para especificar qué formatos de publicación le gustaría activar o registrar. Seguimos adelante y pasamos una variedad de todos los diferentes formatos de publicación disponibles. Nuevamente, tenga en cuenta que el desarrollador del tema tiene la responsabilidad de proporcionar el código para manejar estos diferentes formatos de publicación. Este primer paso aquí es simplemente registrarlos en nuestro tema. Con este código ahora en su lugar, si visitamos nuestra instalación de WordPress y seguimos adelante y comenzamos a agregar una nueva publicación, verá que ahora tenemos una nueva sección en el panel de control que nos permite elegir un formato de publicación.
elegir formato de publicación de wordpress


Cómo crear un tipo de publicación aparte en WordPress

Ahora que tenemos todos los formatos de publicación para elegir, ¡sigamos adelante y comencemos a usar algunos de ellos! El primero que probaremos es el formato de publicación aparte. Tenga en cuenta que no completamos el área de título y elegimos "aparte" en el área de formato de publicación.
creando un nuevo formato de publicación aparte en wordpress

Así que sigamos adelante y una vez más visite nuestro sitio web y veamos cómo se ve este nuevo tipo de formato de publicación aparte.
viendo la publicación aparte en la página de inicio

Es cierto que esto es un poco abrumador. De hecho, es decepcionante, pero aquí está lo que hay que tener en cuenta. Esta publicación se diferencia de nuestro tipo de publicación estándar y, como tal, ahora podemos apuntar a este tipo de publicación de forma independiente para obtener un estilo y una presentación especiales en nuestro tema. ¿Cómo podemos hacer esto? Bueno, esto encaja muy bien con el trabajo que hemos hecho recientemente con la función get_template_part () . Revisemos nuestro archivo index.php ahora.

index.php

Recuerde que en el ciclo while, estamos haciendo uso de esa función get_template_part () para manejar la representación de nuestras publicaciones. Ponemos la lógica para hacer esto en un archivo llamado theposts.php. Bueno, ahora vamos a pasar un segundo argumento a la función get_template_part (). El segundo argumento es en sí mismo una función y se llama get_post_format () . Entonces, nuestro archivo index.php actualizado se verá de la siguiente manera:

Lo que hará esta línea de código ahora es que, en lugar de buscar siempre un archivo llamado theposts.php para manejar la representación de las publicaciones en el ciclo, WordPress ahora intentará averiguar el formato de la publicación y elegir dinámicamente qué archivo usar para representar la publicación. . Entonces, dado que nuestro archivo principal para manejar esto es theposts.php, para trabajar con los apartes usaremos el nombre de archivo theposts-aside.php. Sigamos adelante y creemos ese archivo ahora.

theposts-aside.php

Podemos ver que esto es muy simple. Todo lo que hacemos es configurar una etiqueta de artículo y usar la función the_content () para generar el contenido. Sin embargo, lo que es importante tener en cuenta es que la etiqueta del artículo tiene una clase de .post-aside aplicada. Esto significa que podemos dejar de lado los formatos de publicación de manera diferente a los formatos de publicación de blog estándar reales. Sigamos adelante y hagamos eso ahora agregando algunos CSS personalizados a nuestro archivo style.css.

style.css

Con esto en su lugar, visitemos nuestro sitio web una vez más. Podemos ver que ahora, ¡las cosas se ven bastante diferentes! Nuestras publicaciones de blog estándar utilizan el estilo estándar asociado a ellas. Sin embargo, tenga en cuenta que el formato de publicación al margen que agregamos se ve muy diferente. Esta es una excelente manera de brindar al visitante del sitio una manera fácil de distinguir entre varios formatos de publicación.
formato de publicación estándar vs formato de publicación aparte


Cómo crear un tipo de publicación de enlace en WordPress

El proceso para agregar nuevos formatos de publicación es el mismo para los otros tipos. Para agregar un aparte, creamos un archivo llamado theposts-aside.php. ¿Puedes adivinar qué archivo crearemos para manejar el formato de publicación de tipo Enlace? Sí, es cierto, vamos a necesitar un archivo llamado theposts-link.php. Así que sigamos adelante y mejoremos eso de inmediato.

theposts-link.php

Ok, esto parece bastante simple. Una vez más, sin embargo, tenemos un atributo de estilo personalizado aplicado a la etiqueta del artículo de .post-link que nos permite apuntar específicamente al tipo de publicación del enlace. Ahora podemos agregar un estilo personalizado a nuestra hoja de estilo para hacer que los formatos de publicación de enlaces se vean diferentes de las publicaciones estándar, las publicaciones aparte o cualquiera de los otros tipos de publicaciones.

Visitar el sitio web nos muestra que el formato de publicación de enlace es diferente del formato de publicación adicional, que son ambos diferentes del formato de publicación estándar de nuestras publicaciones anteriores. ¡Muy genial!
ejemplo de formato de publicación de enlace


Cómo crear una galería de imágenes en WordPress

Seguimos adelante y agregamos una nueva publicación, seleccionando la 'Galería' como el tipo de formato de publicación. En el área de título, simplemente escribiremos 'Tutorial de la galería'. Para agregar la galería, todo lo que tenemos que hacer es hacer clic en el botón 'Agregar medios' y luego hacer clic en el enlace 'Crear galería' en el lado izquierdo de la interfaz de usuario multimedia.
creando una galería

Seleccionamos las imágenes que queremos y luego hacemos clic en 'Crear una nueva galería' en la parte inferior derecha.
crea esa galería

Finalmente, podemos agregar un título a cada imagen, elegir el número de columnas a usar y luego hacer clic en 'Insertar galería'.
agregar títulos de galería
inserta la galería

¡Podemos visitar esa publicación y ver que nuestra galería se ve bastante bien!
ejemplo de galería de wordpress

Por lo tanto, parece que incluso sin un archivo personalizado para manejar la salida de una galería, WordPress lo seguirá mostrando correctamente. Para seguir cómo hemos estado agregando nuestros propios archivos para tratar con diferentes tipos de formatos de publicación, podemos agregar uno nuevo aquí nuevamente. Sigamos adelante y agreguemos un archivo theposts-gallery.php a nuestro tema ahora.

theposts-gallery.php

Una vez más, tenemos un atributo de estilo personalizado aplicado a nuestra etiqueta de artículo. Esto significa que podemos apuntar a eso en nuestro archivo style.css así:

style.css

Si vemos nuestro sitio web ahora, podemos ver algunas de nuestras publicaciones estándar cerca de la parte inferior de la página. Nuestras publicaciones más recientes, sin embargo, tienen tres formatos diferentes. Agregamos una publicación con formato 'aparte', una publicación con formato de 'enlace', así como nuestra publicación más reciente de tipo de formato 'galería'. ¡Excelente!
tres formatos de publicación diferentes


Asegurarse de que nuestras otras vistas implementen varios tipos de formato de publicación

Una última cosa a mencionar cuando se habla de formatos de publicación en WordPress es que podría ser bueno que el estilo personalizado que hemos aplicado se transfiera a diferentes vistas en el sitio. Lo que queremos decir con esto es que ahora mismo, la única vez que nuestros archivos personalizados de theposts-aside.php, theposts-link.php y theposts-gallery.php entrarán en juego es cuando de alguna manera estemos haciendo uso del índice. archivo php. Esto se debe a que este es el único archivo que pasa la función get_post_format () como segundo argumento de la función get_template_part (). Recuerde, es esta combinación de funciones la que decide qué archivo utilizar como aprendimos. Resulta que también estamos usando la función get_template_part () en nuestros archivos archive.php y search.php. Podría ser bueno actualizar esos archivos así ahora:

archive.php

search.php

Si vemos un resultado de búsqueda, ¡nuestro formato de publicación está intacto!
Resultado de búsqueda de formato de publicación personalizado wordpress

Si vemos los archivos de un mes en particular, una vez más todos los formatos de publicación están intactos gracias a la implementación de la función get_post_format () .
vista de archivo de formato de publicación


Resumen de formatos de publicación de WordPress

En este tutorial, aprendimos todo sobre los formatos de publicación en WordPress . Aprendimos sobre los diez tipos diferentes de formatos de publicación, como aparte, galería, imagen, video, audio, enlace, cita, estado, chat y estándar. Estas son pautas para que usted, el desarrollador de temas de WordPress, pueda desarrollar para cumplir con los requisitos particulares que puede enfrentar. Estos formatos de publicación personalizados permiten tener publicaciones especializadas que pueden verse diferentes a la publicación estándar, o tener un diseño único que se adapta mejor a la página. Aprendimos cómo registrar formatos de publicación en nuestro archivo functions.php, cómo agregar nuevos archivos a nuestro tema para renderizar estas publicaciones, así como cómo diseñar diferentes formatos de publicación de formas únicas.


Publicar un comentario

0 Comentarios