Minimice el desorden del sitio y mejore la interacción con pestañas para WordPress

Cualquier cosa que pueda hacer para optimizar su sitio es algo bueno. Después de todo, cuanto menos tengan que hacer los visitantes del sitio de trabajo para obtener la información que desean, mejor. Sin embargo, esto puede ser un desafío si su sitio por su propia naturaleza debe incluir mucha información. El resultado final de tales sitios generalmente involucra a aquellos con páginas muy largas por las que casi nadie se desplazará y aquellos con una tonelada de páginas que, de manera similar, casi nadie hará clic.


Entonces, ¿cuál es la alternativa a una página súper larga o demasiadas páginas? ¿Por qué, pestañas por supuesto! Y no se preocupe: no tiene que ser un genio de la codificación para obtener pestañas en su sitio. Existen muchos complementos que permiten esta función. He reunido algunos de los mejores para ayudarlo a agregar contenido con pestañas a su sitio de WordPress rápida y fácilmente.

Publicar pestañas de la interfaz de usuario

Publicar pestañas de la interfaz de usuario

Publicar pestañas de la interfaz de usuario simplifica la adición de pestañas jQuery dentro de su contenido, ya sean publicaciones, páginas u otros tipos de publicaciones. Todo lo que tiene que hacer es insertar códigos cortos en el editor y habilitará las pestañas.

El complemento incluye 24 temas de interfaz de usuario diferentes para facilitar la coincidencia de su tema existente. O, si tiene las chuletas, cree una hoja de estilo personalizada para mejorar aún más la apariencia..

Una vez que se instala el complemento, todo lo que tiene que hacer es hacer clic en el botón TinyMCE relevante dentro del editor de publicaciones para insertar el código abreviado apropiado. De acuerdo con el listado oficial del directorio de WordPress para las pestañas Post UI, también puede insertar pestañas usando los siguientes códigos cortos directamente:

[tab name = ”Your tab name 1 ″] El contenido de su pestaña [/ tab]
[tab name = ”Your tab name 2 ″] El contenido de su pestaña [/ tab]
[tab name = ”Your tab name 3 ″] El contenido de su pestaña [/ tab]
[end_tabset]

Siéntase libre de insertar HTML en estas pestañas. Debe manejarse sin problemas y terminarás viendo tu contenido mostrado como lo haría en cualquier otro lugar de tu sitio, como habrás adivinado, está contenido en una pestaña.

Pestañas fáciles de responder

Pestañas fáciles de responder

Otro complemento que definitivamente deberías consultar si deseas agregar pestañas a tu sitio es Pestañas fáciles de responder. No solo es compatible con Bootstrap 3.0, sino que también agrega botones TinyMCE al editor visual, por lo que es muy sencillo insertar pestañas sensibles con solo hacer clic en un botón.

Una vez que hace clic en este botón, se abre un panel de configuración que le permite seleccionar el color para varios aspectos diferentes de las pestañas, incluidos encabezados, pestañas activas, desplazamiento, fondo y más. También puede configurar pestañas para que aparezcan en la parte superior o inferior. Este complemento es un verdadero favorito debido a lo fácil que es configurarlo y trabajar de inmediato.

Tabby Tabs Responsive

Tabby Tabs Responsive

Si la capacidad de respuesta es una de sus principales preocupaciones, Tabby Tabs Responsive Es una buena opción para ti. En pocas palabras, este complemento le permite insertar pestañas receptivas dentro de publicaciones y páginas mediante códigos cortos. Admite más de un conjunto de pestañas en una página o publicación simple y utiliza jQuery para crear las pestañas y el efecto de acordeón en pantallas más pequeñas. También puede acceder a las pestañas con su teclado.

Para insertar pestañas, todo lo que tiene que hacer es insertar dos códigos cortos: [tabby] y [tabbyending]. Específicamente, usaría [tabby title = “tabname”] para establecer el nombre de la pestaña. Luego, escribe el contenido que debe incluirse en esta pestaña, incluido el HTML que desee. Puede insertar más pestañas si lo desea. Luego, para terminar ese conjunto de pestañas, use el código corto [tabbyending] para cerrar el grupo de pestañas.

