{"id":29008,"date":"2021-06-05T13:09:00","date_gmt":"2021-06-05T10:09:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29008"},"modified":"2021-10-17T16:27:43","modified_gmt":"2021-10-17T13:27:43","slug":"como-agregar-un-campo-de-imagen-a-la-taxonomia-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-un-campo-de-imagen-a-la-taxonomia-en-wordpress\/","title":{"rendered":"C\u00f3mo agregar un campo de imagen a la taxonom\u00eda en WordPress"},"content":{"rendered":"<p>La taxonom\u00eda es \u00fatil para agrupar cosas. Por lo general, cuando agregamos una publicaci\u00f3n en WordPress, le asignamos una taxonom\u00eda. Al hacerlo, tendremos un grupo de publicaciones que se incluyen en cierta taxonom\u00eda. Categor\u00edas, Etiquetas son las taxonom\u00edas predeterminadas en WordPress. Un usuario tambi\u00e9n puede crear su propia taxonom\u00eda usando la funci\u00f3n <code>register_taxonomy()<\/code>.<\/p>\n<p>De forma predeterminada, Taxonom\u00eda viene con pocos campos: Nombre, Slug y Descripci\u00f3n. WordPress no proporciona un campo de imagen para taxonom\u00eda. Pero en algunos escenarios, es posible que desee tener una imagen para su taxonom\u00eda. En este art\u00edculo, estudiamos c\u00f3mo agregar el campo de imagen a la taxonom\u00eda en WordPress y mostrarlo en la interfaz.<\/p>\n<h3>Agregar campo de imagen a taxonom\u00eda<\/h3>\n<p>Para comenzar, debe instalar y activar el complemento <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Campos personalizados avanzados<\/a>.<\/p>\n<p>El campo personalizado avanzado es un generador de campos que le permite agregar f\u00e1cilmente campos a los tipos de publicaciones, taxonom\u00edas en WordPress con solo unos pocos clics. Para nuestro tutorial, agregar\u00e9 el campo de imagen a las categor\u00edas y las mostrar\u00e9 en la interfaz.<\/p>\n<p>Tras la activaci\u00f3n del complemento, vaya al men\u00fa Campos personalizados y haga clic en el bot\u00f3n Agregar nuevo.<\/p>\n<p>En la p\u00e1gina siguiente, debe agregar t\u00edtulo, campos, condiciones para el grupo de campos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e12f5e9ab.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e12f5e9ab.png\" alt=\"C\u00f3mo agregar un campo de imagen a la taxonom\u00eda en WordPress\" ><\/a><\/p>\n<p>Como se muestra en la captura de pantalla anterior, le he dado un t\u00edtulo, una etiqueta de campo. El nombre del campo se genera autom\u00e1ticamente a partir de la etiqueta del campo. Bajo el tipo de campo, seleccion\u00e9 la opci\u00f3n Imagen. Esta opci\u00f3n act\u00faa como carga de archivos que permite usar el cargador de medios.<\/p>\n<p>Despl\u00e1cese hacia abajo en la misma p\u00e1gina, seleccione Formato de retorno como matriz de im\u00e1genes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e1301fa83.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e1301fa83.png\" alt=\"C\u00f3mo agregar un campo de imagen a la taxonom\u00eda en WordPress\" ><\/a><\/p>\n<p>En Ubicaci\u00f3n, para las Reglas, el usuario debe agregar una condici\u00f3n que se aplicar\u00e1 al grupo de campos actual. En nuestro caso, elijo Taxonom\u00eda como igual a Categor\u00eda.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e130b96fd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e130b96fd.png\" alt=\"C\u00f3mo agregar un campo de imagen a la taxonom\u00eda en WordPress\" ><\/a><\/p>\n<p>Una vez que haya terminado con la configuraci\u00f3n anterior, guarde los cambios.<\/p>\n<p>Ahora, si vamos a la p\u00e1gina de edici\u00f3n de categor\u00edas, veremos el campo de Carga de im\u00e1genes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e1316ec34.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20335-6081e1316ec34.png\" alt=\"C\u00f3mo agregar un campo de imagen a la taxonom\u00eda en WordPress\" ><\/a><\/p>\n<p>Aqu\u00ed, un usuario puede cargar la imagen de una categor\u00eda. A continuaci\u00f3n, veamos c\u00f3mo mostrar esta imagen en la interfaz.<\/p>\n<h3>Mostrar imagen de categor\u00eda en la interfaz<\/h3>\n<p>El complemento de campos personalizados avanzados proporciona un m\u00e9todo <code>get_field()<\/code>que se utiliza para mostrar el valor del campo. Para mostrar el valor del campo de categor\u00eda, debe pasar el nombre del campo y &#8216;category_TERM_ID&#8217;. Si muestra un valor de campo de taxonom\u00eda personalizado, el segundo par\u00e1metro ser\u00eda &#8216;term_TERM_ID&#8217;. Consulte la documentaci\u00f3n del complemento <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/adding-fields-taxonomy-term\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aqu\u00ed<\/a>.<\/p>\n<p>Digamos que hemos subido una imagen para la categor\u00eda que tiene un ID 7. Nuestro c\u00f3digo ser\u00e1 el siguiente para mostrar la imagen.<\/p>\n<pre><code>&lt;?php\n$term_id = 7;\n$image = get_field('category_image', 'category_'. $term_id); \/\/'category_image' is our field name\n?&gt;\n&lt;img src=\"&lt;?php echo $image['url']; ?&gt;\"&gt;<\/code><\/pre>\n<p>La variable <code>$image<\/code>tiene una ruta de imagen con tama\u00f1os de miniatura, mediano y grande. Puede elegir cualquier tama\u00f1o de la imagen seg\u00fan sus necesidades. Imprima la <code>$image<\/code>variable y obtendr\u00e1 todos los meta detalles sobre la imagen.<\/p>\n<p>Espero que comprenda c\u00f3mo agregar el campo de imagen a la taxonom\u00eda en WordPress. Comparta sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n<h4>Art\u00edculos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-construir-un-widget-elementor-personalizado\/\" title=\"C\u00f3mo construir un widget Elementor personalizado\">C\u00f3mo construir un widget Elementor personalizado<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-codigo-despues-de-la-etiqueta-del-cuerpo-en-wordpress\/\" title=\"C\u00f3mo agregar c\u00f3digo despu\u00e9s de la etiqueta del cuerpo en WordPress\">C\u00f3mo agregar c\u00f3digo despu\u00e9s de la etiqueta del cuerpo en WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/agregar-un-boton-de-imagen-personalizado-con-el-cargador-de-medios-en-wordpress\/\" title=\"Agregar un bot\u00f3n de imagen personalizado con el cargador de medios en WordPress\">Agregar un bot\u00f3n de imagen personalizado con el cargador de medios en WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfEst\u00e1 buscando agregar el campo de imagen a la taxonom\u00eda en WordPress? En este art\u00edculo, le muestro c\u00f3mo agregar el campo de imagen a la taxonom\u00eda y<\/p>\n","protected":false},"author":1,"featured_media":21655,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[310,410,606],"tags":[849],"class_list":["post-29008","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-base-de-datos","category-diverso","category-uncategorized-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/29008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=29008"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/29008\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21655"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=29008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=29008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=29008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}