TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

28

WordPress como sistema de gestión de contenido permite agregar diferentes tipos de elementos en su sitio. El diseño general de un sitio WordPress publicado se puede dividir en cuatro partes diferentes: encabezado, área de contenido, barra lateral y pie de página. Puede agregar diferentes tipos de elementos a una de estas partes para lograr el diseño y las funciones deseados. Algunos elementos dependen de los temas y algunos se pueden agregar mediante complementos adicionales. Algunos afectan a todo el nivel del sitio y otros solo afectan a la publicación o página en particular.

¿Qué son los widgets de WordPress?

Los widgets son elementos agregados fuera del área de contenido principal y afectan a todo el sitio. Los widgets de área que se pueden colocar en su sitio se denominan "área de widgets". Hay dos áreas de widgets comunes en cualquier sitio de WordPress: la barra lateral y el pie de página del diseño de su sitio. El widget se puede usar para agregar contenido de texto simple o para mostrar categorías o para agregar un formulario de registro en la barra lateral.

Hay tres tipos de widgets en WordPress:

  • Widgets predeterminados que vienen con la instalación de WordPress.
  • Los widgets vienen con tu tema.
  • Widgets agregados con complementos adicionales.

Algunos complementos también ofrecen widgets especiales que se pueden usar para controlar el comportamiento del encabezado y el área de contenido principal de su página.

¿Cómo agregar widgets?

Cada tema viene con un conjunto de widgets específicos para ese tema. Suponga que tiene un "Tema A" activo en su sitio. Todos los widgets disponibles del "Tema A" se pueden ver en "Apariencias> Widgets" en el panel de administración de WordPress.

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Widgets de WordPress

La pantalla mostrará las siguientes tres secciones:

  • Widgets activos en el tema: simplemente arrastre y suelte el widget requerido en la barra lateral o área de pie de página requerida.
  • Áreas de widgets disponibles: todas las barras laterales y el área de pie de página.
  • Widgets inactivos: puede agregar el widget activo al área inactiva como marcador de posición. El propósito real es eliminar los widgets en vivo del área de widgets y mantenerlos aquí temporalmente en lugar de eliminarlos permanentemente.

Los widgets activos son los vacíos, mientras que los widgets inactivos contienen el contenido en su interior. Por ejemplo, el widget "Texto" en el área inactiva tendrá el "Título" y el "Contenido" utilizados antes en el sitio en vivo. Puede arrastrar y soltar los widgets desde el área de widgets al área inactiva para mantenerlos en algún momento en lugar de eliminarlos directamente de forma permanente.

Hoy en día, un tema de WordPress ofrece una variedad de widgets con múltiples barras laterales y también el área del pie de página se puede dividir en múltiples columnas. En tal caso, el área de la pantalla en el panel de administración se agrupará con widgets y áreas de widgets. Esto dificulta la función de arrastrar y soltar, ya que el área de widget requerida puede no estar en un estado expandido y debe desplazarse hacia abajo. Para simplificarlo, hacer clic en el widget le mostrará la lista de áreas de widgets disponibles para agregar el widget. Seleccione el área requerida y haga clic en el botón "Agregar widget" para agregar el widget a esa área.

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Haga clic y agregue widget al área de widgets

Personalización de widgets

El widget agregado de forma predeterminada aparecerá en último lugar en el área de widgets. Puede arrastrar y reorganizar la posición del widget en la barra lateral.

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Reorganizar los widgets en la barra lateral

Una vez agregado el widget, se mostrará instantáneamente en el sitio publicado, por lo tanto, personalice rápidamente el widget. Por ejemplo, cuando agrega el widget social Síguenos, asegúrese de agregar todos los enlaces sociales rápidamente. De lo contrario, solo el encabezado como "Síguenos" puede aparecer en la barra lateral sin íconos sociales. Guarde los cambios del widget, una vez que se agreguen los parámetros necesarios.

Eliminar y desactivar

