{"id":25027,"date":"2021-05-29T18:44:00","date_gmt":"2021-05-29T15:44:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25027"},"modified":"2021-10-17T20:32:56","modified_gmt":"2021-10-17T17:32:56","slug":"kuinka-asettaa-esilla-oleva-kuva-ohjelmallisesti-wordpressiin","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-asettaa-esilla-oleva-kuva-ohjelmallisesti-wordpressiin\/","title":{"rendered":"Kuinka asettaa esill\u00e4 oleva kuva ohjelmallisesti WordPressiin"},"content":{"rendered":"

Haluatko asettaa esill\u00e4 olevan kuvan k\u00e4ytt\u00e4m\u00e4ll\u00e4 WordPress-koodia? Joskus t\u00f6rm\u00e4sit teht\u00e4v\u00e4\u00e4n, jossa sinun on kirjoitettava koodinp\u00e4tk\u00e4, jonka tulisi asettaa viestin pikkukuva viestille, sivulle tai mukautetuille viestityypeille. T\u00e4ss\u00e4 artikkelissa tutkitaan, kuinka esitelty kuva asetetaan ohjelmallisesti WordPressiin.<\/p>\n

WordPress tarjoaa paljon hy\u00f6dyllisi\u00e4 ominaisuuksia verkkosivustoille. Yksi niist\u00e4 on Featured Image eli Post Thumbnail. Featured Image on edustava kuva viestille, sivulle tai muokatulle postityypille.<\/p>\n

Tavallinen tapa asettaa postin pikkukuva<\/h3>\n

Voimme ladata esill\u00e4 olevat kuvat tiettyihin viesteihin tai sivuille napsauttamalla Aseta esill\u00e4 oleva kuva -linkki\u00e4. Se avaa WordPress-medianlatausohjelman, jossa voit valita olemassa olevan kuvan tai ladata uuden kuvan.<\/p>\n

<\/a><\/p>\n

Se on yksinkertainen tapa asettaa pikkukuva WordPressiin. Samoja vaiheita on noudatettava sivuilla ja kirjoitustyypeill\u00e4.<\/p>\n

Mutta kuten alussa mainittiin, t\u00e4m\u00e4n artikkelin tarkoituksena on kirjoittaa koodi, joka asettaa postin pikkukuvan noudattamatta yll\u00e4 olevia ohjeita.<\/p>\n

Aseta esill\u00e4 oleva kuva ohjelmallisesti<\/h3>\n

T\u00e4t\u00e4 opetusohjelmaa varten luon lomakkeen, jossa k\u00e4ytt\u00e4j\u00e4 voi valita kuvan ja t\u00e4m\u00e4 kuva asetetaan postin pikkukuvaksi m\u00e4\u00e4ritettyyn postitunnukseen. Lis\u00e4\u00e4 alla oleva koodi mallitiedostoon.<\/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
T\u00e4m\u00e4 koodi n\u00e4ytt\u00e4\u00e4 lomakkeen, johon sy\u00f6tet\u00e4\u00e4n tiedosto ja l\u00e4hetyspainike.<\/p>\n
\"Kuinka<\/a><\/p>\n
Nyt l\u00e4hetyspainikkeen napsautuksella meid\u00e4n on asetettava esill\u00e4 oleva kuva. Joten kirjoita koodi alla olevaan aktiiviseen teematiedostoon 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
T\u00e4ss\u00e4 k\u00e4yt\u00e4n wp_upload_bits()<\/a> -menetelm\u00e4\u00e4, joka l\u00e4hett\u00e4\u00e4 kuvan ja palauttaa absoluuttisen ja suhteellisen polun. Meid\u00e4n on otettava generoidun absoluuttinen polku, ja siirt\u00e4\u00e4 seuraavaan menetelmi\u00e4 kuten wp_check_filetype()<\/code>, wp_insert_attachment()<\/code>ja wp_generate_attachment_metadata()<\/code>lis\u00e4prosessointia varten.<\/p>\n
T\u00e4m\u00e4n j\u00e4lkeen, jos siirryt m\u00e4\u00e4ritetyn viestin muokkausn\u00e4ytt\u00f6\u00f6n, n\u00e4et viestin pikkukuvan Suositeltava kuva -osiossa. Se tarkoittaa, ett\u00e4 esittelykuva on asetettu onnistuneesti ohjelmallisesti.<\/p>\n
Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n