{"id":1228,"date":"2025-04-19T11:41:37","date_gmt":"2025-04-19T09:41:37","guid":{"rendered":"https:\/\/soporte-wordpress.es\/como-agregar-imagenes-a-taxonomias-en-wordpress\/"},"modified":"2025-04-19T11:42:52","modified_gmt":"2025-04-19T09:42:52","slug":"how-to-add-images-to-taxonomies-in-wordpress","status":"publish","type":"post","link":"https:\/\/soporte-wordpress.es\/en\/como-agregar-imagenes-a-taxonomias-en-wordpress\/","title":{"rendered":"How to add images to taxonomies in WordPress"},"content":{"rendered":"<p>\n<\/p>\n<p>Agregar im&aacute;genes a las taxonom&iacute;as en WordPress no solo mejora la est&eacute;tica de tu sitio, sino que tambi&eacute;n puede enriquecer la experiencia del usuario y facilitar la navegaci&oacute;n. En este art&iacute;culo, exploraremos c&oacute;mo puedes implementar esta funcionalidad de una manera efectiva y sencilla.<\/p>\n<h2>&iquest;Qu&eacute; son las taxonom&iacute;as en WordPress?<\/h2>\n<p>Las taxonom&iacute;as en WordPress son una forma de clasificar el contenido de tu sitio web. Por defecto, WordPress incluye dos taxonom&iacute;as principales: <b>categor&iacute;as<\/b> y <b>etiquetas<\/b>. Sin embargo, los desarrolladores pueden crear taxonom&iacute;as personalizadas para organizar el contenido de maneras espec&iacute;ficas que se adapten mejor a sus necesidades.<\/p>\n<p>Por ejemplo, si tienes un sitio sobre recetas, podr&iacute;as crear una taxonom&iacute;a llamada \u00abTipo de Cocina\u00bb, donde clasifiques las recetas seg&uacute;n la regi&oacute;n o el estilo culinario.<\/p>\n<h2>Por qu&eacute; a&ntilde;adir im&aacute;genes a las taxonom&iacute;as<\/h2>\n<p>Incorporar im&aacute;genes a las taxonom&iacute;as proporciona varios beneficios:<\/p>\n<ul>\n<li><b>Mejora visual:<\/b> Las im&aacute;genes hacen que tu sitio sea m&aacute;s atractivo y visualmente agradable.<\/li>\n<li><b>Identificaci&oacute;n r&aacute;pida:<\/b> Los usuarios pueden identificar f&aacute;cilmente las categor&iacute;as al ver las im&aacute;genes asociadas.<\/li>\n<li><b>SEO:<\/b> Las im&aacute;genes optimizadas pueden mejorar tu posicionamiento en motores de b&uacute;squeda.<\/li>\n<\/ul>\n<h2>C&oacute;mo agregar im&aacute;genes a las taxonom&iacute;as<\/h2>\n<p>A continuaci&oacute;n, te mostramos c&oacute;mo puedes a&ntilde;adir im&aacute;genes a tus taxonom&iacute;as mediante un peque&ntilde;o c&oacute;digo personalizado. Este proceso implica registrar un campo adicional en la taxonom&iacute;a que permita subir una imagen.<\/p>\n<h3>1. Registrar un campo de imagen<\/h3>\n<p>Comenzamos por a&ntilde;adir un campo de imagen a la taxonom&iacute;a deseada. Para ello, puedes usar el siguiente c&oacute;digo en el archivo <b>functions.php<\/b> de tu tema activo:<\/p>\n<pre>\r\nfunction agregar_campo_imagen_taxonomia($taxonomy) {\r\n    \/\/ Verificamos si estamos en la p&aacute;gina de edici&oacute;n de la taxonom&iacute;a\r\n    if ('categoria' == $taxonomy) {\r\n        $image = get_term_meta($term_id, 'imagen_taxonomia', true);\r\n        echo '<div class=\"form-field\">\r\n            <label for=\"imagen_taxonomia\">Imagen de la categor&iacute;a<\/label>\r\n            \r\n            <button class=\"subir_imagen\">Subir Imagen<\/button>\r\n        <\/div>';\r\n    }\r\n}\r\nadd_action('categoria_add_form_fields', 'agregar_campo_imagen_taxonomia');\r\n<\/pre>\n<p>Este c&oacute;digo a&ntilde;ade un campo de texto donde podr&aacute;s insertar la URL de la imagen o subirla a trav&eacute;s de la biblioteca de medios de WordPress.<\/p>\n<h3>2. Guardar la imagen<\/h3>\n<p>Una vez que se a&ntilde;ade la imagen, es necesario guardar la URL en la base de datos. Utiliza el siguiente c&oacute;digo para hacerlo:<\/p>\n<pre>\r\nfunction guardar_imagen_taxonomia($term_id) {\r\n    if (isset($_POST['imagen_taxonomia'])) {\r\n        update_term_meta($term_id, 'imagen_taxonomia', sanitize_text_field($_POST['imagen_taxonomia']));\r\n    }\r\n}\r\nadd_action('created_categoria', 'guardar_imagen_taxonomia');\r\n<\/pre>\n<p>Este c&oacute;digo asegura que la URL de la imagen se guarde correctamente cuando se crea una nueva categor&iacute;a.<\/p>\n<h3>3. Mostrar la imagen en el frontend<\/h3>\n<p>Para mostrar la imagen de la taxonom&iacute;a en tu sitio web, deber&aacute;s modificar el archivo donde se muestran las categor&iacute;as. Puedes hacerlo de la siguiente manera:<\/p>\n<pre>\r\n$categorias = get_terms('categoria');\r\nforeach ($categorias as $categoria) {\r\n    $imagen = get_term_meta($categoria-&gt;term_id, 'imagen_taxonomia', true);\r\n    echo '<div class=\"categoria\">';\r\n    echo '<h2>' . $categoria-&gt;name . '<\/h2>';\r\n    if ($imagen) {\r\n        echo '<img decoding=\"async\" src=\"'%20.%20esc_url(%24imagen)%20.%20'\" alt=\"' . esc_attr($categoria-&gt;name) . '\">';\r\n    }\r\n    echo '<\/div>';\r\n}\r\n<\/pre>\n<p>Este fragmento de c&oacute;digo recupera la imagen asociada a cada categor&iacute;a y la muestra junto con el nombre de la misma.<\/p>\n<h2>Plugins para facilitar el proceso<\/h2>\n<p>Si prefieres no trabajar directamente con c&oacute;digo, hay varios plugins que pueden ayudarte a a&ntilde;adir im&aacute;genes a las taxonom&iacute;as sin necesidad de programar:<\/p>\n<ul>\n<li><b>Advanced Custom Fields:<\/b> Permite a&ntilde;adir campos personalizados a cualquier tipo de contenido, incluidas las taxonom&iacute;as.<\/li>\n<li><b>Taxonomy Images:<\/b> Un plugin espec&iacute;fico para a&ntilde;adir im&aacute;genes a las categor&iacute;as y etiquetas.<\/li>\n<\/ul>\n<p>Estos plugins ofrecen interfaces amigables que simplifican el proceso de a&ntilde;adir im&aacute;genes y otros campos personalizados.<\/p>\n<h2>Conclusiones sobre el uso de im&aacute;genes en taxonom&iacute;as<\/h2>\n<p>Incorporar im&aacute;genes en las taxonom&iacute;as de WordPress es una excelente manera de mejorar la experiencia del usuario y a&ntilde;adir un toque visual atractivo a tu sitio web. Ya sea que optes por hacerlo a trav&eacute;s de c&oacute;digo personalizado o utilizando un plugin, el proceso es accesible y puede ser muy beneficioso para la organizaci&oacute;n de tu contenido.<\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Agregar im&aacute;genes a las taxonom&iacute;as en WordPress no solo mejora la est&eacute;tica de tu sitio, sino que tambi&eacute;n puede enriquecer la experiencia del usuario y facilitar la navegaci&oacute;n. En este art&iacute;culo, exploraremos c&oacute;mo puedes implementar esta funcionalidad de una manera efectiva y sencilla. &iquest;Qu&eacute; son las taxonom&iacute;as en WordPress? Las taxonom&iacute;as en WordPress son una [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[24],"tags":[],"class_list":["post-1228","post","type-post","status-publish","format-standard","hentry","category-wordpress","entry"],"_links":{"self":[{"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/posts\/1228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/comments?post=1228"}],"version-history":[{"count":1,"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/posts\/1228\/revisions"}],"predecessor-version":[{"id":1229,"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/posts\/1228\/revisions\/1229"}],"wp:attachment":[{"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/media?parent=1228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/categories?post=1228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/soporte-wordpress.es\/en\/wp-json\/wp\/v2\/tags?post=1228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}