Cada widget en las barras laterales y el área de pie de página se puede eliminar haciendo clic en el enlace "Eliminar".

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Eliminando el widget de WordPress

En lugar de eliminar el widget de forma permanente, puede pasar al área inactiva para reutilizarlo más tarde. Los widgets disponibles en el área inactiva no serán visibles en el sitio en vivo.

Usando WordPress Live Customizer

WordPress también permite personalizaciones de widgets a través del personalizador en vivo al que se puede acceder en "Apariencia> Personalizar".

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Personalizar widgets con el personalizador de WordPress

Usar el modo de accesibilidad

Si tiene dificultades para arrastrar y soltar el widget, haga clic en "Opciones de pantalla" y "habilitar el modo de accesibilidad". Esto deshabilitará la función de arrastrar / soltar y habilitar los botones “Agregar / Editar" como se muestra en la imagen de abajo.

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Modo de accesibilidad para widgets de WordPress

Al hacer clic en el botón "Agregar" o "Editar", accederá a una nueva pantalla y ofrecerá más opciones.

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Agregar un widget en el modo de accesibilidad

Ejemplo de widgets de WordPress

A continuación se muestran algunos de los widgets que se ofrecen de forma predeterminada con la instalación de WordPress:

  • Texto / HTML personalizado

  • Buscar

  • Categorías

  • Archivo

  • Meta

  • Mensajes recientes

  • Comentarios Recientes

  • Calendario

  • RSS

  • Nube de etiquetas

El widget de texto / HTML personalizado es el más utilizado debido al alcance más amplio. Puede agregar códigos de publicidad como Google AdSense, contenido de texto simple, códigos cortos, CSS, HTML y scripts dentro de los widgets de texto / HTML personalizados.

Además de los widgets predeterminados, la mayoría de los temas también ofrecen widgets adicionales. Por ejemplo, los temas pueden ofrecer widgets para widgets sociales como Me gusta en Facebook, línea de tiempo de Twitter y botón de seguimiento de Google+. La imagen de abajo muestra el uso de cinco widgets diferentes en el área de pie de página de este sitio.

¿Cómo agregar y personalizar widgets en el sitio de WordPress?

Ejemplos de widgets de WordPress

Mejora de la funcionalidad del widget

Los complementos se utilizan para agregar nuevas funciones que no ofrece su tema. También puede utilizar complementos para mejorar las funciones existentes. Los desarrolladores de complementos ofrecen un widget personalizado, especialmente si la función se va a agregar en todo el sitio. El mejor ejemplo son los complementos sociales, que ofrecen un widget personalizado en "Apariencia> Widgets". El widget personalizado se puede agregar al lugar requerido en la barra lateral como cualquier otro widget.

Ajustar la visibilidad del widget

Un widget agregado en la barra lateral principal será visible en todas las publicaciones, páginas, archivos y página de índice del blog. Esto no es lo que siempre quieres. A veces, desea mostrar un widget solo en los archivos y la página de índice del blog mientras muestra diferentes widgets en publicaciones y páginas regulares. La visibilidad del widget se puede controlar mediante complementos como Jetpack. Consulte el artículo sobre cómo controlar la visibilidad de los widgets con Jetpack.

Puntos para recordar en los widgets

  • Los widgets agregados y guardados en el área de widgets aparecerán instantáneamente en el sitio en vivo, no es necesario activarlos por separado.
  • Los widgets son específicos del tema. Cuando cambia un tema, los widgets antiguos no aparecerán en el nuevo tema. Pero WordPress recuerda la configuración de los widgets, por lo que si vuelve al tema anterior, los widgets volverán a aparecer automáticamente.
  • Se pueden agregar widgets adicionales a través de complementos. También se pueden usar complementos para controlar el comportamiento de los widgets.
  • Generalmente, los widgets solo se pueden agregar en barras laterales y áreas de pie de página. El mismo widget se puede agregar varias veces.
  • Algunos widgets especiales controlan el encabezado y los comportamientos del área de contenido principal, como los widgets que ofrecen los complementos de administración de anuncios.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More