{"id":850,"date":"2015-07-26T20:05:03","date_gmt":"2015-07-27T02:05:03","guid":{"rendered":"https:\/\/psoluciones.net\/?p=850"},"modified":"2015-07-26T20:05:03","modified_gmt":"2015-07-27T02:05:03","slug":"como-anadir-una-nueva-zona-de-widgets-en-wordpress","status":"publish","type":"post","link":"https:\/\/emanuelpaxtian.com\/blog\/como-anadir-una-nueva-zona-de-widgets-en-wordpress\/","title":{"rendered":"Como a\u00f1adir una nueva zona de widgets en WordPress"},"content":{"rendered":"<p>En este post veremos c\u00f3mo a\u00f1adir o crear una nueva zona de widgets en WordPress.<\/p>\n<p>Por diversas razones puede que nuestros theme de WorPress no tenga una zona de widgets donde necesitamos.<\/p>\n<p>EJEMPLO A\u00d1ADIR UNA NUEVA ZONA DE WIDGETS EN EL FOOTER DE WORDPRESS<\/p>\n<p>El primer paso es <strong>a\u00f1adir la nueva zona de widgets al archivo functions.php<\/strong>, este archivo se puede editar accediendo de 2 maneras:<\/p>\n<ul>\n<li>Editando el fichero desde <strong>WordPress<\/strong> en la secci\u00f3n del menu Apariencia \u2013&gt; Editor<\/li>\n<li>\u00f3 Baj\u00e1ndote el fichero de esta ruta del FTP: \/wp-content\/themes\/NOMBRE DE TU THEME\/functions.php<\/li>\n<li>Revisamos si en el functions.php existe una funci\u00f3n con este nombre: \u2018<strong>register_sidebar<\/strong>\u2018.<\/li>\n<li>Si existe, a\u00f1adimos este c\u00f3digo despu\u00e9s de dicha funci\u00f3n, una debajo de otra.<\/li>\n<li>En caso contrario pegamos el c\u00f3digo al principio del <strong>functions.php<\/strong>:<\/li>\n<\/ul>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\nregister_sidebar( array(\r\n\t\t'name'          =&gt; __( 'Widget del Footer' ),\r\n\t\t'id'            =&gt; 'sidebar-footer',\r\n\t\t'description'   =&gt; __( 'Este widget es para el footer' ),\r\n\t\t'before_widget' =&gt; '&lt;aside id=&quot;%1$s&quot; class=&quot;widget %2$s&quot;&gt;',\r\n\t\t'after_widget'  =&gt; '&lt;\/aside&gt;',\r\n\t\t'before_title'  =&gt; '&lt;h3 class=&quot;widget-title&quot;&gt;',\r\n\t\t'after_title'   =&gt; '&lt;\/h3&gt;',\r\n) );\r\n<\/pre>\n<p>Explico los\u00a0valores del array:<\/p>\n<ul>\n<li><strong>name<\/strong>: Es el nombre del widget, despu\u00e9s lo usaremos en la llamada del <strong>footer.php<\/strong>.<\/li>\n<li><strong>id<\/strong>: Id que tendr\u00e1 la zona nueva nueva.<\/li>\n<li><strong>description<\/strong>: Descripci\u00f3n del widget, saldr\u00e1 en la zona de arrastre de los widget.<\/li>\n<li><strong>before_widget<\/strong>: Apertura de c\u00f3digo HTML que contendr\u00e1n todos los widget arrastrados en la nueva zona de widgets.<\/li>\n<li><strong>aftet_widget<\/strong>: Cerramos el c\u00f3digo HTML abierto en el punto anterior.<\/li>\n<li><strong>before_title<\/strong>: Apertura de c\u00f3digo HTML para el t\u00edtulo de cada widget arrastrado.<\/li>\n<li><strong>after_title<\/strong>: Cierre del c\u00f3digo HTML del t\u00edtulo del widget arrastrado en la zona.<\/li>\n<\/ul>\n<p>Tras esta inserci\u00f3n del c\u00f3digo en el functions.php nos tendr\u00e1 que salir el widget por encima del sidebar<\/p>\n<p>Ahora nos queda colocar en el <strong>footer.php<\/strong> la llamada PHP para mostrar nuestra<strong> nueva zona de widgets<\/strong>, el archivo est\u00e1 en la misma ruta que el functions.php.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('Widget del Footer')) : ?&gt;\r\n&lt;?php endif; ?&gt;\r\n<\/pre>\n<p>En el c\u00f3digo superior veremos<strong>\u00a0!dynamic_sidebar(\u2018Widget del Footer\u2019)<\/strong>, es ah\u00ed donde hemos\u00a0puesto el nombre de nuestro widget \u2018Widget del Footer\u2019.<\/p>\n<p>Con esto ya estar\u00eda lista la nueva zona. Es conveniente revisar la css del theme para integrar correctamente los elementos que arrastremos en el widget.<\/p>\n<p>Con estos pasos podemos a\u00f1adir una <strong>nueva \u00e1rea de widgets en WordPress<\/strong>, dependiendo la ubicaci\u00f3n del widget tendremos que modificar:<\/p>\n<ul>\n<li>index.php<\/li>\n<li>search.php<\/li>\n<li>content.php<\/li>\n<li>Y archivos similares\u2026<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En este post veremos c\u00f3mo a\u00f1adir o crear una nueva zona de widgets en WordPress. Por diversas razones puede que nuestros theme de WorPress no tenga una zona de widgets&hellip;<\/p>\n","protected":false},"author":1,"featured_media":851,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-850","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts\/850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/comments?post=850"}],"version-history":[{"count":0,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/posts\/850\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/media\/851"}],"wp:attachment":[{"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/media?parent=850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/categories?post=850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emanuelpaxtian.com\/blog\/wp-json\/wp\/v2\/tags?post=850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}