Cómo agregar un área de widgets en WordPress

Publicado: 2022-09-14

Para agregar un área de widgets en WordPress, debe seguir algunos pasos simples. Primero, debe decidir dónde desea que se ubique el área del widget. Esto se puede hacer buscando un tema que ya tenga un área de widgets integrada o creando un nuevo archivo en el directorio de temas de WordPress. A continuación, debe agregar el código para el área del widget al archivo. Esto se puede hacer creando una nueva función en el archivo functions.php o agregando el código a una función existente. Finalmente, debe agregar el código para llamar a la función al lugar apropiado en el código de WordPress. Esto se puede hacer agregando el código al archivo header.php, o agregándolo al archivo footer.php.

Si un visitante permanece en el sitio durante mucho tiempo, tiene más posibilidades de suscribirse a un boletín informativo o de vender un producto. Puede crear un sitio web impresionante que atraiga y retenga visitantes siguiendo los pasos descritos en este artículo. Cuando tiene opciones de tema integradas, puede agregar fácilmente áreas de widgets personalizadas usándolas. Vaya a Apariencia para ver si su tema le permite crear/agregar áreas de widgets personalizadas. Estas áreas tienen su propio conjunto de configuraciones y opciones de eliminación, en contraste con las áreas de widgets predeterminadas . En otras palabras, puede crear una barra lateral para una sola publicación de blog y usar el área de widgets personalizados como barra lateral. Además, para las Páginas de archivo, puede cambiar su posición y ancho seleccionando Diseño de la barra lateral.

Le mostraremos cómo agregar áreas de widgets a su sitio de WordPress en este tutorial. Cada área de widget debe estar registrada con la función register_sidebar dentro del archivo functions.php de su tema para que se muestre. La codificación personalizada puede ser la mejor opción si no tiene las opciones descritas anteriormente o simplemente desea más flexibilidad. Cuando registre el área de widgets, deberá incluir un método para llamar a la barra lateral. Para mostrar los widgets que desea usar, vaya a Apariencia. Aunque no es necesario envolver el widget con una etiqueta div, lo recomendamos porque hace que el HTML de sus páginas sea más coherente. En algunos casos, un área se puede usar en todas las páginas, mientras que otros solo se pueden usar en un número limitado de páginas.

Para lograr lo mismo, debe usar etiquetas e instrucciones condicionales para crear áreas de widgets basadas en código. Esta sección repasará algunos pasos en el tema de Cevian, así como algunos ejemplos de etiquetas condicionales. Se recomiendan los ganchos y los filtros como una forma amigable para los desarrolladores de agregar funcionalidades personalizadas a un tema. El desafío es seleccionar los selectores de CSS adecuados. Al envolver el código de área del widget en divs con una clase o identificación personalizada específica, esta es la mejor opción. El uso de áreas de widgets en los sitios de WordPress les permite mejorar el diseño del sitio y al mismo tiempo captar la atención de los visitantes. Agregar un área de widgets personalizada a su sitio puede hacer que se destaque entre la multitud, incluso si cada tema tiene su propia área de widgets predeterminada . Podrá agregar áreas de widgets personalizadas a su sitio web si sigue los pasos y consejos descritos en este artículo.

Simplemente agregue el widget a su sitio web yendo a la página donde desea agregar el widget y luego copiando el código antes de la etiqueta HTML */body>. Debes incluir el código en cada página web donde quieras que aparezca el widget. El Web Widget (clásico) debe estar habilitado para que aparezca en el firewall.

¿Cómo creo un área de widgets personalizada en WordPress?

Crédito: www.webnots.com

Seleccione los widgets que desee en el menú Apariencia. El widget de muestra de Hostinger debería aparecer en la lista de Widgets disponibles. Arrastre y suelte el widget en el lado derecho de la barra lateral de la página, donde aparecerá. Visite su sitio web y guarde los cambios.

Cómo agregar una imagen en el pie de página usando un widget personalizado

Después de agregar el widget, vaya a la pestaña 'Configuración' del widget 'Imagen' y elija 'Diseño' en el menú desplegable. La ruta de la imagen, el tamaño de la imagen y el formato de la imagen se pueden configurar aquí. También existe la opción de crear una clase CSS personalizada para la imagen. Es necesario crear un widget para agregar una imagen al pie de página. Esto se puede hacer yendo a Apariencia. Ingrese 'Widgets' en el cuadro de búsqueda de la página del widget. El panel 'Widgets' ahora aparecerá en el área de administración de WordPress. Puede crear un nuevo widget ingresando el nombre y la descripción del widget en los campos 'Nombre del widget' y 'Descripción del widget'. Luego, para agregar el widget 'Imagen' a su pie de página, haga clic en el enlace 'Agregar un widget'.

¿Qué son las áreas de widgets en WordPress?

Crédito: Themler

