¿Estás tratando de personalizar el diseño de tus publicaciones en WordPress? Si es así, debería intentar instalar el complemento Smart Post Show. Con él, puede agregar cuadrículas, carruseles y listas únicas a cualquier publicación en su sitio web.
Como resultado, ayuda a abrir la puerta para que brillen más creadores de contenido únicos. Y es realmente fácil de implementar porque el complemento usa códigos cortos que puede copiar y pegar en cualquier lugar de su sitio web.
Hoy, demostraré cómo usar Smart Post Show para personalizar el diseño de su publicación en WordPress.
¿Qué es el diseño de página en WordPress?
Para el diseño web, el diseño de la página se refiere a cómo se organizan los elementos visuales en una página. También tiene en cuenta el tamaño, la forma, el color, la fuente y otros elementos de diseño de esa página.
El resultado final es, con suerte, una página impresionante que puede sorprender a los visitantes.
En el pasado, los desarrolladores de sitios web tenían que usar código para crear el diseño que querían usar. Pero ese ya no es más el caso.
En WordPress, los desarrolladores web pueden utilizar complementos que se centran en el diseño de la página o creadores de páginas para crear fácilmente diseños únicos. Esto permite que prácticamente cualquiera pueda crear un sitio hermoso para cualquier propósito.
Además, en muchos casos, los temas premium vienen con una variedad de plantillas que incluyen diseños únicos. Estas herramientas han simplificado el proceso en su totalidad para que cualquier desarrollador web pueda crear una experiencia única para su sitio web.
Por supuesto, todo esto comienza con un buen servicio de alojamiento de WordPress . Quieres asegurarte de que tu sitio sea rápido y funcional al armar tus diseños.
Cómo usar Smart Post Show para personalizar diseños de publicaciones
Paso 1: Instalar Smart Post Show
Smart Post Show se trata de agregar más opciones de personalización para las publicaciones. Con él, puede crear un carrusel de publicaciones de WordPress o una cuadrícula de categorías en minutos. Y como la mayoría de las cosas en WordPress, no requiere ninguna codificación.
En cambio, todo lo que necesita hacer es copiar y pegar el código abreviado en la ubicación deseada. También vale la pena señalar que este complemento es compatible con SEO, está diseñado para ser rápido y responde completamente. Por lo tanto, es el ajuste perfecto para cualquier sitio web.
Comencemos haciendo clic en Complementos y seleccionando la opción Agregar nuevo en el panel de administración de la izquierda.
Busque Smart Post Show en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.
Desplácese hacia abajo hasta que encuentre el complemento Smart Post Show y haga clic en el botón «Instalar ahora» y active el complemento para su uso.
Tras la instalación, accederá a la sección de ayuda del complemento. Aquí puede encontrar un video útil para ayudarlo a comenzar. Cubre algunos de los conceptos básicos del complemento y recomiendo verlo.
Paso 2: Configuración
Este complemento no tiene muchas configuraciones generales para configurar. La mayoría de los sitios web pueden optar por dejar la configuración como está, pero en caso de que tenga curiosidad, cubramos rápidamente lo que puede configurar.
En el panel de administración de la izquierda, haga clic en Smart Post Show y seleccione la opción Configuración.
La configuración se divide en cuatro secciones que incluyen Configuración avanzada, Scripts y estilos, Accesibilidad y CSS y JS personalizados.
La Configuración avanzada contiene una opción, que es eliminar todos los datos del complemento al eliminarlos. Recomendaría marcar la casilla si planea eliminar el complemento y nunca volver a usarlo.
La sección Scripts & Styles para poner en cola o quitar código JS y CSS. Si no sabe lo que esto significa, simplemente deje la configuración como está. De lo contrario, elija la opción que se adapte a sus necesidades.
La sección Accesibilidad habilita las opciones de accesibilidad para los carruseles. Básicamente, esto significa mostrar mensajes útiles como tener las palabras «Diapositiva anterior» sobre el botón Atrás.
Y finalmente, la sección Custom CSS & JS le permite ingresar CSS y JS personalizados en el complemento. Esto es para ayudar a que el complemento coincida con el resto de su sitio web si utiliza un código personalizado en otras páginas o publicaciones.
Paso 3: crea un nuevo programa
Con eso solucionado, todo lo que queda por hacer es comenzar a crear nuevos diseños de página. El complemento le brinda muchas posibilidades, así que comencemos.
Nota: el complemento se refiere a todo como un espectáculo.
Haga clic en la opción Agregar nuevo.
En la parte superior, puede ingresar un título, y le recomiendo que sea muy directo. Por ejemplo, si crea un carrusel de publicaciones, asígnele el nombre Carrusel de publicaciones. Debería ser muy fácil de ubicar, ya que probablemente creará múltiples con ligeras variaciones.
Una buena estructura de nombres solo lo ayudará a encontrar proyectos específicos más fácilmente en una fecha posterior.
La primera opción es elegir un diseño, y hay ocho para elegir si tienes la versión Pro. Simplemente elija el que se adapte a sus necesidades.
Debajo de esto, encontrará la configuración de personalización. Sin embargo, las opciones disponibles cambian según el diseño que elija. Por ejemplo, si elige Carrusel, encontrará la pestaña Controles de carrusel. Mientras que si elige Grid, esa opción no aparece.
Las pestañas generales incluyen Filtrar contenido, Opciones de visualización, Configuración de la página de detalles y Tipografía.
Una cosa a tener en cuenta es que hay un botón de vista previa en la esquina inferior derecha. Esto le permitirá ver el resultado final menos el contenido real. En algunos casos, podría ser más útil ver los cambios con el contenido real.
Vamos a cubrir cada pestaña.
Filtrar contenido
Estas configuraciones tienen que ver con elegir qué contenido usar y son fundamentales si está creando algo como una cuadrícula de publicación que se enfoca en una categoría específica en WordPress.
También puede ingresar manualmente la ID de la publicación si desea seleccionar manualmente qué contenido usar.
La sección Filtrado avanzado en la parte inferior le permite seleccionar variables específicas para filtrar. Estos incluyen cosas como taxonomía (categorías y etiquetas), autores, estado, palabras clave y más.
Al marcar la casilla correspondiente, aparecerán más opciones que puedes personalizar.
Opciones de pantalla
Las Opciones de visualización tienen que ver con cambiar la apariencia visual de su diseño. Por ejemplo, en una cuadrícula de categorías de WordPress (o cualquier cuadrícula), puede seleccionar la cantidad de columnas, el margen de la columna, el ancho y el color del borde, los campos de contenido y más.
También hay opciones para la orientación. Sin embargo, la mayoría de estos están bloqueados detrás de la versión Pro. Los usuarios gratuitos solo tendrán disponible la opción predeterminada. Y hacia la parte inferior, puede habilitar la función Precargador ( carga diferida ).
Controles de carrusel
Esta sección solo se aplica a los carruseles y dicta su comportamiento. Por ejemplo, puede ajustar el tiempo que tarda una imagen en cambiar o puede desactivar la reproducción automática para que el visitante tenga que cambiar manualmente las diapositivas.
Otras configuraciones clave en esta sección incluyen carga diferida, paginación, deslizamiento táctil (para dispositivos móviles), pausa al pasar el mouse y mucho más.
Configuración de la página de detalles y tipografía
Estas secciones le permiten aún más personalización, pero están bloqueadas detrás de la versión Pro. La configuración de la página de detalles incluye cosas como ventanas emergentes, contenido y colores de fondo, y otros detalles más finos.
La sección Tipografía se ocupa de todo lo relacionado con las fuentes. El estilo, el color, el tamaño y cualquier otra cosa que puedas imaginar.
Paso 4: mostrar el diseño
Con todas las configuraciones completas, solo queda una cosa por hacer; añadir a su sitio web. Afortunadamente, Smart Post Show lo hace fácil mediante el uso de códigos cortos.
Después de hacer clic en el botón «Publicar», aparecerá un nuevo cuadro debajo con el código abreviado. Copie el código abreviado de Smart Post que se muestra.
Simplemente vaya a cualquier publicación o página de su sitio web y pegue el código en un bloque de shortcode. El diseño que ha creado aparecerá en su sitio web.
Si necesita hacer cambios, puede hacerlo editando el programa que creó. Esto no cambiará el código abreviado, por lo que los cambios se implementarán de inmediato.
Felicitaciones por configurar el complemento Smart Post Show.
Considere actualizar a Pro
Si le gustó este complemento, considere actualizar a la versión Pro para obtener aún más opciones. Es una herramienta versátil que realmente puede ayudarlo a hacer que su contenido se vea de la manera que desea, y es compatible con muchos creadores de páginas como Elementor .
La combinación de los dos realmente le brinda una cantidad casi ilimitada de personalización.
¿Qué tipo de diseño creaste? ¿Habilitó las opciones de carga diferida?