{"id":5184,"date":"2022-08-31T10:00:00","date_gmt":"2022-08-31T08:00:00","guid":{"rendered":"https:\/\/www.vadavo.com\/blog\/?p=5184"},"modified":"2024-08-28T10:53:09","modified_gmt":"2024-08-28T10:53:09","slug":"que-es-widget-wordpress-para-que-sirve","status":"publish","type":"post","link":"https:\/\/www.vadavo.com\/blog\/que-es-widget-wordpress-para-que-sirve\/","title":{"rendered":"Qu\u00e9 es un Widget en WordPress y 3 consejos para a\u00f1adirlo"},"content":{"rendered":"\n<p>Seguro que muchas veces has o\u00eddo hablar de los <strong>widgets en WordPress<\/strong>, ya que su uso est\u00e1 <strong>muy extendido<\/strong> y es un elemento relativamente <strong>f\u00e1cil de entender<\/strong> y utilizar. Pero, \u00bfrealmente sabes <strong>qu\u00e9 son<\/strong>? \u00bfEn qu\u00e9 se <strong>diferencian de los plugins<\/strong>? \u00bfQu\u00e9 widgets podemos instalar en WordPress? En el art\u00edculo de hoy respondemos en detalle a todas estas preguntas. \u00a1Sigue leyendo para saber m\u00e1s!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> \u00bfQu\u00e9 es un widget?<\/h2>\n\n\n\n<p>Entender qu\u00e9 es un widget es el primer paso para saber utilizarlo correctamente. Un widget es un elemento <strong>visual <\/strong>que facilita el acceso a otras <strong>aplicaciones o a<\/strong><a href=\"https:\/\/www.vadavo.com\/blog\/que-es-cms-los-mejores-gestores-de-contenido\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.vadavo.com\/blog\/que-es-cms-los-mejores-gestores-de-contenido\/\" rel=\"noreferrer noopener\"><strong> funciones extra<\/strong> en tu blog<\/a>. Dicho de otra manera, son como peque\u00f1os programas que instalas dentro de WordPress para los que no es necesario escribir ning\u00fan c\u00f3digo HTML, ya que para configurarlos basta con <strong>arrastrar y soltar el widget <\/strong>al \u00e1rea de tu p\u00e1gina que desees.&nbsp;<br>Dicho esto, comprender\u00e1s que son una gran herramienta para completar tu blog con funciones avanzadas y conectarlo con aplicaciones \u00fatiles como redes sociales, y que, adem\u00e1s, destacan por su <strong>facilidad de configuraci\u00f3n y de uso<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> \u00bfC\u00f3mo a\u00f1adir un widget en WordPress?<\/h2>\n\n\n\n<p>Como hemos dicho, a\u00f1adir un widget en WordPress es muy f\u00e1cil e intuitivo. Los pasos a seguir son:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> 1. Inicia sesi\u00f3n como administrador en tu escritorio de WordPress<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> 2. En el men\u00fa del escritorio, clica en <strong>Apariencia &gt; Widgets<\/strong>.<\/h3>\n\n\n\n<p>Ver\u00e1s que te dirigir\u00e1 a esta p\u00e1gina:<\/p>\n\n\n\n<p><img decoding=\"async\" width=\"602\" height=\"273.479184343059\" src=\"https:\/\/lh6.googleusercontent.com\/nwtuh_eEvIDgdepKcLs6cQJ9iNdy2OUUbfiQV3HxAW8taXOjULhFOP_HS4jmELiKCFbSIIk9Ro-9vK7giRpsqqxN1-SlGOuHlqn8CgxaJLoPks0HjZs2zOSKcl58eeD5EHvwEphw\"><\/p>\n\n\n\n<p>Este men\u00fa est\u00e1 organizado en dos partes: la parte izquierda son los <strong>widgets disponibles<\/strong> y la parte derecha, las <strong>\u00e1reas<\/strong> donde se pueden a\u00f1adir estos elementos, en nuestro caso son la barra lateral o <em>sidebar<\/em>, la p\u00e1gina de inicio o <em>homepage <\/em>&nbsp;o en los pies de p\u00e1gina o <em>footers<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> 3. A\u00f1ade el widget al \u00e1rea.<\/h3>\n\n\n\n<p>Para a\u00f1adir un widget a cualquiera de estas \u00e1reas, simplemente tienes que clicar sobre \u00e9l,<strong> arrastrarlo y soltarlo<\/strong> donde lo quieras instalar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> <strong>Desinstalar el widget<\/strong><\/h3>\n\n\n\n<p>Desinstalar el widget es igual de sencillo que instalarlo. Simplemente, arrastra de nuevo el elemento fuera del \u00e1rea donde lo quieres eliminar, o pulsa sobre \u00e9l y haz click en borrar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> Widgets que ofrece WordPress<\/h2>\n\n\n\n<p>Por defecto, WordPress ya cuenta con algunos <strong>widgets b\u00e1sicos incluidos <\/strong>en todos los temas y que cuentan con algunas funciones interesantes como son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Imagen.<\/li>\n\n\n\n<li>Texto.<\/li>\n\n\n\n<li>Audio: permite a\u00f1adir un reproductor de audio.<\/li>\n\n\n\n<li>Archivos: despliega una lista de tus entradas mensuales.<\/li>\n\n\n\n<li>Calendario.<\/li>\n\n\n\n<li>Galer\u00eda: muestra un carrusel de im\u00e1genes<\/li>\n\n\n\n<li>Men\u00fa de navegaci\u00f3n: para que el usuario pueda navegar por tu propio contenido m\u00e1s f\u00e1cilmente.<\/li>\n\n\n\n<li>Barra de b\u00fasqueda.<\/li>\n\n\n\n<li>Nube de etiquetas.<\/li>\n\n\n\n<li>V\u00eddeos: muestra un v\u00eddeo, propio o de un proveedor externo.<\/li>\n\n\n\n<li>P\u00e1ginas: muestra una lista de las p\u00e1ginas de tu sitio web.<\/li>\n\n\n\n<li>Meta: muestra los enlaces de inicio de sesi\u00f3n del administrador, RSS y <a href=\"https:\/\/www.vadavo.com\/blog\/como-instalar-wordpress\/\" target=\"_blank\" data-type=\"post\" data-id=\"4728\" rel=\"noreferrer noopener\">WordPress.org<\/a>.<\/li>\n\n\n\n<li>Comentarios: muestra los comentarios m\u00e1s recientes en una entrada de tu blog o en una p\u00e1gina concreta.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> Widgets adicionales<\/h2>\n\n\n\n<p>Los widgets b\u00e1sicos que ofrece WordPress pueden no ser suficientes para las funciones extra de las que quieres dotar a tu p\u00e1gina. Esto no es ning\u00fan problema, ya que <a href=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-suscripcion-newsletter-wordpress\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-suscripcion-newsletter-wordpress\/\" rel=\"noreferrer noopener\">a trav\u00e9s de <strong>plugins<\/strong><\/a> puedes instalar widgets adicionales.&nbsp;<\/p>\n\n\n\n<p>Algunos de los widgets m\u00e1s recomendables par a\u00f1adir en tu p\u00e1gina son:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong> <strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> Widget de categor\u00edas<\/strong><\/h3>\n\n\n\n<p>Se usan para organizar tus contenidos de una forma que sean f\u00e1ciles de localizar para el p\u00fablico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> <strong>Widgets de b\u00fasqueda<\/strong><\/h3>\n\n\n\n<p>Se utilizan para que los usuarios puedan realizar b\u00fasquedas de palabras concretas o p\u00e1ginas espec\u00edficas m\u00e1s r\u00e1pidamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> <strong>Widgets de <em>banners<\/em><\/strong><em>:<\/em><\/h3>\n\n\n\n<p>Son usados para mostrar publicidad o <a href=\"https:\/\/www.vadavo.com\/blog\/woocommerce-vs-shopify-ventajas-inconvenientes\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.vadavo.com\/blog\/woocommerce-vs-shopify-ventajas-inconvenientes\/\" rel=\"noreferrer noopener\">enlazar con la p\u00e1gina de compra<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> <strong>Widgets de redes sociale<\/strong>s<\/h3>\n\n\n\n<p>Se usan para que nuestra audiencia pueda <a href=\"https:\/\/www.vadavo.com\/blog\/como-integrar-instagram-en-wordpress\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.vadavo.com\/blog\/como-integrar-instagram-en-wordpress\/\" rel=\"noreferrer noopener\">interactuar mucho m\u00e1s f\u00e1cilmente<\/a> con nuestros contenidos.<\/p>\n\n\n\n<p>\u00bfC\u00f3mo instalar estos nuevos widgets? En el panel de administraci\u00f3n, clica sobre <strong>Plugins &gt; A\u00f1adir nuevo<\/strong>. Busca el plugin que desees, por ejemplo, un plugin para a\u00f1adir un widget de redes sociales, inst\u00e1lalo y act\u00edvalo.&nbsp;<\/p>\n\n\n\n<p>Una vez instalado este plugin, podr\u00e1s configurar tu nuevo widget de botones de redes sociales de la misma manera que hemos explicado antes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> \u00bfEn qu\u00e9 se diferencia un plugin de un widget?<\/h2>\n\n\n\n<p>Puede que, con esta \u00faltima explicaci\u00f3n, te hayan surgido dudas con<strong> la diferencia entre un plugin y un widget<\/strong>, ya que son dos elementos que pueden solaparse y dar lugar a confusiones sobre su uso.&nbsp;<br>U<a href=\"https:\/\/www.vadavo.com\/blog\/popup-wordpress-mejores-plugins\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.vadavo.com\/blog\/popup-wordpress-mejores-plugins\/\" rel=\"noreferrer noopener\">n plugin<\/a> es un elemento que, como el widget, agrega funcionalidad adicional a tu sitio web. Sin embargo, el plugin <a href=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-crm-para-wordpress\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.vadavo.com\/blog\/mejores-plugins-crm-para-wordpress\/\" rel=\"noreferrer noopener\">puede hacerlo de distintas maneras<\/a>: creando un widget, un Shortcode de HTML, o un men\u00fa nuevo. Por tanto, <strong>el widget es una herramienta dentro de las opciones que ofrece el plugin<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"> <\/strong>Consejos para la utilizaci\u00f3n de widgets en WordPress<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> <strong>\u00dasalos con cuidado<\/strong><\/h3>\n\n\n\n<p>Un widget es un elemento <strong>sencillo pero potente<\/strong> para tu p\u00e1gina. Sin embargo,<strong> no deben usarse a la ligera<\/strong>, ya que tenemos que tener en cuenta par\u00e1metros importantes como la <strong>experiencia de usuario o la est\u00e9tica<\/strong> de nuestro sitio, adem\u00e1s de que tengan un objetivo concreto, como mejorar la interacci\u00f3n en redes sociales o enlazar a un determinado producto de nuestra p\u00e1gina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> Tenlos en cuenta cuando cambies de tema o plantilla<\/strong><\/h3>\n\n\n\n<p>Al cambiar de tema o de plantilla en WordPress, es muy posible que<strong> se pierda la configuraci\u00f3n anterior de tus widgets<\/strong>. Una soluci\u00f3n a esto es arrastrarlos a la zona de widgets inactivos, en el men\u00fa de Apariencia &gt; Widgets.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/idea.svg\" alt=\"\" style=\"width: 35px;\"><\/strong> <strong>Fija los m\u00e1s importantes<\/strong><\/h3>\n\n\n\n<p>Si tu p\u00e1gina cuenta con un gran n\u00famero de estos elementos, es probable que muchos <strong>se pierdan al hacer scroll,<\/strong> por eso, fija los que consideres m\u00e1s importantes para que no desaparezcan al desplazarse la p\u00e1gina. Ten<strong> cuidado <\/strong>con activar esta opci\u00f3n en <strong>vista m\u00f3vil<\/strong>, ya que podr\u00edan darse problemas de legibilidad del contenido<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><img decoding=\"async\" src=\"https:\/\/www.vadavo.com\/blog\/wp-content\/uploads\/2019\/11\/arrow-pointing-right-in-a-circle-1.png\" alt=\"\" style=\"width: 35px;\"><\/strong> Conclusi\u00f3n<\/h2>\n\n\n\n<p>Los widgets son una de las herramientas de WordPress que m\u00e1s posibilidades ofrece. Existe una gran variedad de estos elementos, tanto b\u00e1sicos como avanzados, pero has de saber utilizarlos correctamente para desplegar todo su potencial. Experimenta con las distintas opciones, y seguro que acabar\u00e1s <strong>encontrando la combinaci\u00f3n perfecta<\/strong> para tu web.&nbsp;<\/p>\n\n\n\n<p>\u00bfTe gustar\u00eda saber m\u00e1s sobre WordPress y sus distintas funciones y elementos? \u00a1Cu\u00e9ntanos!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seguro que muchas veces has o\u00eddo hablar de los widgets en WordPress, ya que su uso est\u00e1 muy extendido y es un elemento relativamente f\u00e1cil de entender y utilizar. Pero, \u00bfrealmente sabes qu\u00e9 son? \u00bfEn qu\u00e9 se diferencian de los plugins? \u00bfQu\u00e9 widgets podemos instalar en WordPress? En el art\u00edculo de hoy respondemos en detalle [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6586,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[172,173,34],"class_list":["post-5184","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-web","tag-widgets-de-wordpress","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/5184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/comments?post=5184"}],"version-history":[{"count":1,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/5184\/revisions"}],"predecessor-version":[{"id":6587,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/posts\/5184\/revisions\/6587"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/media\/6586"}],"wp:attachment":[{"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/media?parent=5184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/categories?post=5184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vadavo.com\/blog\/wp-json\/wp\/v2\/tags?post=5184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}