Cómo crear archivo WordPress con suplementos Qi para Elementor

La calidad del contenido de su sitio depende en gran medida de sus conocimientos y habilidades, pero la forma en que lo muestra también juega un papel importante en la forma en que otros lo perciben. Las pestañas son una excelente manera de estructurar y organizar el contenido y hacer que sea más fácil digerir, especialmente cuando se trata de artículos largos. Mantener a un lector en una página nunca ha sido fácil, por lo que hacer este contenido de oferta más difícil que no es visualmente atractivo no es algo sabio. Las pestañas lo ayudan a dividir un artículo en secciones de lectura fáciles y hacer que sea más accesible para el lector, lo que puede navegar por el texto más fácilmente. Por supuesto, hay muchos consejos de escritura para ayudarlo a hacer que el contenido sea más atractivo, pero configurar las pestañas es uno de los elementos esenciales. En este artículo, le mostraremos cómo agregar hermosas pestañas a su contenido con suplementos de elementos.
Agregar hojas con un complemento
Los complementos de Qi para Elementor es una herramienta poderosa y gratuita que le permite agregar fácilmente una amplia variedad de elementos hermosos a su sitio web. Viene con una interfaz intuitiva, fácil de usar, y los usuarios para principiantes y avanzados les resultará fácil de usar. Lo que es particularmente bueno en Qi es el énfasis en el diseño, por lo que, además de los elementos útiles, también le da un toque de elegancia contemporánea. El proceso de instalación de suplementos de Qi para el elemento no es diferente de ninguna otra instalación de complementos. Si tiene alguna pregunta al respecto, asegúrese de verificar el enlace que proporcionamos anteriormente y puede escribirnos en la sección de comentarios.
Debido a que este es un complemento elemental, asegúrese de pasar al editor primario al crear una nueva publicación. Todos los widgets de complementos QI se mostrarán cuidadosamente en el menú de izquierda. Simplemente desplácese el menú hacia abajo para encontrarlos. Ahora, no necesita navegar por todos los elementos QI. Simplemente puede presentar el que desea agregar, en este caso, en el campo de búsqueda y se mostrará en los resultados de búsqueda. Como puede ver a continuación, los suplementos de Qi ofrecen dos elementos de hojas: pestaña horizontal y pestaña vertical.

Para agregar una pestaña vertical, tire y coloque el elemento elemental en el lugar deseado. Cuando se agrega la pestaña vertical, todas las configuraciones estarán en el lado izquierdo, y en las pestañas de contenido y estilo son todas las opciones relacionadas con las pestañas. La opción avanzada es en realidad el grupo predeterminado del elemento para la columna.

La primera configuración que verá son la configuración general, incluyen todas las opciones necesarias para un ajuste óptimo de su contenido.

La opción coloca el contenido en la pestaña en la pantalla debajo de la opción le permite establecer la pestaña vertical de acuerdo con el tamaño de la pantalla de destino. Puede elegir entre cuatro dimensiones de pantalla. Por ejemplo, si el tamaño de la pantalla es inferior a 480 PX, el título de la pestaña se colocará en la parte superior y no al lado del texto. Esta opción se refiere solo a las pestañas verticales. La imagen a continuación ilustra la forma en que se ve la pestaña vertical en la pantalla grande y cómo configurar el tamaño de la pantalla en el lugar de opción en la pantalla debajo.

Para ingresar y organizar el texto en la pestaña Vertical, haga clic en la opción Elementos, y el menú se abrirá con un campo debajo para ingresar el texto directo. También puede ajustar la configuración de texto inmediatamente en términos de alineación, tipografía. No necesita establecer la configuración general para la tipografía, porque puede hacerlo más adelante en la pestaña de estilo. También aquí, establezca el título de la pestaña Vertical, simplemente ingresando en el campo de título. En el lado derecho de la pantalla, verá inmediatamente la vista previa de todos los cambios que realiza. Después de haber ingresado el texto, puede continuar con estilos más detallados. Haga clic en la opción de estilo junto a la opción contenida del menú para abrir todas las configuraciones de estilo.

