{"id":28866,"date":"2021-05-29T18:52:00","date_gmt":"2021-05-29T15:52:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28866"},"modified":"2021-10-17T04:32:03","modified_gmt":"2021-10-17T01:32:03","slug":"hur-man-staller-in-utvalda-bilder-programmatiskt-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-staller-in-utvalda-bilder-programmatiskt-i-wordpress\/","title":{"rendered":"Hur man st\u00e4ller in utvalda bilder programmatiskt i WordPress"},"content":{"rendered":"

Vill du st\u00e4lla in utvalda bilder med hj\u00e4lp av koden i WordPress? Ibland kom du \u00f6ver en uppgift d\u00e4r du m\u00e5ste skriva en kod som ska st\u00e4lla in miniatyr f\u00f6r inl\u00e4gg f\u00f6r ett inl\u00e4gg, en sida eller en anpassad inl\u00e4ggstyper. I den h\u00e4r artikeln studerar vi hur man st\u00e4ller in utvalda bilder programmatiskt i WordPress.<\/p>\n

WordPress erbjuder m\u00e5nga anv\u00e4ndbara funktioner f\u00f6r webbplatser. En av dem \u00e4r Featured Image aka Post Thumbnail. Utvalda bilder \u00e4r en representativ bild f\u00f6r inl\u00e4gg, sida eller anpassad inl\u00e4ggstyp.<\/p>\n

Vanligt s\u00e4tt att st\u00e4lla in miniatyrbild<\/h3>\n

Vi kan ladda upp utvalda bilder till specifika inl\u00e4gg eller sidor genom att klicka p\u00e5 l\u00e4nken ’Ange utvald bild’. Det \u00f6ppnar en WordPress-uppladdare d\u00e4r du kan v\u00e4lja en befintlig bild eller ladda upp den nya bilden.<\/p>\n

\"Hur<\/a><\/p>\n

Det \u00e4r ett enkelt s\u00e4tt att st\u00e4lla in miniatyr f\u00f6r inl\u00e4gg i WordPress. Samma steg m\u00e5ste f\u00f6ljas f\u00f6r sidor och inl\u00e4ggstyper.<\/p>\n

Men som n\u00e4mnts i b\u00f6rjan \u00e4r syftet med den h\u00e4r artikeln att skriva en kod som st\u00e4ller in miniatyr f\u00f6r inl\u00e4gg utan att f\u00f6lja ovanst\u00e5ende steg.<\/p>\n

St\u00e4ll in utvalda bilder programmatiskt<\/h3>\n

F\u00f6r den h\u00e4r handledningen skapar jag ett formul\u00e4r d\u00e4r en anv\u00e4ndare kan v\u00e4lja en bild och den h\u00e4r bilden kommer att st\u00e4llas in som miniatyr f\u00f6r inl\u00e4gget till det angivna inl\u00e4ggs-id: t. Placera koden nedan i din mallfil.<\/p>\n

<form method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label><?php _e('Select Image:', 'Your text domain here');?><\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"file\" name=\"image\">\n\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"upload_file\" value=\"Submit\">\n\u00a0\u00a0\u00a0\u00a0<\/div>\n<\/form><\/code><\/pre>\n
Den h\u00e4r koden visar formul\u00e4r med filinmatning och skicka-knappen.<\/p>\n
\"Hur<\/a><\/p>\n
Nu, genom att klicka p\u00e5 knappen Skicka, m\u00e5ste vi st\u00e4lla in en utvald bild. S\u00e5 skriv koden nedan i den aktiva temafilen functions.php<\/code>.<\/p>\n
function fn_set_featured_image() {\n\u00a0\u00a0\u00a0\u00a0if (isset($_POST['upload_file'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$upload = wp_upload_bits($_FILES[\"image\"][\"name\"], null, file_get_contents($_FILES[\"image\"][\"tmp_name\"]));\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! $upload_file['error']) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$post_id = YOUR_POST_ID_HERE; \/\/set post id to which you need to set featured image\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = $upload['file'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$wp_filetype = wp_check_filetype($filename, null);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$attachment = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post_mime_type' => $wp_filetype['type'],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post_title' => sanitize_file_name($filename),\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post_content' => '',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'post_status' => 'inherit'\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$attachment_id = wp_insert_attachment( $attachment, $filename, $post_id );\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (! is_wp_error( $attachment_id)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0require_once(ABSPATH. 'wp-admin\/includes\/image.php');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$attachment_data = wp_generate_attachment_metadata( $attachment_id, $filename );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0wp_update_attachment_metadata( $attachment_id, $attachment_data );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0set_post_thumbnail( $post_id, $attachment_id );\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0}\n}\nadd_action('init', 'fn_set_featured_image');<\/code><\/pre>\n
H\u00e4r anv\u00e4nder jag<\/a> metoden wp_upload_bits()<\/a> som laddar upp bilden och returnerar absolut och relativ s\u00f6kv\u00e4g. Vi m\u00e5ste ta en genererad absolut s\u00f6kv\u00e4g och g\u00e5 vidare till n\u00e4sta metoder som wp_check_filetype()<\/code>, wp_insert_attachment()<\/code>och wp_generate_attachment_metadata()<\/code>f\u00f6r ytterligare bearbetning.<\/p>\n
Efter detta, om du g\u00e5r till redigeringssk\u00e4rmen f\u00f6r ett visst inl\u00e4gg ser du miniatyren f\u00f6r inl\u00e4gget under avsnittet Utvalda bilder. Det betyder att vi framg\u00e5ngsrikt st\u00e4ller in den utvalda bilden programmatiskt.<\/p>\n
relaterade artiklar<\/h4>\n