{"id":7137,"date":"2019-05-08T23:57:08","date_gmt":"2019-05-09T03:57:08","guid":{"rendered":"https:\/\/extassisnetwork.com\/tutoriales\/?p=7137"},"modified":"2019-05-26T19:07:07","modified_gmt":"2019-05-26T23:07:07","slug":"widget-wordpress","status":"publish","type":"post","link":"https:\/\/extassisnetwork.com\/tutoriales\/widget-wordpress\/","title":{"rendered":"\u00bfQu\u00e9 es un widget en WordPress y c\u00f3mo usarlo?"},"content":{"rendered":"<p>\u00bfSab\u00edas que la barra lateral y el pie de p\u00e1gina de WordPress pueden ampliar la funcionalidad de tu sitio? De hecho puedes agregar informaci\u00f3n adicional en ambas partes, gracias a los widgets de WordPress.<\/p>\n<p>En este art\u00edculo conoceremos el potencial del widget para ayudarle a los lectores a navegar en tu p\u00e1gina. Tambi\u00e9n veremos c\u00f3mo puedes agregar y personalizar widgets que se adapten a tus necesidades.<\/p>\n<h2><span id=\"Que-es-un-widget-en-WordPress\">\u00bfQu\u00e9 es un widget en WordPress?<\/span><\/h2>\n<p>Los widgets son una parte de WordPress que realiza una funci\u00f3n espec\u00edfica: agregar contenido y estructura adicional en la barra lateral o pie de p\u00e1gina. Por ejemplo, los widgets pueden mostrar tus publicaciones m\u00e1s recientes, el calendario, la barra de b\u00fasqueda y mucho m\u00e1s.<\/p>\n<p>Los widgets son f\u00e1ciles de usar y no es necesario escribir ning\u00fan c\u00f3digo\u00a0HTML\u00a0para configurarlos. De hecho, solo hay que arrastrar y soltar el widget al \u00e1rea de tu p\u00e1gina, a veces llamada \u00e1rea de widget. La ubicaci\u00f3n de esta \u00e1rea puede ser diferente dependiendo del tema. A veces solo puedes poner widgets en la barra lateral, y otras veces solo en el pie de p\u00e1gina o en ambos.<\/p>\n<p>Una de las grandes ventajas de los widgets es que te permiten agregarle f\u00e1cilmente funciones m\u00e1s avanzadas a la p\u00e1gina. Puedes enlazar tus p\u00e1ginas de redes sociales para conectarte a\u00fan m\u00e1s con sus lectores, aunque necesitas instalar manualmente otro plugin que tenga esos widgets. No te preocupes, lo veremos en detalle un poco m\u00e1s tarde.<\/p>\n<p>Por el momento, hablemos de los widgets que WordPress te ofrece.<\/p>\n<h2><span id=\"Widgets-predeterminados-de-WordPress\">Widgets predeterminados de WordPress<\/span><\/h2>\n<p>WordPress te ofrece varios widgets de forma predeterminada que pueden ser esenciales para tu p\u00e1gina web. Son los siguientes:<\/p>\n<ol>\n<li><strong>Archivo<\/strong>\u00a0muestra tus posts mensuales.<\/li>\n<li><strong>Audio<\/strong>\u00a0te permite insertar un reproductor de audio en tu p\u00e1gina.<\/li>\n<li><strong>Calendario<\/strong>\u00a0muestra el calendario.<\/li>\n<li><strong>Categor\u00edas<\/strong>\u00a0muestra la lista o el men\u00fa desplegable de categor\u00edas de posts.<\/li>\n<li><strong>Galer\u00eda<\/strong>\u00a0muestra la galer\u00eda de im\u00e1genes.<\/li>\n<li><strong>Imagen<\/strong>\u00a0muestra una imagen.<\/li>\n<li><strong>Meta<\/strong>\u00a0muestra los enlaces de inicio de sesi\u00f3n de webmaster, RSS y WordPress.org.<\/li>\n<li><strong>Men\u00fa de navegaci\u00f3n<\/strong>\u00a0agrega el men\u00fa de navegaci\u00f3n en la barra lateral.<\/li>\n<li><strong>P\u00e1ginas<\/strong>\u00a0crea una lista de tus p\u00e1ginas.<\/li>\n<li><strong>Comentarios recientes<\/strong>\u00a0muestra los comentarios m\u00e1s recientes de tus p\u00e1ginas.<\/li>\n<li><strong>Publicaciones recientes<\/strong>\u00a0muestra tus posts m\u00e1s recientes.<\/li>\n<li><strong>RSS<\/strong>\u00a0es una entrada para cualquier feed RSS o Atom.<\/li>\n<li><strong>Buscar<\/strong>\u00a0muestra la barra de b\u00fasqueda de tu sitio.<\/li>\n<li><strong>Nube de etiquetas<\/strong>\u00a0muestra las etiquetas de los posts.<\/li>\n<li><strong>Videos<\/strong>\u00a0muestra cualquier video incrustado de los principales proveedores de video.<\/li>\n<\/ol>\n<h2><span id=\"Como-anadir-un-widget-en-WordPress\">C\u00f3mo a\u00f1adir unen WordPress<\/span><\/h2>\n<p>Ahora que sabes que WordPress tiene widgets b\u00e1sicos pero bastante potentes, puedes agregarle uno a tu p\u00e1gina con el siguiente m\u00e9todo:<\/p>\n<ol>\n<li>Inicia sesi\u00f3n en el escritorio de WordPress.<\/li>\n<li>Dir\u00edgete a la secci\u00f3n de\u00a0<strong>Apariencia<\/strong>\u00a0y haz clic en\u00a0<strong>Widgets<\/strong>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2><span id=\"Como-anadir-un-widget-en-WordPress\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7152 aligncenter\" src=\"https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/widwets.png\" alt=\"\" width=\"1919\" height=\"869\" title=\"\" srcset=\"https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/widwets.png 1919w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/widwets-300x136.png 300w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/widwets-1024x464.png 1024w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/widwets-768x348.png 768w, https:\/\/extassisnetwork.com\/tutoriales\/wp-content\/uploads\/\/widwets-1536x696.png 1536w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/span><\/h2>\n<ol start=\"3\">\n<li>Como puedes ver, hay varios widgets en el lado izquierdo y las \u00e1reas de widgets est\u00e1n en el lado derecho.<\/li>\n<li>Arrastra y suelta los widgets al \u00e1rea designada.<\/li>\n<\/ol>\n<p>De forma alternativa, tambi\u00e9n puedes agregar widgets en tiempo real a trav\u00e9s de\u00a0<strong>Personalizar<\/strong>, donde es posible tener la vista previa de c\u00f3mo se ver\u00eda tu sitio mientras realizas los cambios. Se puede acceder a \u00e9l desde la secci\u00f3n\u00a0<strong>Apariencia<\/strong>\u00a0en tu wp-admin o desde el bot\u00f3n\u00a0<strong>Personalizar<\/strong>\u00a0en tu sitio web cuando hayas iniciado sesi\u00f3n como webmaster.<\/p>\n<p>Uno de los beneficios de la administraci\u00f3n de widgets de WordPress es que se pueden deshabilitar temporalmente. Si crees que un widget no es necesario por un tiempo, pero quieres mantenerlo para usarlo en el futuro, puedes arrastrarlo al panel de Widgets inactivos en wp-admin.<\/p>\n<p>Tambi\u00e9n hay un panel de barra lateral inactiva que contiene widgets no utilizados en caso de que necesites cambiar el tema por uno con un \u00e1rea de widgets diferente. Luego puedes activar los widgets arrastr\u00e1ndolos y solt\u00e1ndolos en el \u00e1rea de widgets del nuevo tema. Bastante \u00fatil, \u00bfno?<\/p>\n<p>Hemos aprendido qu\u00e9 es un widget de WordPress y c\u00f3mo usarlo para darle funciones adicionales al pie de p\u00e1gina y la barra lateral de tu sitio web.<\/p>\n<p>Sin embargo, debes tener cuidado al configurarlo. Despu\u00e9s de todo, es solo un elemento adicional. Al colocar widgets en tu sitio web, debes tener en cuenta algunos aspectos como la experiencia del usuario, la est\u00e9tica del sitio web y el beneficio general del propio widget.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfSab\u00edas que la barra lateral y el pie de p\u00e1gina de WordPress pueden ampliar la funcionalidad de tu sitio? De hecho puedes agregar informaci\u00f3n adicional en ambas partes, gracias a los widgets de WordPress. En este art\u00edculo conoceremos el potencial del widget para ayudarle a los lectores a navegar en tu p\u00e1gina. Tambi\u00e9n veremos c\u00f3mo [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":7153,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[40],"class_list":{"0":"post-7137","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-wordpress"},"_links":{"self":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts\/7137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/comments?post=7137"}],"version-history":[{"count":0,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/posts\/7137\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/media\/7153"}],"wp:attachment":[{"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/media?parent=7137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/categories?post=7137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/extassisnetwork.com\/tutoriales\/wp-json\/wp\/v2\/tags?post=7137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}