La configuración de la etiqueta del título le permite elegir si desea que el título de la hoja vertical/horizontal sea H1, H2, etc. En la imagen de arriba, opté por H1. La opción de tipografía del título es muy interesante. El primer icono con el mundo abre un menú personalizado que le permite elegir el tipo de impresión en las fuentes globales. Esta es una opción segura si desea asegurarse de que su pestaña esté de acuerdo con el estilo general de su sitio web.

Si se siente lo suficientemente seguro como para establecer la tipografía del título solo o simplemente desea explorar más opciones, haga clic en el icono del lápiz junto a todas las configuraciones de impresión disponibles. Puede probarlos todos fácilmente porque verá inmediatamente el efecto en el lado derecho de la pantalla.

La opción familiar le permite elegir la fuente, y luego todas las opciones a continuación le permiten continuar personalizando la fuente deseada. Configurar el tamaño de este menú le permite establecer el tamaño de las letras solo, la opción de peso le permite ajustar el ancho de las letras de la fuente. La opción de transformación le permite elegir si desea que el texto sea solo superior o inferior, caso superior, etc. La opción de decoración le permite elegir entre estilos con la misma fuente: predeterminada, normal, cursiva u oblicua. También puede ajustar la altura de las líneas solo y el espacio entre las letras. Los conjuntos de impresiones son realmente divertidos de ajustar, porque hay muchas opciones y puede configurar tanto el título como el texto del cuerpo para que se vean exactamente como lo imaginó. . Después de darle el toque final, puede pasar a otras configuraciones de estilo que incluyen elegir el color de la fuente, el color de fondo y el borde si desea tenerlos. Si ha optado por el tipo de gradiente de fondo, la opción de ubicación le permite ajustar finamente el efecto de gradiente. A continuación puede ver un ejemplo de cómo organicé el título, encontré la opción de borde que le permite ajustar el ancho del título para que sea muy interesante. Solo usé un lado del título, pero puedes experimentar y ver qué funciona mejor para ti.


También puede personalizar el texto en términos de color de fuente, color de fondo, tipografía y tipo de borde. Debido a que tiene una vista previa en vivo de todos los cambios que realiza, tiene mucha experiencia para experimentar lo que se ve muy bien en la página.

La imagen a continuación es un ejemplo de la forma en que personalizamos el texto para que coincida con el resto del contenido en la página. Aquí puede establecer cómo se verá la pestaña cuando pase el cursor. Las opciones son las mismas que todas las mencionadas anteriormente, por lo que si desea que el contenido se vea diferente al pasar con el mouse, aquí establece exactamente cuán diferente desea verse.
Las opciones de línea lateral que están aquí son para agregar placas animadas. Le recomendamos que experimente un poco con él y vea qué se vería mejor en sus páginas.

Si está satisfecho con la forma en que establece la pestaña hasta ahora, puede continuar explorando la configuración del estilo de espaciado. Estos le permitirán ajustar el título, el contenido y los elementos que usó en la pestaña.

Si tiene que ingresar una pestaña horizontal, el procedimiento es prácticamente el mismo. Tendrá las mismas opciones disponibles, excepto el lugar de opción en la pestaña de la pantalla.

En conclusión
Como puede ver, agregar un elemento de pestaña con suplementos para Elementor no solo es fácil, sino también lleno de posibilidades interesantes. Ahora que tiene instalado el complemento QI, puede continuar explorando todas sus características y enriquecer su sitio web con elementos más hermosos. Si tiene alguna pregunta sobre el uso del complemento, no dude en preguntarnos en la sección de comentarios. ¡Esperamos escuchar sobre sus experiencias con Qi!

Esperamos que este artículo haya sido útil. Si le gustó, ¡no dude en consultar algunos de estos artículos!

Cómo agregar, editar y personalizar modos de luz Elementor4 para crear botones de WordPress
Cómo agregar la lista de precios a su sitio web de WordPress