{"id":29155,"date":"2021-06-05T12:48:00","date_gmt":"2021-06-05T09:48:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29155"},"modified":"2021-10-17T04:25:43","modified_gmt":"2021-10-17T01:25:43","slug":"hur-man-lagger-till-bildfalt-till-taxonomi-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-bildfalt-till-taxonomi-i-wordpress\/","title":{"rendered":"Hur man l\u00e4gger till bildf\u00e4lt till taxonomi i WordPress"},"content":{"rendered":"<p>Taxonomi \u00e4r anv\u00e4ndbart f\u00f6r att gruppera saker. N\u00e4r vi l\u00e4gger till ett inl\u00e4gg p\u00e5 WordPress brukar vi tilldela taxonomi till det. Om vi \u200b\u200bg\u00f6r det kommer vi att ha en grupp inl\u00e4gg som faller under viss taxonomi. Kategorier, Taggar \u00e4r standardtaxonomierna i WordPress. En anv\u00e4ndare kan ocks\u00e5 skapa sin egen taxonomi med hj\u00e4lp av funktionen <code>register_taxonomy()<\/code>.<\/p>\n<p>Som standard finns taxonomi med f\u00e5 f\u00e4lt &#8211; Namn, Slug och Beskrivning. WordPress tillhandah\u00e5ller inte ett bildf\u00e4lt f\u00f6r taxonomi. Men i vissa scenarier kanske du vill ha en bild f\u00f6r din taxonomi. I den h\u00e4r artikeln studerar vi hur du l\u00e4gger till bildf\u00e4ltet till taxonomin i WordPress och visar det p\u00e5 framsidan.<\/p>\n<h3>L\u00e4gg till bildf\u00e4lt i taxonomi<\/h3>\n<p>F\u00f6r att komma ig\u00e5ng m\u00e5ste du installera och aktivera plugin- programmet <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Advanced Custom Fields<\/a>.<\/p>\n<p>Det avancerade anpassade f\u00e4ltet \u00e4r en f\u00e4ltbyggare som l\u00e5ter dig enkelt l\u00e4gga till f\u00e4lt i inl\u00e4ggstyperna, taxonomier i WordPress med bara n\u00e5gra f\u00e5 klick. F\u00f6r v\u00e5r handledning ska jag l\u00e4gga till bildf\u00e4ltet i kategorierna och visa dem p\u00e5 framsidan.<\/p>\n<p>Efter pluginaktivering, g\u00e5 till menyn Anpassade f\u00e4lt och klicka p\u00e5 knappen L\u00e4gg till ny.<\/p>\n<p>P\u00e5 n\u00e4sta sida m\u00e5ste du l\u00e4gga till titel, f\u00e4lt, villkor f\u00f6r f\u00e4ltgruppen.<\/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=\"Hur man l\u00e4gger till bildf\u00e4lt till taxonomi i WordPress\" ><\/a><\/p>\n<p>Som visas i ovanst\u00e5ende sk\u00e4rmdump har jag gett en titel, f\u00e4ltetikett. F\u00e4ltnamnet genereras automatiskt fr\u00e5n f\u00e4ltetiketten. Under f\u00e4lttypen valde jag alternativet Bild. Det h\u00e4r alternativet fungerar som filuppladdning vilket g\u00f6r det m\u00f6jligt att anv\u00e4nda medieuppladdaren.<\/p>\n<p>Rulla ner p\u00e5 samma sida, v\u00e4lj Return Format som Image Array.<\/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=\"Hur man l\u00e4gger till bildf\u00e4lt till taxonomi i WordPress\" ><\/a><\/p>\n<p>F\u00f6r platsen m\u00e5ste anv\u00e4ndaren l\u00e4gga till ett villkor som g\u00e4ller f\u00f6r den aktuella f\u00e4ltgruppen f\u00f6r reglerna. I v\u00e5rt fall v\u00e4ljer jag Taxonomy som lika med Category.<\/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=\"Hur man l\u00e4gger till bildf\u00e4lt till taxonomi i WordPress\" ><\/a><\/p>\n<p>N\u00e4r du \u00e4r klar med ovanst\u00e5ende inst\u00e4llningar, spara \u00e4ndringarna.<\/p>\n<p>Om vi \u200b\u200bnu g\u00e5r till kategorins redigeringssida ser vi f\u00e4ltet f\u00f6r bilduppladdning.<\/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=\"Hur man l\u00e4gger till bildf\u00e4lt till taxonomi i WordPress\" ><\/a><\/p>\n<p>H\u00e4r kan en anv\u00e4ndare ladda upp bilden f\u00f6r en kategori. L\u00e5t oss sedan se hur man visar den h\u00e4r bilden p\u00e5 framsidan.<\/p>\n<h3>Visa kategoribild p\u00e5 fronten<\/h3>\n<p>Avancerat plugin f\u00f6r anpassade f\u00e4lt ger en metod <code>get_field()<\/code>som anv\u00e4nds f\u00f6r att visa f\u00e4ltv\u00e4rde. F\u00f6r att visa v\u00e4rdet f\u00f6r kategorif\u00e4ltet m\u00e5ste du skicka f\u00e4ltnamn och &#8217;category_TERM_ID&#8217;. Om du visar ett anpassat taxonomif\u00e4ltv\u00e4rde skulle den andra parametern vara &#8217;term_TERM_ID&#8217;. Se plugin-dokumentationen <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/adding-fields-taxonomy-term\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r<\/a>.<\/p>\n<p>L\u00e5t oss s\u00e4ga att vi har laddat upp en bild f\u00f6r den kategori som har ett ID 7. V\u00e5r kod kommer att vara som f\u00f6ljer f\u00f6r att visa bilden.<\/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>Variabeln <code>$image<\/code>har en bilds\u00f6kv\u00e4g med storlekarna miniatyr, medium och stor. Du kan v\u00e4lja vilken bildstorlek som helst enligt dina krav. Skriv ut <code>$image<\/code>variabeln s\u00e5 f\u00e5r du alla metadetaljer om bilden.<\/p>\n<p>Jag hoppas att du f\u00f6rst\u00e5r hur du l\u00e4gger till bildf\u00e4ltet till taxonomin i WordPress. Dela dina tankar och f\u00f6rslag i kommentarsektionen nedan.<\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-bygger-anpassad-elementor-widget\/\" title=\"Hur man bygger anpassad Elementor-widget\">Hur man bygger anpassad Elementor-widget<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/sa-har-lagger-du-till-kod-efter-body-tag-i-wordpress\/\" title=\"S\u00e5 h\u00e4r l\u00e4gger du till kod efter Body Tag i WordPress\">S\u00e5 h\u00e4r l\u00e4gger du till kod efter Body Tag i WordPress<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/lagga-till-anpassad-bildknapp-med-media-uploader-i-wordpress\/\" title=\"L\u00e4gga till anpassad bildknapp med Media Uploader i WordPress\">L\u00e4gga till anpassad bildknapp med Media Uploader i WordPress<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vill du l\u00e4gga till bildf\u00e4ltet till taxonomi p\u00e5 WordPress? I den h\u00e4r artikeln visar jag dig hur du l\u00e4gger till bildf\u00e4ltet till taxonomi och<\/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":[318,418,614],"tags":[850],"class_list":["post-29155","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-databas","category-diverse","category-uncategorized-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/29155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=29155"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/29155\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21655"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=29155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=29155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=29155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}