{"id":367245,"date":"2023-02-25T12:55:00","date_gmt":"2023-02-25T09:55:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367245"},"modified":"2023-04-13T10:25:36","modified_gmt":"2023-04-13T07:25:36","slug":"como-crear-pestanas-de-wordpress-con-qi-addons-para-elementor","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-crear-pestanas-de-wordpress-con-qi-addons-para-elementor\/","title":{"rendered":"C\u00f3mo crear pesta\u00f1as de WordPress con Qi Addons para Elementor"},"content":{"rendered":"\n

La calidad del contenido de su sitio web depende en gran medida de sus conocimientos y habilidades, pero la forma en que lo muestra tambi\u00e9n juega un papel importante en c\u00f3mo lo perciben los dem\u00e1s. Las pesta\u00f1as de WordPress son una excelente manera de estructurar y organizar el contenido y hacerlo m\u00e1s f\u00e1cil de digerir<\/strong>, especialmente cuando se trata de art\u00edculos largos. Mantener a un lector en una p\u00e1gina nunca ha sido f\u00e1cil, por lo que hacerlo m\u00e1s dif\u00edcil al ofrecer contenido que no es visualmente atractivo simplemente no es una buena idea.<\/p>\n

Las pesta\u00f1as lo ayudan a dividir un art\u00edculo en secciones f\u00e1ciles de leer y lo hacen m\u00e1s accesible para el lector, quien luego puede navegar por el texto con mayor fluidez. Por supuesto, hay muchos m\u00e1s consejos de escritura<\/a> para ayudarlo a hacer que el contenido sea m\u00e1s atractivo, pero establecer pesta\u00f1as es uno de los elementos esenciales. En este art\u00edculo, le mostraremos c\u00f3mo agregar hermosas pesta\u00f1as a su contenido con Qi Addons para Elementor<\/strong>.<\/p>\n

Agregar pesta\u00f1as con un complemento<\/h2>\n

Qi Addons for Elementor<\/a> es una poderosa herramienta gratuita que le permite agregar una amplia variedad de hermosos elementos a su sitio web con facilidad<\/strong>. Viene con una interfaz intuitiva y f\u00e1cil de usar, y tanto los principiantes como los usuarios avanzados lo encontrar\u00e1n f\u00e1cil de usar. Lo que es especialmente bueno de Qi es el enfoque que se pone en el dise\u00f1o, por lo que adem\u00e1s de elementos \u00fatiles, tambi\u00e9n le brinda un toque de elegancia contempor\u00e1nea<\/strong>.<\/p>\n

El proceso de instalaci\u00f3n de<\/a> QI Addons para Elementor no es diferente de la instalaci\u00f3n de cualquier otro complemento. Si tiene alguna pregunta al respecto, aseg\u00farese de consultar el enlace que proporcionamos anteriormente, y tambi\u00e9n puede escribirnos en la secci\u00f3n de comentarios.<\/p>\n

Dado que este es un complemento de Elementor, aseg\u00farese de cambiar al editor de Elementor al crear una nueva publicaci\u00f3n. Todos los widgets de Qi Addons se mostrar\u00e1n claramente en el men\u00fa de elementos de la izquierda<\/strong>. Simplemente despl\u00e1cese hacia abajo en el men\u00fa para encontrarlos.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Ahora, no hay necesidad de navegar por todos los elementos de Qi. Simplemente puede ingresar el que desea agregar<\/strong>, pesta\u00f1a en este caso, en el campo de b\u00fasqueda y se mostrar\u00e1 en los resultados de b\u00fasqueda. Como puede ver a continuaci\u00f3n, Qi Addons le proporciona dos elementos de pesta\u00f1a: pesta\u00f1a horizontal<\/a> y pesta\u00f1a vertical<\/a>.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Para agregar una pesta\u00f1a vertical, arrastre y suelte el elemento Elementor en el lugar deseado. Cuando se agrega la pesta\u00f1a vertical, todas las configuraciones estar\u00e1n en el lado izquierdo y dentro de las pesta\u00f1as Contenido y Estilo est\u00e1n todas las opciones relacionadas con las pesta\u00f1as<\/strong>. La opci\u00f3n Avanzado es en realidad el grupo predeterminado de Elementor para la columna.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

La primera configuraci\u00f3n que ver\u00e1 es la Configuraci\u00f3n general, incluye todas las opciones necesarias para ajustar su contenido de manera \u00f3ptima<\/strong>.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

La opci\u00f3n Colocar contenido debajo de la pesta\u00f1a en la pantalla le permite configurar la pesta\u00f1a vertical de acuerdo con el tama\u00f1o de la pantalla de destino. Puede elegir entre cuatro tama\u00f1os de pantalla. Por ejemplo, si el tama\u00f1o de la pantalla es inferior a 480 px, el t\u00edtulo de la pesta\u00f1a se colocar\u00e1 arriba y no al lado del texto. Esta opci\u00f3n se refiere \u00fanicamente a las pesta\u00f1as verticales. La imagen a continuaci\u00f3n ilustra c\u00f3mo se ve la pesta\u00f1a vertical en la pantalla grande y c\u00f3mo cuando configura el tama\u00f1o de la pantalla en la opci\u00f3n Colocar contenido debajo de la pesta\u00f1a en la pantalla debajo.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Para ingresar y organizar el texto en la pesta\u00f1a vertical, haga clic en la opci\u00f3n Elementos<\/strong> y se abrir\u00e1 el men\u00fa con un campo debajo para ingresar el texto directamente<\/strong>. Tambi\u00e9n puede ajustar inmediatamente la configuraci\u00f3n del texto en t\u00e9rminos de alineaci\u00f3n, tipograf\u00eda. No es necesario establecer la configuraci\u00f3n general para la tipograf\u00eda, ya que puede hacerlo m\u00e1s adelante en la pesta\u00f1a Estilo. Aqu\u00ed tambi\u00e9n es donde establece el t\u00edtulo de la pesta\u00f1a vertical<\/strong>, simplemente ingres\u00e1ndolo en el campo T\u00edtulo. En el lado derecho de la pantalla, ver\u00e1 inmediatamente la vista previa de todos los cambios que realice.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Despu\u00e9s de ingresar el texto, puede continuar d\u00e1ndole estilo con m\u00e1s detalle<\/strong>. Haga clic en la opci\u00f3n Estilo<\/strong> junto a la opci\u00f3n Contenido en el men\u00fa para abrir todas las configuraciones de estilo.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

La configuraci\u00f3n de Etiqueta de t\u00edtulo le permite elegir si desea que el t\u00edtulo de la pesta\u00f1a vertical\/horizontal sea H1, H2, etc. En la imagen de arriba, optamos por H1.<\/p>\n

La opci\u00f3n de Tipograf\u00eda de T\u00edtulo<\/strong> es muy interesante. El primer \u00edcono con el globo terr\u00e1queo abre un men\u00fa personalizado que le permite elegir el tipo de tipograf\u00eda de las fuentes globales<\/strong>. Esta es una opci\u00f3n segura si desea asegurarse de que su pesta\u00f1a est\u00e9 en l\u00ednea con el estilo general de su sitio web.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Si se siente lo suficientemente seguro como para configurar la tipograf\u00eda del t\u00edtulo usted mismo o simplemente desea explorar m\u00e1s opciones, haga clic en el icono del l\u00e1piz junto al globo terr\u00e1queo para acceder a todas las configuraciones de tipograf\u00eda disponibles<\/strong>. Puedes probarlos todos f\u00e1cilmente, ya que inmediatamente ver\u00e1s el efecto en el lado derecho de la pantalla.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

La opci\u00f3n Familia<\/strong> le permite elegir la fuente<\/strong>, y luego todas las opciones a continuaci\u00f3n le permiten personalizar a\u00fan m\u00e1s la fuente de su elecci\u00f3n<\/strong>.<\/p>\n

La configuraci\u00f3n Tama\u00f1o en este men\u00fa le permite establecer el tama\u00f1o de las letras usted mismo<\/strong>, la opci\u00f3n Grosor le permite ajustar el ancho de las letras en la fuente<\/strong>. La opci\u00f3n Transformar le permite elegir si desea que el texto est\u00e9 solo en may\u00fasculas o min\u00fasculas o en may\u00fasculas, etc. La opci\u00f3n Decoraci\u00f3n le permite elegir entre estilos de la misma fuente: predeterminado, normal, cursiva u oblicuo. Y tambi\u00e9n puede ajustar la altura de l\u00ednea<\/strong> y el espacio entre letras usted mismo.<\/p>\n

La configuraci\u00f3n de la tipograf\u00eda es realmente divertida de ajustar, ya que hay muchas opciones y realmente puede configurar tanto el t\u00edtulo como el cuerpo del texto para que se vean exactamente como lo imagin\u00f3. Despu\u00e9s de darle el toque final, puede continuar con otras configuraciones de estilo que incluyen elegir el color de la fuente, el color de fondo y los bordes si desea tenerlos<\/strong>. Si opt\u00f3 por el tipo de degradado del fondo, la opci\u00f3n Ubicaci\u00f3n le permite ajustar el efecto de degradado.<\/p>\n

A continuaci\u00f3n puede ver un ejemplo de c\u00f3mo organizamos el T\u00edtulo, encontramos que la opci\u00f3n Borde que le permite ajustar el ancho del t\u00edtulo es muy interesante. Usamos solo un lado del t\u00edtulo, pero puede experimentar y ver qu\u00e9 funciona mejor para usted.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Tambi\u00e9n puede personalizar el texto en t\u00e9rminos de color de fuente, color de fondo, tipograf\u00eda y tipo de borde. Dado que tiene una vista previa en vivo de todos los cambios que realiza, tiene mucho espacio para experimentar hasta que encuentre lo que se ve bien en la p\u00e1gina.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

La imagen a continuaci\u00f3n es un ejemplo de c\u00f3mo personalizamos el texto para que se ajuste al resto del contenido de la p\u00e1gina.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

La siguiente configuraci\u00f3n importante a tener en cuenta en este men\u00fa es la opci\u00f3n Active\/Hover<\/strong>. Aqu\u00ed es donde puede configurar c\u00f3mo se ver\u00e1 la pesta\u00f1a cuando pase el cursor sobre ella<\/strong>. Las opciones son las mismas que todas las mencionadas anteriormente, por lo que si desea que el contenido se vea diferente al pasar el mouse, aqu\u00ed es donde establece exactamente qu\u00e9 tan diferente desea que se vea.<\/p>\n

Las opciones de Sideline<\/strong> que se encuentran aqu\u00ed son para agregar efectos de desplazamiento animados. Le recomendamos que experimente un poco con \u00e9l y vea qu\u00e9 se ver\u00eda mejor en sus p\u00e1ginas.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

Si est\u00e1 satisfecho con la forma en que configur\u00f3 la pesta\u00f1a hasta ahora, puede continuar explorando la configuraci\u00f3n de Estilo de espaciado. Estos le permitir\u00e1n ajustar el espaciado del t\u00edtulo, el contenido y los elementos que utiliz\u00f3 en la pesta\u00f1a.<\/p>\n

\"C\u00f3mo<\/a><\/p>\n

En caso de que necesite insertar una pesta\u00f1a horizontal, el procedimiento es b\u00e1sicamente el mismo. Tendr\u00e1 todas las mismas opciones a su disposici\u00f3n, excepto Colocar contenido debajo de la pesta\u00f1a en la pantalla en la opci\u00f3n.<\/p>\n

Para obtener informaci\u00f3n m\u00e1s detallada, consulte los siguientes videos:<\/p>\n