Un widget de WordPress es un elemento modular que te permite agregar una característica específica a tu sitio web. Los widgets se pueden agregar a diferentes áreas de un sitio web, como las barras laterales o las áreas de pie de página de un sitio web, y son una parte inherente del diseño de WordPress y las personalizaciones de diseño.
En esta publicación, veremos qué son los widgets, cómo se comparan con los complementos, los tipos de widgets que puede obtener y cómo crearlos. ¡Empecemos!
Cuándo usar los widgets de WordPress
Cada vez que desees elevar tu sitio web con una nueva función o característica visible, probablemente busques un widget de WordPress. Use un widget de Instagram para conectar a los visitantes con sus publicaciones en las redes sociales, o codifique un widget personalizado para satisfacer tus necesidades: ¡el cielo es el límite! Puede acceder a tus widgets en la pestaña «Apariencia» al crear o editar su sitio.
Pero, ¿cuál es el uso de los widgets en WordPress? ¿Y con qué tipos deberías trabajar?
Widgets frente a plugins o complementos
En la superficie, los widgets y complementos parecen realizar funciones similares. Sin embargo, tienen diferentes roles que cumplir.
Por ejemplo, un complemento de WordPress generalmente introduce una funcionalidad «global» adicional en su sitio web que no está disponible de forma predeterminada.
Por otro lado, un widget le permite mostrar contenido adicional dentro de varios elementos de su sitio web (como el encabezado, la barra lateral de WordPress y los pies de página). Si bien pueden agregar características, a menudo proporcionan adiciones más pequeñas y enfocadas, y se arrastran y sueltan en su lugar.
Tipos de widgets
Dada su utilidad, existe una amplia gama de widgets para elegir. Si bien WordPress viene con una variedad de widgets predeterminados, muchos temas incluyen sus propias soluciones específicas. Echemos un vistazo a algunos ejemplos diferentes y los propósitos a los que sirven.
Metawidget-
WordPress incluye una serie de widgets diferentes listos para usar, uno de los cuales es el widget Meta. Esto le permite a usted y a otros usuarios iniciar sesión en su panel de administración de WordPress desde su sitio web principal.
Widgets de suscripción de correo electrónico
WordPress se puede integrar con una amplia gama de sistemas de respuesta automática, como MailChimp, Constant Contact, AWeber e InfusionSoft. Al agregar un fragmento de código a un widget dedicado, puede mostrar un cuadro de suscripción que permite crear una lista de suscriptores de correo electrónico a través de tu sitio web de WordPress.
Widgets de redes sociales
La integración de redes sociales también es posible, y este es un uso popular para los widgets dado que se pueden mostrar de manera destacada, sin ocupar espacio.
Si bien muchos temas incluyen un widget de redes sociales dedicado, también puede codificar el suyo propio si tiene las habilidades relevantes mediante el uso de un widget de texto (más sobre esto en breve).
Publicaciones recientes, páginas y widgets de categorías
Cada propietario de un sitio web debe hacer que sea lo más fácil posible para los usuarios del sitio web navegar a través de un sitio web, y una serie de widgets predeterminados le permiten hacer esto.
Estos widgets se explican por sí mismos, pero hay otros widgets relacionados (como Archivos y Calendario) que le brindan más opciones para mostrar sus publicaciones a los visitantes.
Widget de búsqueda
Para un gran blog de WordPress, dar a los visitantes del sitio web la capacidad de buscar contenido es otra forma efectiva de mejorar la navegación. El widget de búsqueda te permite hacer exactamente eso. Aunque no tiene tantas funciones como las soluciones dedicadas, sigue siendo una excelente manera de reforzar la navegación a disposición del lector.
Widget de texto
Como hemos mencionado, agregar texto o código HTML a un widget te permite ofrecer más funciones a tu sitio de WordPress.
Sin embargo, este widget tiene un propósito principal mucho más simple: te permite mostrar texto sin formato dentro de un área de widgets, lo que podría ser útil para lemas u otra información importante que desees mostrar de manera destacada.
Widget de carrito de compras
Ya sea que administres un sitio de comercio electrónico en auge o venda algunos productos, un widget de carrito de compras es imprescindible. Elija un complemento como WooCommerce o Ecwid, y tendrás acceso a las opciones de widgets que pueden convertir tu sitio web en una fuente de ingresos. La mayoría de las opciones también vienen con un tablero para ayudar a realizar un seguimiento de las ventas.
Widget de mapa
Si tienes una o más ubicaciones físicas, un widget de mapa ayudará a tus clientes a encontrarte.
Aunque no necesitas usar un widget para incluir un mapa de Google en tu sitio (la API de Google Maps le brinda un código de inserción), los widgets de mapas vienen con una funcionalidad adicional. Los beneficios de un widget de mapa incluyen animaciones, vista de la calle y la capacidad de búsqueda.
Widget de formulario
El uso más común de un widget de formulario es un formulario de contacto, que es especialmente útil si no tiene (o no desea) una dirección de correo electrónico disponible públicamente.
Pero hay otras razones por las que es posible que necesite que un visitante complete un formulario en su sitio: formularios de renuncia y consentimiento, envío de contenido, concursos, etc. Los widgets de formulario lo hacen posible.
Widget de llamada a la acción
Si es la primera vez que crea un sitio web con WordPress, ¿cuál es un widget que no puede prescindir? Un widget de llamada a la acción (CTA) puede estar entre los 5 primeros. No solo deseas que los visitantes entren a tu sitio web y se vayan; quieres que hagan algo, como comprar un producto o registrarse en una lista de correo.
Los widgets de llamada a la acción vienen en muchas formas, incluidas ventanas emergentes, pancartas, diapositivas y más. El objetivo de una CTA es captar la atención de tu cliente y pedirle que realices una acción específica.
Opciones de widgets
A medida que WordPress ha evolucionado, también lo han hecho tus widgets. Si bien la instalación predeterminada incluye varias áreas de widgets diferentes, muchos temas ofrecen otras opciones de ubicación (y para muchos es un punto de venta principal). Como tal, no está necesariamente restringido sólo a la barra lateral: puede agregar widgets en numerosos lugares en el pie de página, el encabezado o incluso en la página misma.
Además, normalmente hay opciones personalizables para cada widget individual. Los widgets predeterminados generalmente le permiten agregar solo un título de widget personalizado, pero los widgets más complejos pueden proporcionar opciones más dedicadas relacionadas con la funcionalidad. Por ejemplo, los widgets de las redes sociales a menudo le permiten modificar la cantidad de publicaciones que se muestran, junto con algunas opciones básicas de diseño.
Cómo crear un widget de WordPress
Es probable que crear tu propio widget de WordPress sólo atraiga a aquellos con conocimientos de desarrollo. Sin embargo, es una excelente manera de agregar la funcionalidad que falta a tu sitio, sin depender de soluciones de terceros.
Estos son los breves pasos que deberá seguir:
- Crea e instala un complemento de widget que creará el nuevo widget.
- Configura tu nuevo widget.
- Crea el formulario de administración que permite a los usuarios de WordPress seleccionar opciones personalizadas para tu nuevo widget.
- Actualiza las opciones de tu widget.
- Produce la salida para el widget.
Por supuesto, hay mucho más involucrado en la creación de un widget de lo que podemos explicar aquí, aunque estos pasos deberían ser suficientes para comenzar.
Widgets en sitios con capacidad de respuesta móvil
Cuando se muestra un widget en un dispositivo móvil, debe responder y adaptarse al tamaño de pantalla del dispositivo específico. Muy a menudo, esto implica un grado de reubicación.
Si bien algunos widgets disponibles cambian de tamaño automáticamente, otros (como los que aparecen en la barra lateral personalizada) se reubicarán en la parte inferior del sitio web cuando se vean en un dispositivo móvil. Además, ciertos widgets se pueden configurar para que se oculten por completo, según el tipo de dispositivo seleccionado.
¿Cuántos widgets puede tener un sitio?
En resumen, no hay un límite real para la cantidad de widgets que puede tener un sitio. El factor clave generalmente estará relacionado con el poder de cómputo.
Sin embargo, cuando se trata de cosméticos, la cantidad de widgets activos que agrega depende de tu sitio web y el contenido en cuestión. Recomendamos que los widgets se usen con moderación, ya que muchos widgets demasiado activos pueden causar distracción y desviar la atención de los visitantes del contenido principal de tu sitio web.
Cómo agregar un área de widgets
Entonces, ¿cómo agregar un widget? Como hemos discutido, las áreas de widgets se pueden incluir en el encabezado, pie de página y barras laterales de una página web o publicación. Si decides crear una nueva área de widgets para tu sitio web, puede hacerlo siguiendo estos pasos:
- Registre la nueva área de widgets en el archivo functions.php en tu área de administración de WordPress.
- Llame a la nueva área de widgets en el archivo de su tema. Debe decidir dónde estará (por ejemplo, en el encabezado de tu tema de WordPress).
Varios complementos también pueden automatizar este proceso para usted. Sin embargo, muchos carecen de actualizaciones, por lo que debe asegurarse de que no presenten problemas en su instalación de WordPress.
Independientemente de la funcionalidad de tu sitio web, necesitarás un host de WordPress administrado de calidad para asegurarse de que tu sitio sea seguro y rápido. WP Engine proporciona consejos y trucos para ayudar a los propietarios y desarrolladores de sitios web de WordPress.
Neothek ofrece servicios de web hosting, registro de dominios, correo electrónico, certificados SSL, diseño de páginas web y diseño gráfico.