{"id":37284,"date":"2022-10-04T07:00:38","date_gmt":"2022-10-04T14:00:38","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=37284"},"modified":"2025-01-16T13:04:32","modified_gmt":"2025-01-16T21:04:32","slug":"guia-sobre-widgets-barras-laterales-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/guia-sobre-widgets-barras-laterales-wordpress\/","title":{"rendered":"Widgets de WordPress y Barras Laterales: Todo lo Que Debes Saber"},"content":{"rendered":"\n

Posiblemente, el punto m\u00e1s s\u00f3lido de venta de WordPress es <\/span>lo personalizable que es<\/span><\/a>, incluso, para principiantes. Por supuesto, a\u00fan debes entender las funciones principales de la plataforma si deseas sacar el mayor provecho de tu sitio. Aprender c\u00f3mo funcionan las barras laterales y widgets es un excelente primer paso. <\/span><\/p>\n\n\n\n

Los widgets de WordPress son peque\u00f1os m\u00f3dulos \u00fatiles que te permiten a\u00f1adir una funcionalidad espec\u00edfica para las barras laterales y los pies de p\u00e1gina de los temas Cl\u00e1sicos. A\u00fan mejor, no necesitas saber de programaci\u00f3n para utilizarlos. Gracias a los widgets, puedes emplear tus barras laterales para mostrar im\u00e1genes, publicaciones recientes, una barra de b\u00fasqueda y mucho m\u00e1s. <\/span><\/p>\n\n\n\n

Una Introducci\u00f3n a los Widgets de WordPress y las Barras Laterales<\/b><\/h2>\n\n\n
\n
\"Las<\/figure><\/div>\n\n\n

Hay algunas maneras en las que WordPress te ayuda a personalizar la apariencia y la funcionalidad de tu sitio web, incluso si no eres un dise\u00f1ador. Por ejemplo, los temas te permiten <\/span>realizar cambios a gran escala <\/span><\/a>en la apariencia de tu sitio. Sin embargo, \u00bfqu\u00e9 pasa si, en cambio, a\u00f1ades funciones espec\u00edficas a tus p\u00e1ginas web? <\/span><\/p>\n\n\n\n

Es momento de darle la <\/span>bienvenida a los widgets<\/span><\/a> \u2014 opciones simples, pero flexibles que est\u00e1n incluidas en WordPress por defecto. Los widgets son m\u00f3dulos peque\u00f1os, pre-construidos que a\u00f1aden nuevas funcionalidades a tu sitio. Usando un widget, puedes incluir funcionalidades tales como una barra de b\u00fasqueda, una lista de publicaciones recientes, un men\u00fa personalizado, y mucho m\u00e1s. Adem\u00e1s, el m\u00e9todo para poner un widget en tu sitio no podr\u00eda ser m\u00e1s f\u00e1cil. <\/span><\/p>\n\n\n\n

Con respecto a d\u00f3nde van, hay una o m\u00e1s \u2018\u00e1reas de Widget\u2019 designadas en tu sitio. Estas, a menudo, pueden variar dependiendo de tu tema. Sin embargo, en general, est\u00e1n en el pie de p\u00e1gina y <\/span>barra(s) lateral(es) de tu sitio<\/span><\/a>. Por lo tanto, los widgets pueden construir tus barras laterales y elementos similares para que puedas personalizar su contenido. <\/span><\/p>\n\n\n\n

C\u00f3mo A\u00f1adir Widgets a Tu Sitio WordPress<\/b><\/h2>\n\n\n\n

Siempre es m\u00e1s f\u00e1cil entender c\u00f3mo funciona algo vi\u00e9ndolo en acci\u00f3n. Entonces, veamos el paso a paso sobre exactamente c\u00f3mo usar widgets en WordPress. <\/span><\/p>\n\n\n\n

Hay dos maneras de a\u00f1adir widgets a tu sitio. Querr\u00e1s dirigirte a tu panel y luego navegar a \u2018<\/span>Apariencia > Personalizar Apariencia > Widgets<\/b>\u2019. Ten en cuenta que el <\/span>Editor Sitio<\/span><\/a> no utiliza widgets, entonces no puedes realizar cualquiera de estos m\u00e9todos con un tema de bloques.  <\/span><\/p>\n\n\n\n

Ya que el <\/span>Personalizador de WordPress<\/span><\/a> te permite ver los cambios en tu sitio a medida que los realizas, emplearemos el primer m\u00e9todo.  Una vez que est\u00e1s en la pantalla de \u2018<\/span>Personaliza<\/b>r\u2019, haz clic en la pesta\u00f1a widgets. <\/span><\/p>\n\n\n

\n
\"Opciones<\/figure><\/div>\n\n\n

Aqu\u00ed, ver\u00e1s una lista de las \u00e1reas del widget en tu sitio. De nuevo, lo que estas \u00e1reas son (y d\u00f3nde est\u00e1n ubicadas en tus p\u00e1ginas) variar\u00e1 basado en el tema que est\u00e1s usando. En nuestro ejemplo, estamos utilizando el <\/span>tema Twenty Seventeen<\/span><\/a> de WordPress, el cual tiene una barra lateral en la parte derecha de la p\u00e1gina y dos pies de p\u00e1gina separados. <\/span><\/p>\n\n\n\n

Haz clic en el \u00e1rea de widget que deseas personalizar. Probablemente, ver\u00e1s algunos widgets listados all\u00ed. Por ejemplo, Twenty Seventeen tiene 2 widgets de texto y un widget de b\u00fasqueda en la barra lateral por defecto. <\/span><\/p>\n\n\n

\n
\"Opciones<\/figure><\/div>\n\n
\n
\"Categorias<\/figure><\/div>\n\n\n

Selecciona el bot\u00f3n de \u2018<\/span>A\u00f1adir un Widget<\/b>\u2019, y ver\u00e1s una lista de todas las opciones que puedes ubicar en tu \u00e1rea de widget. Digamos que quer\u00edas incluir una lista de categor\u00edas en tu barra lateral. Simplemente, tendr\u00edas que hacer clic en el widgets de \u2018<\/span>Categor\u00edas<\/b>\u2019 y aparecer\u00e1 en la lista en la izquierda.
<\/span>Para personalizar el widget mismo, haz clic en la flecha peque\u00f1a en la esquina derecha. Cada widget tiene opciones \u00fanicas. Por ejemplo, el widget \u2018Categor\u00edas\u2019 te permite configurar un t\u00edtulo y elegir entre algunos ajustes. <\/span><\/p>\n\n\n\n

Si quieres remover un widget, puedes hacer clic en \u2018Eliminar\u2019 en la parte inferior de la ventana. Para reorganizar los widgets, selecciona uno y arr\u00e1stralo hacia abajo. <\/span><\/p>\n\n\n

\n
\"Organizando<\/figure><\/div>\n\n\n

En la parte derecha de la p\u00e1gina, puedes ver tus cambios en vivo surtir efecto. Por ejemplo, arrastrar el widget de \u2018Categor\u00edas\u2019 en tu barra lateral hace que aparezca inmediatamente en la p\u00e1gina. <\/span><\/p>\n\n\n\n

Puedes hacer esto con todas las \u00e1reas de widget de tu sitio, ajust\u00e1ndolas hasta que est\u00e9s feliz con el resultado. Cuando hayas finalizado, recuerda hacer clic en el bot\u00f3n \u2018<\/span>Publicar<\/b>\u2019 para guardar tus cambios. <\/span><\/p>\n\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>