{"id":1774,"date":"2019-11-05T09:49:34","date_gmt":"2019-11-05T08:49:34","guid":{"rendered":"https:\/\/www.lucushost.com\/blog\/?p=1774"},"modified":"2020-06-01T14:38:21","modified_gmt":"2020-06-01T13:38:21","slug":"widgets-wordpress-que-son-para-que-sirven","status":"publish","type":"post","link":"https:\/\/www.lucushost.com\/blog\/widgets-wordpress-que-son-para-que-sirven\/","title":{"rendered":"Widgets WordPress: Qu\u00e9 son y para qu\u00e9 sirven"},"content":{"rendered":"<p>\u00bfQu\u00e9 son los <strong>widgets de WordPress<\/strong>? \u00bfPara qu\u00e9 sirven? \u00bfEs lo mismo un plugin que un widget? \u00bfEn qu\u00e9 se diferencian? \u00bfC\u00f3mo los instalo en mi web? Si est\u00e1s empezando con WordPress, es normal que te surjan estas y mil preguntas m\u00e1s. Y nosotros vamos a intentar dar respuesta a cada una de ellas \ud83d\ude42<\/p>\n<p><!--more--><\/p>\n<p>Somos conscientes de que cuando empiezas una web con WordPress, <strong>los widgets son los grandes desconocidos.<\/strong> Muchos usuarios no conocen su potencial, no saben muy bien para qu\u00e9 sirven, los confunden con los plugins y, por tanto, no los utilizan ni le sacan todo el partido que tienen a la hora de personalizar una p\u00e1gina web.<\/p>\n<p>As\u00ed que en este art\u00edculo vamos a intentar despejar todas tus dudas. Vamos a explicarte detenidamente qu\u00e9 es un widget de WordPress, para qu\u00e9 sirven y cu\u00e1les son los mejores para tu p\u00e1gina web. \u00bfVamos a ello?<\/p>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Tabla de contenidos:<\/p><ul class=\"toc_list\"><li><a href=\"#Que_son_los_widgets_de_WordPress_Y_para_que_sirven\">\u00bfQu\u00e9 son los widgets de WordPress? \u00bfY para qu\u00e9 sirven?<\/a><\/li><li><a href=\"#En_que_se_diferencia_un_plugin_de_un_widget_de_WordPress\">\u00bfEn qu\u00e9 se diferencia un plugin de un widget de WordPress?<\/a><\/li><li><a href=\"#Puedo_instalar_los_widgets_que_yo_quiera_en_mi_web\">\u00bfPuedo instalar los widgets que yo quiera en mi web?<\/a><\/li><li><a href=\"#Como_configurar_los_widgets_en_WordPress\">C\u00f3mo configurar los widgets en WordPress<\/a><\/li><li><a href=\"#Como_eliminar_widgets_en_WordPress\">C\u00f3mo eliminar widgets en WordPress<\/a><\/li><li><a href=\"#Y_para_que_sirven_los_widgets_inactivos\">\u00bfY para qu\u00e9 sirven los widgets inactivos?<\/a><\/li><li><a href=\"#Como_crear_nuevos_widgets_mediante_plugins\">C\u00f3mo crear nuevos widgets mediante plugins<\/a><\/li><li><a href=\"#Recapitulando\">Recapitulando\u2026<\/a><\/li><\/ul><\/div>\n\n<h2><span id=\"Que_son_los_widgets_de_WordPress_Y_para_que_sirven\">\u00bfQu\u00e9 son los widgets de WordPress? \u00bfY para qu\u00e9 sirven?<\/span><\/h2>\n<p>Un <strong>widget de WordPress es un m\u00f3dulo, elemento o bloque que realiza una funci\u00f3n espec\u00edfica<\/strong> dentro de una p\u00e1gina web. Estos widgets pueden presentarse en muchos formatos: texto, im\u00e1genes, formulario, men\u00fas, <strong><a href=\"https:\/\/www.lucushost.com\/blog\/anadir-categorias-en-wordpress\/\">categor\u00edas<\/a><\/strong>, comentarios, etc.<\/p>\n<p>Estos widgets se crearon con el objetivo de personalizar f\u00e1cilmente una plantilla de WordPress. De hecho, cada plantilla o tema cuenta con un \u201c\u00e1rea de widgets\u201d en la cual puedes arrastrarlos y soltar f\u00e1cilmente para ver c\u00f3mo quedan en tu web. Eso s\u00ed, aunque su colocaci\u00f3n depende siempre del dise\u00f1o o estructura de la plantilla que est\u00e1s utilizando, estos elementos <strong>suelen ir colocados en la barra lateral o sidebar y el footer o pie de p\u00e1gina<\/strong> de tu sitio web.<\/p>\n<p>Por tanto, podemos decir que los widgets de WordPress <strong>sirven para modificar la apariencia de nuestra p\u00e1gina web<\/strong>, permitiendo a\u00f1adir informaci\u00f3n o funcionalidades adicionales.<\/p>\n<p>\u00a1Ojo! Mucha gente confunde los widgets con los plugins de WordPress, pero no son lo mismo. A continuaci\u00f3n te explicamos la diferencia.<\/p>\n<h2><span id=\"En_que_se_diferencia_un_plugin_de_un_widget_de_WordPress\">\u00bfEn qu\u00e9 se diferencia un plugin de un widget de WordPress?<\/span><\/h2>\n<p>Es totalmente normal que si todav\u00eda est\u00e1s empezando en este mundillo te cueste entender en qu\u00e9 se diferencia un plugin de un widget de WordPress. \u00a1Al principio nos pasa a todos!<\/p>\n<p>Un plugin de WordPress es un programa o software que se instala con el objetivo de a\u00f1adir nuevas funcionalidades que este CMS no trae por defecto. Por ejemplo, evitar el spam con Akismet o implementar un sistema de cach\u00e9 con <strong><a href=\"https:\/\/www.lucushost.com\/blog\/w3-total-cache-como-configurarlo-en-wordpress\/\">W3 Total Cache<\/a><\/strong>.<\/p>\n<p>En cambio,<strong> los widgets no a\u00f1aden nuevas funcionalidades a WordPress<\/strong>, sino que son bloques o elementos que te permiten mostrar u ocultar ciertas funciones de tu web como, por ejemplo, un cuadro de b\u00fasqueda, un men\u00fa, o un calendario. Estas funciones ya las trae WordPress por defecto y a\u00f1adiendo o quitando los widgets t\u00fa decides si mostrarlas o no.<\/p>\n<p>En otras palabras, mientras que los plugins realizan un trabajo, por ejemplo, el de eliminar el spam,<strong> los widgets se encargan de modificar la apariencia de tu web<\/strong> con ciertos m\u00f3dulos o bloques de contenido.<\/p>\n<h2><span id=\"Puedo_instalar_los_widgets_que_yo_quiera_en_mi_web\">\u00bfPuedo instalar los widgets que yo quiera en mi web?<\/span><\/h2>\n<p>No, el funcionamiento de los widgets tampoco es como el de los plugins. No puedes acceder al repositorio oficial de WordPress, descargarlo e instalarlo tal y como haces con los complementos.<\/p>\n<p>Eso s\u00ed, ten en cuenta que <strong>muchos plugins que instalas en tu web generan o crean widgets<\/strong>, especialmente cuando estos plugins contienen una parte \u201cvisual\u201d. Te pongo un ejemplo para que sea m\u00e1s sencillo de entender.<\/p>\n<p>Un plugin como <strong><a href=\"https:\/\/www.lucushost.com\/blog\/yoast-seo-mejor-plugin-seo-para-wordpress\/\">Yoast SEO<\/a><\/strong> es completamente transparente para tus visitas, ellas no sabr\u00e1n ni si lo tienes instalado, es un complemento que te ayuda a ti a elaborar contenido, nada m\u00e1s. Lo mismo ocurre con un <a href=\"https:\/\/www.lucushost.com\/blog\/plugins-cache-wordpress-top-3\/\"><strong>plugin de cach\u00e9 para WordPress<\/strong><\/a>, te ayuda a mejorar los tiempos de carga de tu web, pero no se crea ning\u00fan widget o elemento que t\u00fa tengas que mostrar en tu web.<\/p>\n<p>En cambio, existen otros plugins como los de redes sociales que s\u00ed incluyen widgets. En este caso, t\u00fa instalas el plugin y autom\u00e1ticamente se crea un widget para que t\u00fa puedas decidir qu\u00e9 botones de redes sociales mostrar y d\u00f3nde colocarlos.<\/p>\n<h2><span id=\"Como_configurar_los_widgets_en_WordPress\">C\u00f3mo configurar los widgets en WordPress<\/span><\/h2>\n<p>Como ya hemos visto, los widgets te permiten modificar la apariencia de tu web, as\u00ed que para gestionarlos debes acceder al men\u00fa de WordPress y pulsar sobre \u201cApariencia\u201d &#8211; \u201cWidgets\u201d.<\/p>\n<p>Se mostrar\u00e1 algo como lo que te mostramos en la siguiente captura, depende siempre del tema que utilices o si ya tienes alg\u00fan plugin instalado en tu web:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1781\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/widgets-wordpress-backend.png\" alt=\"Widgets WordPress\" width=\"1168\" height=\"392\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/widgets-wordpress-backend.png 1168w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/widgets-wordpress-backend-300x101.png 300w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/widgets-wordpress-backend-768x258.png 768w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/widgets-wordpress-backend-1024x344.png 1024w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/widgets-wordpress-backend-700x235.png 700w\" sizes=\"(max-width: 1168px) 100vw, 1168px\" \/><\/p>\n<p>Como ves, la plantilla que nosotros tenemos instalada tiene <strong>dos \u00e1reas de widgets disponibles<\/strong>: la barra lateral o sidebar y el pie de p\u00e1gina.<\/p>\n<p>En el listado de la derecha puedes ver todos los widgets que tienes disponibles y arrastrarlos y soltarlos para colocarlos en el orden que t\u00fa quieras. Elimina de la lista los que no quieras y a\u00f1ade los que creas que s\u00ed son importantes para tu web.<\/p>\n<p>Adem\u00e1s, recuerda que puedes<strong> personalizar los widgets a tu gusto<\/strong>. En funci\u00f3n del bloque que se trate, vas a poder cambiar el nombre o el contenido que muestra. Por ejemplo, en el widget que muestra las entradas recientes de tu blog, puedes cambiar el t\u00edtulo, el n\u00famero de entradas a mostrar y elegir si quieres que se muestre la fecha o no. Por \u00faltimo pulsa sobre el bot\u00f3n guardar. \u00a1As\u00ed de f\u00e1cil!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1780\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/personalizar-widgets-wordpress-backend.png\" alt=\"Personalizar widgets en WordPress\" width=\"315\" height=\"220\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/personalizar-widgets-wordpress-backend.png 315w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/personalizar-widgets-wordpress-backend-300x210.png 300w\" sizes=\"(max-width: 315px) 100vw, 315px\" \/><\/p>\n<h2><span id=\"Como_eliminar_widgets_en_WordPress\">C\u00f3mo eliminar widgets en WordPress<\/span><\/h2>\n<p>Si ya no quieres alg\u00fan widget que tienes en tu plantilla de WordPress y quieres eliminarlo de tu web, es muy sencillo. Vuelve a \u201cApariencia\u201d &#8211; \u201cWidgets\u201d y selecciona el elemento que ya no quieres que est\u00e9 en el sidebar o en el footer de tu web y pulsa sobre \u201cBorrar\u201d. Tambi\u00e9n podr\u00e1s arrastrarlo fuera del men\u00fa para quitarlo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1778\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/borrar-widgets-wordpress.png\" alt=\"Borrar widgets en WordPress\" width=\"325\" height=\"354\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/borrar-widgets-wordpress.png 325w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/borrar-widgets-wordpress-275x300.png 275w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/p>\n<h2><span id=\"Y_para_que_sirven_los_widgets_inactivos\">\u00bfY para qu\u00e9 sirven los widgets inactivos?<\/span><\/h2>\n<p>Si eliminas los widgets de WordPress, se habr\u00e1 perdido la configuraci\u00f3n que hayas hecho en ellos (colores, tama\u00f1o, copy, etc.). Mi recomendaci\u00f3n es que solo los elimines si est\u00e1s seguro de que no los volver\u00e1s a utilizar en un futuro. En caso contrario, p\u00e1salos a la secci\u00f3n de \u201cWidgets inactivos\u201d, de esta forma no se mostrar\u00e1n en tu web, pero mantendr\u00e1s toda la configuraci\u00f3n que hab\u00edas realizado sobre ellos.<\/p>\n<p>Lo mismo ocurre cuando haces un cambio de plantilla o tema. Para evitar perder las horas que le has dedicado a configurar tus widgets, te recomiendo que los arrastres a esta secci\u00f3n. De esta manera, se mantienen todos los cambios que hayas hecho sobre ellos.<\/p>\n<h2><span id=\"Como_crear_nuevos_widgets_mediante_plugins\">C\u00f3mo crear nuevos widgets mediante plugins<\/span><\/h2>\n<p>A medida que instales plugins en tu web, se ir\u00e1n a\u00f1adiendo nuevos widgets que tambi\u00e9n puedes <strong>personalizar a tu gusto y colocarlos en la parte de tu web que prefieras<\/strong>. \u00bfHacemos una prueba?<\/p>\n<p>Vamos a <strong>instalar el plugin Simple Social Icons<\/strong> en nuestra web. Una vez instalado y activado, ver\u00e1s que en la secci\u00f3n \u201cApariencia\u201d &#8211; \u201cWidgets\u201d se crea un nuevo bloque llamado \u201cSimple Social Icons\u201d. Arr\u00e1stralo hacia la columna correspondiente al sidebar y config\u00faralo justo como t\u00fa quieras.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1779\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/personalizar-widgets-wordpress-social-icons.png\" alt=\"Personalizar widgets WordPress Social Icons\" width=\"319\" height=\"592\" title=\"\" srcset=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/personalizar-widgets-wordpress-social-icons.png 319w, https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2019\/10\/personalizar-widgets-wordpress-social-icons-162x300.png 162w\" sizes=\"(max-width: 319px) 100vw, 319px\" \/><\/p>\n<p>Este es solo un ejemplo, pero aqu\u00ed te dejo un par de ellos que puedes valorar instalar en tu web:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/facebook-pagelike-widget\/\" rel=\"nofollow noopener\" target=\"_blank\">Widget for Social Page Feeds<\/a><\/strong>: Este plugin te permite a\u00f1adir en tu \u00e1rea de widgets una peque\u00f1a caja con la informaci\u00f3n de tu p\u00e1gina de Facebook, \u201cme gusta\u201d o tus \u00faltimas publicaciones.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/amr-shortcode-any-widget\/\" rel=\"nofollow noopener\" target=\"_blank\">Amr shortcode any widget<\/a><\/strong>: \u00bfQuieres a\u00f1adir un widget en cualquier parte de tu web? Este plugin crea un shortcode para que puedas colocarlo donde t\u00fa prefieras, sin necesidad de que sea en el \u00e1rea espec\u00edfica para widgets.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/google-maps-widget\/\" rel=\"nofollow noopener\" target=\"_blank\">Maps Widget for Google Maps<\/a><\/strong>: Con este plugin podr\u00e1s a\u00f1adir un nuevo widget a tu web. Se trata de un peque\u00f1o mapa, totalmente configurable para que tus clientes puedan consultar la ubicaci\u00f3n de tu negocio de un solo vistazo o acceder a ella en un solo clic.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-popular-posts\/\" rel=\"nofollow noopener\" target=\"_blank\">WordPress Popular Posts<\/a><\/strong>: Seguro que este te resulta muy familiar. \u00bfNunca has accedido a un blog que tiene una secci\u00f3n en la barra lateral con las entradas m\u00e1s visitadas o m\u00e1s populares? Mediante este plugin, puedes a\u00f1adir un widget a tu web y seleccionar qu\u00e9 post quieres que se muestren como destacados.<\/li>\n<\/ul>\n<h2><span id=\"Recapitulando\">Recapitulando\u2026<\/span><\/h2>\n<p>Los widgets son elementos o bloques que a\u00f1aden contenido a tu web; ya sea en forma de texto, un buscador, un calendario o una secci\u00f3n con las entradas m\u00e1s vistas de tu blog. Pero ojo, no debemos confundir nunca los widgets con los plugins.<\/p>\n<p>Los widgets simplemente cambian la apariencia de tu web, de hecho, en funci\u00f3n de la plantilla o el tema que utilices estos elementos se mostrar\u00e1n en una u otra parte de tu web.<\/p>\n<p>Aunque por defecto WordPress ya trae preinstalados algunos widgets, hay algunos plugins que te ayudar\u00e1n a crear nuevos bloques de contenido para a\u00f1adir a tu web. Los m\u00e1s comunes son los plugins de redes sociales, posts m\u00e1s visitados, calendarios o reservas.<\/p>\n<p><em>Puede interesarte: <strong><a href=\"https:\/\/www.lucushost.com\/blog\/plugins-de-wordpress-para-citas-online\/\">5 plugins de WordPress para citas online.<\/a><\/strong><\/em><\/p>\n<p>\u00bfDudas? D\u00e9janos un comentario aqu\u00ed abajo e intentaremos ayudarte \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 son los widgets de WordPress? \u00bfPara qu\u00e9 sirven? \u00bfEs lo mismo un plugin que un widget? \u00bfEn qu\u00e9 se diferencian? \u00bfC\u00f3mo los instalo en mi web? Si est\u00e1s empezando con WordPress, es normal que te surjan estas y mil preguntas m\u00e1s. Y nosotros vamos a intentar dar respuesta a cada una de ellas \ud83d\ude42<\/p>\n","protected":false},"author":3,"featured_media":1776,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42],"tags":[70,56,88],"_links":{"self":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1774"}],"collection":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/comments?post=1774"}],"version-history":[{"count":5,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1774\/revisions"}],"predecessor-version":[{"id":3201,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/posts\/1774\/revisions\/3201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media\/1776"}],"wp:attachment":[{"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/media?parent=1774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/categories?post=1774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lucushost.com\/blog\/wp-json\/wp\/v2\/tags?post=1774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}