¿Cómo crear un estilo de lista post -list de WordPress?[Guía demostrativa]

Introducción Hoy hablaremos sobre la implementación de WordPress Post List Gutenberg Blocks. Antes de comenzar la discusión, hay una pregunta importante: ¿por qué le gustaría usar un complemento para la lista de publicaciones de Gutenberg primero? En primer lugar, es muy fácil de implementar con complementos [Postx es la elección con la que iremos aquí]. En segundo lugar, puede jugar con muchas opciones diferentes de construcción para crear un diseño personalizado para su audiencia. Estas son las dos razones convincentes para pasar por el contenido. Si eres alguien que busca usar PostX y su funcionalidad posterior a la lista, ¡esta publicación te ayudará mucho!
Entonces, sin ninguna otra extensiones, ¡comencemos!
Se esconde el contenido
1. Introducción
2 Variaciones Postx Lista de publicaciones de WordPress
2.1 Demo de variación de publicaciones de WordPress [Lista de publicaciones #1] 2.1.1 Explorando la lista Postx Post Lista #1 Configuración
2.1.2 Variaciones de diseño
2.1.3 Variaciones de título
2.1.4 Demostración final para el estilo de lista
3 ¿Cómo usar el código corto para mostrar la página de WordPress Post -List?
3.1 Uso de códigos cortos con constructor de oxígeno
3.2 Uso de códigos cortos con Elemoror y Beaver Builder
4 Edición avanzada de la lista de publicaciones de WordPress: Creación de listas de publicaciones personalizadas
4.1 Funcional del complemento Plugin Postx WordPress Consultor Builder
4.2 Trabajar con el plugin postx WordPress Post Filter
5 preguntas frecuentes
5.1 P: ¿Cómo hago una lista de publicaciones en WordPress?
5.2 P: ¿Cómo muestro listas en WordPress?
5.3 P: ¿Cómo muestro mis publicaciones de WordPress en un aspecto de la lista?
5.4 P: ¿Cómo muestro las categorías de publicaciones en WordPress?
5.5 P: ¿Cómo crear una plantilla de tipo post personalizada en WordPress? 5.6 P: ¿Cuántos tipos de formatos de publicación están disponibles en WordPress?
5.7 P: ¿Cómo es una lista de publicaciones con Elementor?
6 Pensamientos finales
Las variaciones en la lista de publicación postx de WordPress Postx ya tienen una amplia variedad de bloques preparados. Entre ellos, encontrará variantes de lista con 4 publicaciones. Primero hablaremos de todo sobre la lista de publicaciones de WordPress #1. Hay otras variantes para explorar.
Demo para la variación de la publicación de publicaciones WordPress [Lista de publicaciones #1] La primera variación de la lista de publicaciones permite un estilo avanzado. Ahora demostraremos cómo usar Post List #1 utilizando la configuración de Postx Incorporated. Por supuesto, lo primero que necesita es instalar Postx. La instalación postx es la misma que cualquier otro complemento. Sin embargo, puede consultar la documentación para obtener más información. Una vez que lo instale, está listo para importar su diseño listo en su página de WordPress. Para hacer esto, puedes:
Haga clic en el bloque de bloques en la parte superior derecha.
Vaya a modelos listos hechos.
Navegue al estilo de la lista PostX #1 y haga clic en importar.
Espere a que se cargue el diseño.
Hay otra forma en que puedes hacer eso. Por supuesto, esto funcionará mejor si usa activamente Gutenberg:
Haga clic en el icono “Plus” en el lado derecho de la página.
Ahora haga clic en “Explorar todo”.
Ahora verá una ventana a la derecha con todos los bloques de Gutenberg disponibles. Solo tiene que escribir la “lista de publicaciones” en la barra de búsqueda.
Haga clic en la lista “Publica 1”. Su diseño cobrará automáticamente.
Acceso a la lista de publicaciones postx

Una vez que se carga el diseño, puede verlo. Ahora, veamos qué nuevas configuraciones hay. *** Lista de publicaciones no. 1 Presente varios modelos de diseño prefabricados que puede usar fácilmente haciendo clic en un botón. Además, las sugerencias de diseño aparecerán justo debajo de los modelos disponibles. También hay otros modelos de publicaciones que puedes explorar. Verifique cuál de ellos se ajusta más a la estructura de su sitio. Vamos a la pestaña “Establecer” para descubrir las características y mostrarle cómo usarlas. Al explorar la configuración de la lista de publicaciones postx #1 en la pestaña “General”, encontrará la opción Seleccione el estilo avanzado. Puede hacer clic en cada opción de estilo para ver qué está sucediendo. Para fines demostrativos, seremos:
Elegir la primera configuración de apariencia avanzada.
Mantenga el número de columnas en 2.
Mantenga la brecha de la columna en 30 píxeles.
Active la opción “Abra los enlaces en la nueva pestaña” – Cambio.
Mantenga la cabeza del poste en el centro.
*** Obtenga algunos estilos de publicación avanzados en la lista con complemento. Puede elegir entre estos aspectos avanzados y ver cómo se adapta a sus necesidades de diseño.
Variaciones de diseño Hay varias variantes de diseño que puede usar para mostrar listas. Todo lo que tiene que hacer es importar el diseño del panel de diseño e importarlo. Aquí hay una demostración rápida sobre el trabajo con diferentes variantes de diseño:
Variaciones de diseño de la lista de publicaciones
Explore las variantes de diseño del bloque Post que puede usar con PostX en el siguiente enlace:

Explorar diseños
*** Nota: puede activar/desactivar la configuración en la pestaña “General” en la configuración. Una vez que active/deshabilite una configuración, puede cambiar las propiedades de diseño asociadas con esa configuración especial. En este momento, queremos cambiar el aspecto de nuestras publicaciones. Para hacer eso:
Vaya a la “Pestaña de diseño”.
En la pestaña Diseño, elegiremos el segundo aspecto.
Elegir el segundo aspecto
Ahora, volveremos a la pestaña Configuración nuevamente. En Configuración general:
Cambie todas las configuraciones para activarlos, excepto por la filtración.

Elija la alineación para estar en el “centro”.
Ahora, pasemos a la parte donde podemos mejorar el diseño. Comencemos con la configuración del título:
Llamaremos al título “todas las publicaciones”.
Queremos alinearlo en el centro.
Configuración para el encabezado de estilo de lista
Puedes elegir diferentes estilos de título. Por ahora, permaneceremos con el estilo de título predeterminado. Tampoco agregaremos ninguna URL al título.
Finalmente, mantendremos el tamaño del borde de 3 ppx usando y espaciado a 20 px en la diapositiva de encabezado postx.

Variaciones del título Una buena cosa para mencionar aquí es la cantidad de estilos de título que puede explorar con Postx. Puede trabajar con diferentes opciones de diseño para que su estilo de lista se vea más atractivo. Eche un vistazo al siguiente ejemplo:
Variaciones de estilo de título
A continuación, queremos que nuestra categoría se vea mejor para el diseño de la lista de publicaciones de WordPress. Para esto, seguiremos:
Elija el estilo de la categoría “Ambos bordes laterales”.

Elegiremos la posición en el menú de caída para estar “por encima del título” para mostrar la categoría sobre el título de publicación.
Queremos que el “ancho de la línea” sea 20 y “espaciar las líneas” sea 40 [usando el cursor].
Estilo de categoría normal
Queremos mantener el “color color” en el valor hexadecimal de #037FFF.
Queremos mostrar el color de la categoría específica. Entonces, activaremos “Color específico (Pro)”.

También queremos que el relleno superior e inferior se configure en 5-PX y hacia la derecha e izquierda a 7-PX.
Ahora nos moveremos al encabezado de entrada. Estos son los cambios que queremos hacer para completar la apariencia de la lista de publicaciones de WordPress.
Queremos:
Agregue un rayo de “rayo” de 10 -px en todos los lados [esto es para el estado normal].
Establezca el “color de fondo normal” en el código hexadecimal #B2FF95.
Establezca el espacio X en 10 PX y el espacio Y en 40 Px.
También queremos cambiar el “color de fondo flotante” al código hexadecimal #C8FFB4, de modo que obtengamos un efecto distintivo de la publicación.
Encabezado de entrada de configuración
Además, el “rayo de paso” será de 10 px.
Finalmente, el relleno tendrá 20 píxeles en todos los lados. Cualquier otra configuración permanecerá predeterminada.
También hay algo pequeño que cambiar. Y este será el meta color. Queremos configurarlo en negro (#000000) para un mejor contraste.

También agregamos una propiedad de paginación a nuestra lista de estilo posterior a WordPress. Ajax Paging es una de las características más efectivas para proporcionar una mejor funcionalidad al usuario. He agregado un video a las secciones posteriores donde puede explorar las características de la página. Aquí hay un ejemplo rápido para crear un estilo de poros rápido
Diseño de papination Ajax
Si desea obtener más información sobre la paginación, asegúrese de ver el siguiente video: Paging Ajax Estilo Final Style Una vez que realiza cambios mientras hablamos [asegúrese de explorar todas las variaciones de diseño si aún no lo ha hecho], su página con WordPress La lista de publicaciones se verá así:
Lista de demostración de publicaciones de WordPress
¿Cómo usar el código corto para mostrar la página de WordPress Post -List? Puede usar códigos cortos para mostrar la página de WordPress en la lista de publicaciones. Para hacer esto, deberá usar la funcionalidad de “plantilla guardada” en Postx.

Hemos creado un tipo de página similar para mostrarle cómo presentarla con códigos cortos. Hice algunos pequeños ajustes:
Cambié la tipografía del título en Tahoma.
La animación “subrayada para pasar con el mouse” se agregó al título.

Luego publiqué la página. Ahora podrá ver el código corto en la sección de código corto de la ventana de plantilla guardada. Ahora puede usar este código corto con creadores de páginas populares. Como acabamos de crear la página, pegaremos el código corto para usar el diseño de la lista de publicaciones con otras páginas de WordPress. Ahora, veamos cómo usar códigos cortos para mostrar diferentes páginas de WordPress de la lista de publicaciones: uso de códigos cortos con oxygen Builder Si usa Oxygen Builder, entonces puede usar el elemento de código corto del constructor para mostrar la lista de publicaciones de WordPress. Aquí le explica cómo hacerlo:
Haga clic en la página que desea editar.

Luego elija “Editar con Builder de oxígeno”. Lo llevará a la interfaz del generador de oxígeno.
Agregue código corto para el estilo de publicaciones
Ahora “+ Agregar” a la parte superior izquierda de la interfaz Oxygen Builder. En el cuadro de búsqueda, escriba “Shortcode”, debería aparecer automáticamente.
Agregar un código corto usando Oxygen Builder
Haga clic en el elemento de código corto.
Ahora pegamos el código corto que copiamos de la opción PostX guardadas de plantillas.

Ahora puede ver la vista previa del diseño. Si lo siguió, debería ver algo de la siguiente manera: el uso de códigos cortos con Elementer y Beaver Builder puede usar fácilmente códigos cortos con el Elementor y Beaver Builder. Puede leer sobre esto en la documentación postx en detalle:
Soporte de código corto postx
Edición avanzada de la lista de publicaciones de WordPress: Crear publicaciones personalizadas es natural para querer hacer un estilo de lista de WordPress más concentrado, para que sus espectadores puedan lograr la mejor experiencia posible. En esta demostración, utilizaremos la mayoría de las configuraciones mencionadas anteriormente. Pero le mostraremos cómo puede crear listas de publicación adecuadas utilizando funciones de creador de consultas postx, filtrado, paginación y más. La funcionalidad del complemento Postx Postx WordPress Query Builder Postx Consulty Builder es una herramienta poderosa para presentar a su audiencia ciertas publicaciones. Puede crear fácilmente consultas personalizadas y mostrar solo las publicaciones más relevantes y populares para su audiencia. Para hacer esto, debe acceder a la pestaña de configuración y trabajar con el generador de consultas.

Una vez en el generador de consultas, seleccione una publicación exigente en el menú desplegable. También puede optar por mostrar publicaciones populares, publicaciones aleatorias, publicaciones de exhibición en un orden alfabético y muchos más. WordPress Query Builder
Seleccionaremos la publicación “Post of Post”. Hay otros tipos de publicaciones que puede usar para mostrar diferentes tipos de publicaciones de WordPress. Por ejemplo, existe la opción de mostrar varias páginas y plantillas.
También queremos mostrar solo dos publicaciones simultáneamente. Podemos mostrar esto usando la diapositiva “Número de publicaciones”. Puede elegir mostrar cualquier publicación que desee mostrar.
También puede mostrar listas utilizando ciertas post-impuestos. Hay dos pestañas: Taxonomía y valor de taxonomía. Si usa etiquetas de publicación, puede elegir la taxonomía para ser post_tag. A medida que utilizamos categorías, estableceremos la adjesión posterior a la “categoría”. Una vez que hemos hecho esto, podemos usar diferentes valores taxonómicos. Debido a que tenemos una categoría de moda, la elegiremos.
Estas son solo algunas de las configuraciones que puede usar para mostrar las categorías en la lista de publicaciones de WordPress. De hecho, tienes varias opciones para jugar en el Builder Avanzado del Forerunner:
Lista de publicación de WordPress con el generador de consultas que funciona con el plugin postx wordpress post filtro Hay otra forma de personalizar aún más las publicaciones para su audiencia. Y esto para usar las capacidades de filtro AJAX de PostX. Con esto, puede filtrar fácilmente las publicaciones para publicar listas. Demostraremos un breve ejemplo de cómo usar PostX para mostrar las publicaciones de filtro de WordPress por etiqueta.
Puede agregar el “texto para todo el contenido”. Pero para nuestro ejemplo, lo mantendremos en blanco. Elegiremos el tipo de filtro que sea “post_tag”.

Tenemos etiquetas con nuestras publicaciones, por lo que agregaremos “el valor del filtro” como etiqueta de publicación.
Una vez agregado, queremos cambiar la tipografía a Tahoma, la transformación del texto en el mayúscula y el peso de la fuente es 500. También queremos que la altura de la línea sea 20 [puede jugar con la configuración extendida para traer esto más. ¡Nivel de estilo para su sitio!].
Configuración de tipografía del filtro de la lista posterior
Queremos agregar un efecto de desplazamiento. Entonces, vamos a la configuración del flotador: agregue un texto blanco (#FFFFF) y un color de fondo de flota que es #174AB1.
Configuración para la configuración del filtro de publicaciones de WordPress
Finalmente, agregaremos un rayo de borde de 10 px en todos los lados y un relleno de 5 ppx en la parte superior e inferior junto con un radio de 10 px a la derecha y a la izquierda.
Debería estar claro para usted hasta ahora cómo extendida la funcionalidad del filtro postx. Asegúrese de jugar con diferentes configuraciones y vea cómo puede ofrecer una experiencia súper personalizada a sus usuarios. Preguntas frecuentes Aquí están las respuestas a algunas preguntas frecuentes. Como siempre, trataremos de ser lo más descriptivos posible cuando se trata de las variaciones de la lista de publicaciones de WordPress. P: ¿Cómo hago una lista de publicaciones en WordPress? Respuesta: Hay muchas maneras de hacer una lista de publicaciones en WordPress. Y si usa Gutenberg, entonces el proceso es muy fácil con Postx. Todo lo que tienes que hacer es:
Instalar postx: el proceso es muy fácil de seguir.
Simplemente puede crear una nueva página/actualizar una página existente.
Para agregar una lista de publicaciones con PostX, vaya a la biblioteca de bloques [vaya a la derecha a la derecha]. Seleccione una lista de publicaciones lista para publicar.

Finalmente, haga clic en Importar.
Una vez importado, puede cambiar el aspecto y explorar varias opciones de diseño en la ventana Configuración del bloque. P: ¿Cómo muestro listas en WordPress? Respuesta: Como se mencionó anteriormente, puede mostrar fácilmente listas con la lista Postx Postx Plugin WordPress. Puedes ser muy creativo con todos los diferentes modelos y modelos. También existe la opción de usar códigos cortos con diferentes constructores de WordPress. Simplemente siga los pasos indicados en las secciones anteriores y vea si es lo suficientemente flexible para usted [por lo que he mostrado hasta ahora, creemos que debería serlo!]. P: ¿Cómo muestro mis publicaciones de WordPress en un aspecto de la lista? Respuesta: Puede usar la lista de publicaciones postx #3 para mostrar publicaciones de WordPress en un aspecto de lista. Así es como puedes hacerlo:

Vaya a la página que desea mostrar las listas de publicación. Si es una lista, puede mostrarla como una barra lateral.
Para hacer esto, debe tomar un bloque de columnas (preferiblemente 70/30). Desea mostrar su contenido principal a la izquierda de la columna y la lista de publicaciones a la derecha.
Para hacer esto, haga clic en el icono “+” en la columna derecha y seleccione la lista de publicaciones #3. Puede usar el contenido principal en el lado izquierdo.
Puede cambiar entre diferentes modelos y modelos listos. Elija lo que desee para ver la vista previa.
Esta es solo una forma de mostrar listas de publicación de WordPress en un aspecto de lista. Postx nuevamente, Postx tiene muchas opciones para explorar. P: ¿Cómo muestro las categorías de publicaciones en WordPress? Respuesta: Para mostrar las categorías de publicaciones en WordPress, debe importar un bloque Postx hecho listo. Desde allí, puede elegir cambiar la configuración de categoría a voluntad. Hemos realizado algunos cambios en nuestra publicación de las secciones anteriores. Asegúrese de revisarlo primero. Probablemente valga la pena mencionar el característico “color específico (pro)” de Postx. Con esto, puede mostrar cómo mostrar la categoría con su color específico en cada publicación. Definitivamente vale la pena explorar una característica como esta. P: ¿Cómo crear una plantilla post -post personalizada en WordPress? Respuesta: Los tipos de publicaciones personalizadas son contenido personalizado para WordPress donde puede agregar sus propios campos personalizados. Por ejemplo, si crea su propio sitio de revisión de libros, es posible que deba crear una publicación personalizada con sus propios campos personalizados. Por ejemplo, para un tipo de publicación personalizado, deberá agregar el siguiente fragmento de código a las funciones de WordPress.php: add_action (‘init’, ‘create_post_type’); Función creating_post_type () {registro_post_type (‘your_custom_name’, array (‘etiquetas’ => array (‘name’ => __ (‘custom_names’), ‘singular_name’ => __ (‘custom_names’), ‘public’ => true ‘ , ‘Has_archive’ => true,));
} Aquí hay un enlace rápido donde puede encontrar ejemplos de tipos de publicaciones personalizadas. P: ¿Cuántos tipos de formatos de publicación están disponibles en WordPress? Respuesta: Por defecto, WordPress viene con 3 tipos de publicaciones personalizadas: a) Publicación, b) página, c) Adjunto puede explorar más sobre las publicaciones de WordPress aquí. P: ¿Cómo es una lista de publicaciones con Elementor? Respuesta: Puede mostrar fácilmente la lista de publicaciones de WordPress con Elementor utilizando la funcionalidad de “plantilla guardada”. Hay dos formas en que puede hacer esto: pero en ambos casos deberá pegar la página corta de la página que ha creado. Después de eso, aquí le mostramos cómo hacerlo: vaya al tablero de WordPress. Puede crear una nueva página o editar una página existente.
Haga clic en “Editar con Elementor” [Suponga que tiene un complemento elemental elemental y activado.
Una vez que esté en el editor, cree/edite una nueva sección.
Busque códigos cortos en el panel de elementos con canto izquierdo.
Tire del elemento de códigos cortos en la sección que acaba de crear.
Ahora inserte el código corto que ha copiado en el campo “Tipo de código”.
Finalmente, guarde sus cambios.
También puede mostrar las plantillas de WordPress para la lista de publicaciones utilizando los bloques Postx Gutenberg Post para Elementor. El proceso de agregar el elemento es el mismo. Todo lo que tiene que hacer es asegurarse de que la plantilla sea publicada por el editor de plantillas guardado PostX. Luego, una vez que esté en el editor elemental:
Busque el elemento Postx Gutenberg Post Blocks para el elemento.
Agregue a la sección donde desea mostrar la lista de publicaciones o algo similar a su elección.
Elija la plantilla que desea mostrar en el menú desplegable. Finalmente, guarde los cambios.
Estas son las formas en que puede mostrar una lista de publicaciones de WordPress utilizando el elemento post -elemental.Pero puede usar códigos cortos con otros constructores populares de WordPress.Pensamientos finales Si siguió, entonces sabe cuán flexible es PostX cuando se crea estilos de WordPress Post -List.Además, ahora debe saber lo fácil que es manipular diferentes configuraciones para crear revistas de noticias, recetas, viajeros, blogs de moda y más con este complemento.Nos gustaría escuchar sus opiniones sobre lo que piensa sobre las flexibilidades de diseño postx.Suena en los comentarios a continuación.¡Las nuevas características también están disponibles!Manténgase al día con las actualizaciones recibidas que están a la vuelta de la esquina.¡Suerte!