Ahora, si desea realizar cambios de estilo en estas pestañas, deberá profundizar un poco más en el código. De acuerdo con la página del directorio de WordPress del complemento, deberá copiar la hoja de estilo del complemento en un tema secundario y realizar modificaciones en el estilo de pestaña o acordeón como mejor le parezca..

Widgets en pestañas

A veces, sus necesidades dentro de las pestañas individuales son un poco más complejas. Para estos casos, está el Widgets en pestañas enchufar. Le permite colocar los widgets que desee, todo en pestañas para ahorrar espacio y crear una experiencia más organizada en su sitio web. Tiene multitud de usos..

Por ejemplo, puede optar por usar pestañas para mostrar widgets Publicaciones recientes y Comentarios recientes. Puede agregar Categorías para completar aún más la visualización de pestañas. O bien, puede crear un grupo de pestañas dedicadas a los widgets de redes sociales integrados, como Facebook Like Box, Twitter feed, Google+, Pinterest pinboard, etc..

Una cosa que realmente me gusta de los widgets en las pestañas es que no incluye sus propios estilos, lo que le permite ser diseñado por su tema. Las pestañas se mezclan con su sitio y parecen pertenecer.

Los títulos de las pestañas también se pueden desplazar, lo que es una buena alternativa al enfoque tradicional apilado. También hay opciones de animación para las transiciones entre widgets, y puede establecer cuántos segundos esperará entre pasar de una pestaña a la siguiente.

Al igual que con todos los demás complementos de pestañas enumerados aquí, es fácilmente insertable gracias al código corto [ingenio].

WP UI – Pestañas, acordeones, deslizadores

WP UI

El último complemento del que voy a hablar aquí es WP UI: pestañas, acordeones, controles deslizantes. Este complemento no solo facilita la inserción de pestañas en publicaciones y páginas, sino que también permite la integración simple de otros estilos de formato como acordeones, controles deslizantes y cuadros de diálogo. El complemento funciona con jQuery y puede usar más de un tema de jQuery UI en cada página, si lo desea.

Viene con una página de opciones fácil de usar que simplifica la configuración y el uso. También agrega menús y diálogos dedicados para una navegación más simple. Como todos los complementos anteriores, este se basa principalmente en códigos cortos para una implementación rápida. El shortcode [pestañas wp] se puede mejorar fácilmente con el argumento de estilo, que se puede modificar en alrededor de 24 formas diferentes como “wpui-blue” para dar a las pestañas un aspecto más coherente con su tema.

Sin embargo, lo más destacado de este complemento para mí es la capacidad de mostrar publicaciones y feeds en pestañas o acordeones. El shortcode es [wptabposts] y le permite mostrar publicaciones dentro de una serie de pestañas. O, si desea mostrar un feed dentro de una página o publicación, simplemente use el código corto [wpuifeeds]. De acuerdo con el listado del directorio de WordPress para WP UI, puede usar [wpspoiler post = “3028”] para mostrar solo una publicación en este formato especializado.

Symple Shortcodes

Symple Shortcodes Minimal Tabs

Por supuesto, si solo necesita pestañas básicas, asegúrese de considerar el complemento Symple Shortcodes WordPress hecho a mano aquí en WPExplorer. El complemento incluye algunas pestañas mínimas encantadoras que puede usar en cualquier página de su sitio, además de muchas otras excelentes funciones de organización de contenido. Agregue columnas, conmutadores, acordeones y muchos otros acentos (botones, íconos sociales, etc.).


Aunque puede parecer complicado al principio, el proceso de agregar pestañas a su sitio es bastante simple. Los complementos anteriores lo hacen muy fácil y el resultado final es atractivo y funcional. Vale la pena echarles un vistazo, en mi opinión. Los visitantes de su sitio obtienen acceso a toda la información a la que necesitan tener acceso sin saturar el diseño general. Es una solución rápida para sitios con muchos recursos y contenido..

¿Utiliza pestañas en su sitio? ¿Qué pasa con alguno de estos complementos, específicamente? Si es así, ¿han trabajado para usted? ¿Has encontrado otra forma de incorporar pestañas en tu sitio? Me encantaría escuchar tu experiencia con este ingenioso truco organizativo en los comentarios.!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map