¿Estás viendo temas listados como ‘listos para widgets‘, pero no estás seguro de lo que eso significa?
Los widgets facilitan mucho el diseño de tus páginas y publicaciones. Te ayudan a editar y mostrar encabezados, pies de página, barras laterales y otras áreas de tu sitio de forma visualmente impactante.
En este tutorial, aprenderás:
- Qué es exactamente un tema de WordPress listo para widgets
- Por qué querrías usar widgets de todos modos
- Cómo usar widgets para personalizar un sitio de WordPress
Como de costumbre, este tutorial incluye capturas de pantalla para que sea fácil de seguir, incluso si eres completamente nuevo en WordPress.
¿Qué es exactamente un tema de WordPress listo para widgets?
La mayoría de los temas de WordPress vienen con áreas con widgets que te permiten manipular dinámicamente estas áreas de una manera fácil de usar, arrastrando y soltando.
Por ejemplo, un widget podría ser la barra de búsqueda en la imagen a continuación:
También podrían ser los elementos en la barra lateral, como las Publicaciones Recientes, Comentarios Recientes y Categorías.
La mayoría de las veces, los widgets se usan en las barras laterales y pies de página de los temas. Desde WordPress 2.2, los widgets son parte del “núcleo” y vienen incluidos con todas las instalaciones nuevas de WordPress.
Para que sea más fácil elegir un tema listo para widgets que funcione para tu marca, hemos recopilado los mejores temas de WordPress para ti.
¿Por qué querrías usar widgets?
Podrías querer usar widgets porque hacen que cambiar la barra lateral (u otras áreas con widgets) de tu sitio de WordPress sea **mucho** más fácil. Mover elementos de la barra lateral, como listados de categorías/archivos y enlaces del blogroll, se puede hacer con facilidad a través de un tema listo para widgets.
Ahora ya sabes qué son los widgets y por qué querrías usarlos. Lo siguiente es cómo usar los widgets para personalizar tu sitio de WordPress.
Paso 1: Comprueba si el tema está listo para widgets
No puedes usar widgets si el tema que estás utilizando no está preparado para ellos en primer lugar.
Si estás utilizando el editor de bloques/Gutenberg de WordPress, puedes acceder fácilmente a las áreas de widgets de tu sitio desde tu panel de administración de WordPress.
Navega a la pestaña Apariencia » Widgets y, dependiendo del tema que estés utilizando, verás opciones como encabezado, pie de página, barra lateral y otras áreas preparadas para widgets.
Por ejemplo, el tema que estamos usando solo nos permite editar el pie de página. No hay opción para editar la barra lateral, ya que el tema no incluye una barra lateral.
Ten en cuenta que la mayoría de los temas están listos para widgets hoy en día. A menos que estés usando un tema muy antiguo o uno básico, es posible que encuentres que hay widgets limitados disponibles o ninguno en absoluto.
Dicho esto, con el tiempo, los desarrolladores se han asegurado de incluir la opción de widgets.
Paso 2: Widgets predeterminados de WordPress
En la pestaña Apariencia » Widgets, verás la misma interfaz del editor de bloques para editar tu encabezado, pie de página y barras laterales.
Editaremos la barra lateral para este tutorial. En el menú de la derecha, hay un botón de configuración que abre dos submenús para editar la configuración de las áreas de widgets y los bloques.
Cuando haces clic en el signo + en la parte superior, se abrirá un nuevo menú con bloques que puedes arrastrar y soltar en tu barra lateral.
Puedes agregar encabezados, párrafos, listas, citas, imágenes, galerías y más. También puedes reordenar la lista simplemente arrastrándolos y soltándolos donde quieras.
Esto es muy fácil de usar, pero las opciones de personalización son limitadas.
Paso 3: Más widgets con otros constructores
Con muchos creadores de temas en el mercado, puedes obtener muchas más opciones de widgets para tu sitio. Exploremos lo que los 2 principales creadores tienen para ofrecer: SeedProd y Thrive Themes.
Widgets personalizados con SeedProd
Con SeedProd, cuando eliges un kit de tema y lo habilitas, el plugin importará automáticamente todas las páginas y widgets incluidos en ese tema.
Puedes usar el botón de alternancia para publicarlos o despublicarlos con solo un clic. Por ahora, editemos la barra lateral para mostrarte qué opciones obtienes.
Una vez que hagas clic en el botón 'Editar diseño', se iniciará el creador de arrastrar y soltar. Lo que nos encanta de este creador es que no tendrás que editar y previsualizar tu diseño cada vez que hagas un cambio. Verás una vista previa de tu diseño y podrás editar tus áreas de widgets visualmente.
Si deseas agregar un nuevo elemento a tu barra lateral, encontrarás una larga lista de opciones en el menú de la izquierda. Verás bloques estándar y avanzados, así como widgets listos para usar. Simplemente selecciona el bloque y arrástralo a tu diseño de barra lateral.
Si deseas editar cualquiera de los contenidos, selecciona el bloque en la vista previa y verás nuevas opciones de edición que se abren a la izquierda.
Aquí, puedes cambiar el título y otras opciones. Por ejemplo, hemos agregado un widget de Categorías a nuestra barra lateral. Cuando lo seleccionamos, podemos cambiar el título, mostrar las publicaciones como un menú desplegable, mostrar un recuento de publicaciones y mostrar la jerarquía.
Una vez que hagas clic en el botón Aplicar , los cambios aparecerán en tu diseño. Lo verás exactamente como se vería cuando esté en vivo.
Cuando estés listo, guarda y publica tu diseño. Es realmente así de simple.
Solo hemos cubierto lo que SeedProd puede hacer por las áreas con widgets de tu sitio. Querrás ver nuestra reseña completa de SeedProd para aprender lo que realmente puedes hacer con este constructor.
A continuación, veamos qué tiene para ofrecer Thrive Themes.
Widgets personalizados con Thrive Themes
Con el Thrive Theme Builder, puedes elegir un tema que coincida con tu estilo. Hay un asistente de configuración fácil que te guía a través de la configuración de tu logotipo, color de marca, encabezado, pie de página, página de inicio y blog.
También obtienes opciones para cambiar tu diseño de cuadrícula. El tema y el diseño que estamos usando ya tienen una barra lateral habilitada. Esto se muestra de forma destacada en la parte superior del constructor.
Si haces clic en esta opción, obtendrás una biblioteca de diseños de cuadrícula para elegir. Puedes encontrar diseños solo con texto, sin barra lateral y más.
Una vez que elijas tu diseño, verás el diseño de tu página aparecer a la izquierda. En caso de que haya una sección que quieras ocultar, puedes usar el pequeño ícono de ojo junto a cada sección para mostrarla/ocultarla.
Luego, puedes hacer clic en cualquiera de estas secciones para editarla. Por ejemplo, haremos clic en Barra lateral y podremos editar la barra lateral a la derecha.
Si seleccionas un elemento individual en la barra lateral, obtendrás opciones para personalizar el bloque en el menú de la izquierda.
Puedes cambiar el ancho y la altura, la tipografía, el diseño y la posición, el fondo y los bordes. Incluso puedes personalizar opciones avanzadas como cómo aparece al desplazarse, en móvil y en escritorio.
Para editar el contenido de tus páginas y publicaciones, Thrive Theme Builder trabaja mano a mano con Thrive Architect, un potente constructor de páginas. Puedes agregar y editar elementos potentes en tus páginas y publicaciones como temporizadores de cuenta regresiva, íconos sociales, tablas de precios, listas, formularios de suscripción, galerías de imágenes y mucho más.
Todo se basa en la funcionalidad de arrastrar y soltar, por lo que es fácil personalizar tu diseño agregando, eliminando y reordenando bloques.
Hicimos una revisión completa de este constructor de páginas que puedes leer aquí: Revisión de Thrive Architect.
Con esto, has aprendido todo sobre las áreas listas para widgets en WordPress. Esperamos que esta guía te haya sido útil.
A continuación, también puedes consultar más de nuestras guías:
- Cómo agregar y estilizar un botón en WordPress
- Cómo agregar un formulario de contacto a tu sitio web de WordPress
- Cómo Crear un Diseño Personalizado de WordPress
Estos tutoriales te ayudarán a hacer que tu sitio esté más enfocado en la conversión. La última guía facilitará mucho la creación de nuevas páginas y publicaciones con un diseño personalizado.
Comentarios Dejar una respuesta