Las áreas de widgets en WordPress son áreas donde puede colocar widgets para que sus visitantes los vean y los usen. Estas áreas generalmente se encuentran en las barras laterales, pero también pueden estar en el pie de página u otras áreas del sitio web. Puede agregar tantas o tan pocas áreas de widgets como desee, y cada una puede contener cualquier número de widgets.

Debido al lanzamiento de WordPress 5.x, los widgets definidos de esta forma ya no son compatibles. Todavía puede llenar áreas de widgets con bloques. Los bloques se han convertido en una característica importante para WordPress a lo largo de los años. Los bloques ahora están integrados con el editor de widgets, tal como lo están con WordPress. Una gran proporción de los temas de WordPress contienen al menos dos secciones con widgets. Para agregar un bloque a un área de widgets, haga clic en el botón + antes o después de un elemento existente, o en la parte inferior del área de widgets para agregar un bloque. Si desea eliminar temporalmente elementos de widgets de sus áreas de widgets de WordPress, puede hacerlo moviéndolos al área de widgets activos.

En WordPress, aproximadamente quince bloques están disponibles en la categoría Widgets. Veremos qué pueden hacer y cuán útiles son, en nuestra opinión. Los códigos cortos se crean usando el bloque de código corto. Es posible que desee mostrar categorías en este bloque si aún no lo ha hecho colocándolas en un menú. A los visitantes se les muestra una lista de sus comentarios más recientes utilizando el bloque Último comentario. Puede mostrar todas las páginas de su sitio utilizando el bloque Lista de páginas. Con el bloque Legacy Widget, puede ver o seleccionar un widget de WordPress o un widget declarado por un tema o complemento.

El bloque Meta contiene una serie de enlaces destinados al webmaster del sitio. El bloque Menú de navegación le permite crear un menú de navegación dentro de un área de widgets. Una gran cantidad de contenido en su sitio web, como WPMarmite, requiere este bloqueo. El bloque de categoría de widgets predeterminado de WordPress es un bloque para WordPress. Los bloques se pueden encontrar en la sección de widgets de la página. El bloque del menú de navegación se actualizará a la versión 5.9 de WordPress. ¿Qué son los campos de widgets en WordPress? Por favor comente a continuación si tiene alguna información al respecto.

¿Cómo cambio el área de widgets en WordPress?

Arrastre y suelte para cambiar el orden en que aparecen estos widgets en la barra lateral. Cambiar el nombre de un widget. Las secciones correspondientes del widget se pueden expandir, el texto del título se puede editar y el título del widget se puede cambiar después de hacer clic en Listo. Si desea eliminar un widget, presione el botón Eliminar.

¿Cómo agrego un área de encabezado a un widget en WordPress?

Si no puede ver que su tema tiene un widget de encabezado de WordPress, vaya a Apariencia. Puede encontrar una lista de sus paneles de widgets de WordPress en el panel de administración. Si hay una sección de widgets etiquetada como "Encabezado", búscala en la barra lateral. Para acceder al menú de widgets, seleccione el icono del complemento 'Plus'.

El uso de widgets en WordPress le permite agregar una función específica a un sitio. Puede usar un widget de encabezado para promocionar el contenido que desea que todos vean. El código de sus sitios web afiliados y de ingresos publicitarios puede arrastrarse y soltarse en el encabezado y luego pegarse en su widget de texto. Para usar el archivo header.php, primero debe cambiarlo. La sección Apariencia incluirá una nueva área de widgets llamada "Widget de encabezado", que será determinada por el desarrollador. Puede personalizar el área del widget de encabezado con codificación si está familiarizado con CSS. Este tutorial sería más adecuado para temas que no tienen un widget de encabezado ya instalado.

El tema ColorMag, por ejemplo, tiene una barra lateral de encabezado. WordPress maneja las actualizaciones de temas de varias maneras. Si desea volver a cambiar el tema, deberá agregar el código nuevamente.

Agregue el complemento de WordPress del área de widgets

En las pantallas de administración de WordPress, vaya a Apariencia. Puede acceder al personalizador de widgets haciendo clic en el menú de widgets del personalizador de temas. Al hacer clic en la flecha hacia abajo del área de widgets, puede encontrar todas las páginas de widgets existentes. Puede agregar un widget haciendo clic en el botón Agregar un widget en la barra lateral.

Aprenderá cómo agregar un área de widgets al contenido de una página utilizando el complemento de WordPress de Nicepage. Al utilizar la funcionalidad de widgets de Nicepage, puede agregar funcionalidad a una página. Existen numerosas funciones que se pueden usar para crear publicaciones en redes sociales, navegación, mensajes, pancartas, controles deslizantes, etc. El primer paso para configurar un área de widgets con el complemento Nicepage para WordPress es crear un área. Para agregar una imagen o texto a su Área principal de widgets, use el widget Imagen y texto.