WordPress ofrece muchas formas de personalizar su sitio, y pocas de ellas son tan fáciles de implementar como los viejos widgets. Estos elementos simples le permiten configurar funciones complejas con solo unos pocos clics, por lo que tiene sentido que aprenda a usarlos en toda su extensión.
Si bien WordPress ofrece muchas opciones de widgets listas para usar, siempre hay espacio para mejorar, en este caso, usando uno o dos complementos. En este artículo, aprenderemos qué son los widgets y cómo usarlos correctamente. Luego, le presentaremos dos complementos que puede usar para obtener más control sobre sus opciones, antes de finalmente mostrarle cómo configurar uno de ellos. ¡Saltamos!
Para los no iniciados, los widgets son elementos autónomos de su sitio web de WordPress que realizan funciones específicas. De fábrica, WordPress incluye widgets para funciones como una barra de búsqueda y archivos de sus publicaciones. Puede optar por colocar widgets en una variedad de ubicaciones, como su barra lateral y múltiples áreas de pie de página.
Además, muchos temas, como Extra , vienen con sus propios widgets personalizados que le permiten agregar aún más funciones a su sitio.
Los widgets pueden ser bastante útiles, pero normalmente no ofrecen muchas opciones de personalización propias. Los complementos dedicados pueden ayudar a cerrar la brecha al proporcionarle funciones como:
- Mejores opciones de colocación. De forma predeterminada, los usuarios de WordPress están muy limitados en cuanto a dónde pueden colocar sus widgets, pero esto se puede solucionar fácilmente.
- Más personalización. La mayoría de los widgets no se pueden personalizar fácilmente, lo que podría causar posibles conflictos con su tema. Agregar más opciones puede resolver este problema.
Dado que muchos sitios web de WordPress usan widgets, tener más control sobre ellos puede ser útil. Veamos un par de herramientas que pueden ayudarlo a lograr esto.
2 increíbles complementos para controlar tus widgets
Hay muchos complementos que le permiten obtener un mayor control sobre las opciones de widgets de WordPress. Sin embargo, pocos son tan completos y bien revisados como los dos que se muestran a continuación. Veamos qué pueden hacer por ti.
1. Opciones de widgets
Este complemento hace exactamente lo que dice en la lata: ofrece más opciones de widgets para WordPress. Por ejemplo, le permite usar opciones de alineación personalizadas, configurar reglas de visibilidad para diferentes dispositivos y obtener una vista previa de sus cambios antes de que se publiquen.
La mejor parte es que no renueva la forma en que interactúa con sus widgets de WordPress . Todavía puede elegir cuáles usar desde la pestaña Apariencia y configurarlos allí; solo agrega más opciones para que elija.
Características clave:
- Añade nuevas opciones de configuración a tus widgets de WordPress.
- Elija qué páginas mostrarán cada widget.
- Especifique widgets ‘por dispositivo’ (según el tamaño de pantalla del usuario).
- Personaliza la alineación de tus widgets.
- Cree ID y clases personalizados para fines de personalización.
- Obtenga una vista previa de sus cambios antes de que se publiquen.
Precio: Gratis (con opciones premium disponibles) | Más información
2. Lógica de widgets
Mientras que nuestra elección anterior es más una solución integral para todo lo relacionado con los widgets de WordPress, esta es mucho más simple. En resumen, le permite decidir en qué páginas aparecerá cada widget utilizando la función de etiquetas condicionales de WordPress .
Si solo está buscando una manera fácil de agregar widgets a páginas específicas, esta es la opción correcta para usted. Sin embargo, si está interesado en una configuración de personalización más profunda, le recomendamos que se quede con las Opciones de widget.
Características clave:
- Elija en qué páginas aparecerá cada widget.
- Use etiquetas condicionales o PHP para insertar sus widgets.
- Personaliza el estilo de tus widgets para que coincida con el de tu tema.
Precio: Gratis | Más información
Cómo obtener más control sobre sus widgets con opciones de widgets (en 2 pasos)
Para este tutorial, estamos optando por el complemento Widget Options, ya que ofrece el conjunto de funciones más completo y también funciona bien con Divi . Una vez que haya instalado y activado el complemento, querrá configurarlo; veamos cómo hacerlo.
Paso #1: Configure la Visibilidad de sus Widgets
Una de las características principales de Widget Options es la capacidad de mostrar widgets solo en páginas específicas. Para hacer esto, dirígete a Apariencias > Widgets en tu tablero de WordPress y elige un widget. Arrástrelo a la ubicación deseada y expándalo para ver su configuración. Notarás que aparecen cuatro pestañas nuevas en la parte superior de la configuración:
La primera pestaña (representada por un ícono de ‘ojo’) contiene su nueva configuración de visibilidad. Aquí, puede configurar su widget para que aparezca solo en las páginas que seleccione de la lista a continuación:
También puede usar tipos de publicaciones y taxonomías como sus ‘disparadores’ para mostrar widgets específicos. Una vez que esté satisfecho con su elección, presione el botón Guardar y estará listo para comenzar.
Recuerde, cada widget viene con su propia configuración de visibilidad, por lo que deberá repetir este proceso para cada uno que desee incluir.
Paso n.º 2: configurar restricciones específicas del dispositivo
Desarrollar un sitio web de WordPress para dispositivos móviles siempre debe ser una preocupación clave. Por lo general, esto significa modificar ligeramente el diseño y los menús para asegurarse de que todo sea utilizable, pero a veces puede significar deshabilitar uno o dos elementos.
Opciones de widget le permite hacer esto para cualquier widget de WordPress que desee. Regrese al menú de configuración del widget que desea deshabilitar, pero esta vez, diríjase a la pestaña Dispositivos (es decir, el que tiene el ícono del teléfono inteligente):
Esta sección es relativamente sencilla ya que no incluye ninguna configuración de resolución complicada. Simplemente elija en qué dispositivos desea que aparezca su widget entre las opciones disponibles.
Paso n.º 3: agregue ID de CSS personalizados a sus widgets
Como mencionamos anteriormente, las opciones de widgets también le permiten crear ID y clases personalizados para cada uno de sus widgets. Esto le permite personalizarlos usando CSS o JavaScript, dependiendo de lo que esté buscando. Es una opción estelar y concienzuda para tener.
Para hacer esto, acceda a una de las secciones de configuración de su widget y haga clic en la pestaña Clase, ID y Lógica (representada por un icono de engranaje):
Aquí hay dos campos: uno le permite configurar una identificación personalizada para su widget y el segundo es para las clases. Recuerde, cada widget solo puede tener una ID, pero puede ser parte de varias clases. Una vez que haya terminado, haga clic en Guardar y estará listo para personalizar sus widgets.
Conclusión
Personalizar su sitio web de WordPress puede llevar mucho tiempo. Sin embargo, siempre es una buena idea asegurarse de que cada elemento de su sitio sea lo más fácil de usar y accesible posible. Hay pocas formas mejores de lograr esto que usar widgets y, lo mejor de todo, esta funcionalidad está integrada en WordPress.
Sin embargo, sus opciones de personalización suelen ser raídas. Si desea llevar sus widgets de WordPress al siguiente nivel, una de las mejores maneras de hacerlo es configurando el complemento Opciones de widgets y siguiendo estos pasos:
- Configura la visibilidad de tus widgets.
- Configure restricciones específicas del dispositivo.
- Configure cualquier ID y clase de CSS (si lo desea).
¿Son los widgets un aspecto importante en su sitio y, de ser así, cómo lo ayudará el complemento Opciones de widgets? ¡Suscríbase y comparta sus pensamientos con nosotros en la sección de comentarios a continuación!
Imagen en miniatura del artículo de Bloomicon / shutterstock.com.