{"id":3681,"date":"2019-07-03T20:11:52","date_gmt":"2019-07-03T17:11:52","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=3681"},"modified":"2019-07-03T20:52:36","modified_gmt":"2019-07-03T17:52:36","slug":"get_the_post_thumbnail","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/get_the_post_thumbnail\/","title":{"rendered":"Get_the_post_thumbnail()"},"content":{"rendered":"<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">BU DERS\u0130N BA\u015eLIKLARI<\/p><ul class=\"toc_list\"><li><a href=\"#Aciklamasi\"><span class=\"toc_number toc_depth_1\">1<\/span> A\u00e7\u0131klamas\u0131:<\/a><\/li><li><a href=\"#Parametreleri\"><span class=\"toc_number toc_depth_1\">2<\/span> Parametreleri:<\/a><ul><li><a href=\"#icerik_id\"><span class=\"toc_number toc_depth_2\">2.1<\/span> $i\u00e7erik_id<\/a><\/li><li><a href=\"#boyutlar\"><span class=\"toc_number toc_depth_2\">2.2<\/span> $boyutlar<\/a><\/li><li><a href=\"#attr\"><span class=\"toc_number toc_depth_2\">2.3<\/span> $attr<\/a><\/li><\/ul><\/li><li><a href=\"#Dondurdugu_deger\"><span class=\"toc_number toc_depth_1\">3<\/span> D\u00f6nd\u00fcrd\u00fc\u011f\u00fc de\u011fer:<\/a><\/li><li><a href=\"#Kaynak_kodu\"><span class=\"toc_number toc_depth_1\">4<\/span> Kaynak kodu:<\/a><\/li><li><a href=\"#Kullanimi\"><span class=\"toc_number toc_depth_1\">5<\/span> Kullan\u0131m\u0131<\/a><ul><li><a href=\"#Ornek-1\"><span class=\"toc_number toc_depth_2\">5.1<\/span> \u00d6rnek-1<\/a><\/li><li><a href=\"#Ornek-2\"><span class=\"toc_number toc_depth_2\">5.2<\/span> \u00d6rnek-2<\/a><\/li><li><a href=\"#Ornek-3\"><span class=\"toc_number toc_depth_2\">5.3<\/span> \u00d6rnek-3<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n<pre class=\"wp-block-code\"><code>get_the_post_thumbnail( int|WP_Post $i\u00e7erik_id = null, string|array $boyutlar = 'post-thumbnail', string|array $attr = '' )\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Aciklamasi\">A\u00e7\u0131klamas\u0131:<\/span><\/h2>\n\n\n\n<p>Yaz\u0131lar veya sayfalar i\u00e7in y\u00fcklenmi\u015f olan \u00f6ne \u00e7\u0131kan g\u00f6rsellere ait bir HTML <code>&lt;img><\/code> eleman\u0131 olu\u015fturur ve bu eleman\u0131 de\u011fer olarak d\u00f6nd\u00fcr\u00fcr.<\/p>\n\n\n\n<p>\u00d6ne \u00e7\u0131kan g\u00f6rseller i\u00e7in daha detayl\u0131 bilgiyi,\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/4-5-one-cikan-gorsel-ozelligi-ekleme\/\" target=\"_blank\">\u00d6ne \u00c7\u0131kan G\u00f6rsel \u00d6zelli\u011fi Ekleme<\/a>\u00a0adl\u0131 dersimizde bulabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Parametreleri\">Parametreleri:<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"icerik_id\">$i\u00e7erik_id<\/span><\/h3>\n\n\n\n<p>(<em>int<\/em>|<em>WP_Post<\/em>) \u00d6ne \u00e7\u0131kan g\u00f6rselini getirmek istedi\u011finiz yaz\u0131 ya da sayfan\u0131n\u00a0<em>ID<\/em> de\u011feridir.<\/p>\n\n\n\n<p><code>Get_the_post_thumbnail()<\/code>\u00a0fonksiyonu, ekranda g\u00f6sterilmekte olan i\u00e7eri\u011fin veya d\u00f6ng\u00fc i\u00e7inde s\u0131ras\u0131 gelen i\u00e7eri\u011fin <em>ID<\/em> de\u011ferini kendisi bulabilir, bu y\u00fczden, bu durumlarda bir <em>ID<\/em> de\u011feri kullanman\u0131za gerek kalmaz. Fakat fonksiyonu, belli bir i\u00e7erik i\u00e7in kullan\u0131yorsan\u0131z, i\u00e7eri\u011fin\u00a0<em>ID<\/em>\u00a0de\u011ferini mutlaka girmelisiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"boyutlar\">$boyutlar<\/span><\/h3>\n\n\n\n<p>(<em>string<\/em>|<em>array<\/em>) \u00d6ne \u00e7\u0131kan g\u00f6rselin boyutlar\u0131n\u0131 belirten bir isimdir ya da pixel cinsinden, s\u0131ras\u0131yla geni\u015flik ve y\u00fckseklik de\u011ferlerini belirten bir dizidir.<\/p>\n\n\n\n<p>Varsay\u0131lan de\u011feri\u00a0<code>'post-thumbnail'<\/code>\u00a0olarak ayarlanm\u0131\u015ft\u0131r. Bu de\u011fer, \u00f6ne \u00e7\u0131kan g\u00f6rseller i\u00e7in,\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/set_post_thumbnail_size\/\" target=\"_blank\">set_post_thumbnail_size()<\/a>\u00a0fonksiyonu ile olu\u015fturulan en ve boy de\u011ferleridir. E\u011fer bu fonksiyonu hi\u00e7 kullanmad\u0131ysak, resmi orijinal boyutlar\u0131nda getirir.<\/p>\n\n\n\n<p>Varsay\u0131lan de\u011ferinden farkl\u0131 bir de\u011fer kullanmak isterseniz, WordPress kurulumu ile birlikte gelen ve isimleri a\u015fa\u011f\u0131da verilen resim boyutlar\u0131ndan birini kullanabilirsiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>K\u00fc\u00e7\u00fck resim boyutu (<code>'thumbnail'<\/code>) \u2013&nbsp;<em>Geni\u015flik: 150px<\/em>,&nbsp;<em>Y\u00fckseklik:150px<\/em><\/li><li>Orta boyut (<code>'medium'<\/code>) \u2013&nbsp;<em>Geni\u015flik: 300px<\/em>&nbsp;,&nbsp;<em>Y\u00fckseklik: 300px<\/em><\/li><li>Orta-b\u00fcy\u00fck boyutu (<code>'medium_large'<\/code>) \u2013&nbsp;<em>Geni\u015flik: 768px<\/em>,&nbsp;<em>Y\u00fckseklik: esnek<\/em><\/li><li>B\u00fcy\u00fck boyut (<code>'large'<\/code>) \u2013&nbsp;<em>Geni\u015flik: 1024px<\/em>,&nbsp;<em>Y\u00fckseklik: 1024px<\/em><\/li><li>Ger\u00e7ek boyut (<code>'full'<\/code>) \u2013 Orijinal geni\u015flik ve y\u00fckseklik de\u011ferleri<\/li><\/ul>\n\n\n\n<p>Yukar\u0131da verilen resim boyutlar\u0131 hakk\u0131nda daha detayl\u0131 bilgi i\u00e7in&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/wp_get_attachment_metadata\/#Ortam_Ayarlari\" target=\"_blank\">ortam ayarlar\u0131<\/a>&nbsp;ba\u015fl\u0131\u011f\u0131m\u0131z\u0131 okuyabilirsiniz.<\/p>\n\n\n\n<p>Daha farkl\u0131 bir boyut kullanmak isterseniz, haz\u0131r bir WordPress fonksiyonu olan\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/add_image_size\/\" target=\"_blank\">add_image_size()<\/a> fonksiyonunu kullanabilirsiniz. Bu fonksiyon ile, bir isim vererek yeni bir en-boy de\u011ferleri olu\u015fturabilirsiniz. Daha sonra, verdi\u011finiz o ismi bu parametrede kullanarak, \u00f6ne \u00e7\u0131kan g\u00f6rseli, bu en-boy de\u011ferlerine g\u00f6re \u00e7a\u011f\u0131rabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"attr\">$attr<\/span><\/h3>\n\n\n\n<p>(<em>string<\/em>|<em>array<\/em>) \u00d6ne \u00e7\u0131kan g\u00f6rsel i\u00e7in, \u00a0<code>get_the_post_thumbnail()<\/code> fonksiyonunun olu\u015fturaca\u011f\u0131\u00a0<code>&lt;img><\/code>\u00a0elaman\u0131na,\u00a0<code>title<\/code>,\u00a0<code>class<\/code>\u00a0gibi HTML \u00f6zellikleri ekleyen parametredir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Dondurdugu_deger\">D\u00f6nd\u00fcrd\u00fc\u011f\u00fc de\u011fer:<\/span><\/h2>\n\n\n\n<p><code>Get_the_post_thumbnail()<\/code>\u00a0fonksiyonu, \u00f6ne \u00e7\u0131kan g\u00f6rsel i\u00e7in bir HTML kodu olu\u015fturur ve bununu de\u011fer olarak d\u00f6nd\u00fcr\u00fcr. Fonksiyon bir i\u00e7erik bulamazsa, bo\u015fluk d\u00f6nd\u00fcr\u00fcr.<\/p>\n\n\n\n<p><code>Get_the_post_thumbnail()<\/code>\u00a0fonksiyonunu \u015fu \u015fekilde kulland\u0131\u011f\u0131m\u0131z\u0131 farzedelim:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>get_the_post_thumbnail();<\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki kullan\u0131m\u0131 ile, fonksiyonu \u015fu HTML kodunu d\u00f6nd\u00fcr\u00fcr:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img\n\tsrc=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2013\/03\/unicorn-wallpaper-1568x1176.jpg\"\n\tclass=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\"\n\talt=\"Unicorn Wallpaper\"\n\tsrcset=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2013\/03\/unicorn-wallpaper-1568x1176.jpg 1568w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2013\/03\/unicorn-wallpaper-300x225.jpg 300w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2013\/03\/unicorn-wallpaper-768x576.jpg 768w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2013\/03\/unicorn-wallpaper-1024x768.jpg 1024w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2013\/03\/unicorn-wallpaper.jpg 1600w\"\n\tsizes=\"(max-width: 1568px) 100vw, 1568px\"\n\twidth=\"1568\"\n\theight=\"1176\"\n><\/code><\/pre>\n\n\n\n<p><code>Get_the_post_thumbnail()<\/code> fonksiyonunun, yukar\u0131da g\u00f6rd\u00fc\u011f\u00fcn\u00fcz HTML yap\u0131s\u0131n\u0131 ekrana bast\u0131rmas\u0131 i\u00e7in \u015fu \u015fekilde kullan\u0131lmas\u0131 gerekir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\necho get_the_post_thumbnail();\n\/\/ veya \u015fu \u015fekilde de kullan\u0131labilir\n$gorsel_HTMLi = get_the_post_thumbnail();\necho $gorsel_HTMLi;\n?><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Kaynak_kodu\">Kaynak kodu:<\/span><\/h2>\n\n\n\n<p>Dizini: <strong>wp-includes\/post-thumbnail-template.php<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function get_the_post_thumbnail( $post = null, $size = 'post-thumbnail', $attr = '' ) {\n    $post = get_post( $post );\n    if ( ! $post ) {\n        return '';\n    }\n    $post_thumbnail_id = get_post_thumbnail_id( $post );\n \n    \/**\n     * Filters the post thumbnail size.\n     *\n     * @since 2.9.0\n     * @since 4.9.0 Added the `$post_id` parameter.\n     *\n     * @param string|array $size    The post thumbnail size. Image size or array of width and height\n     *                              values (in that order). Default 'post-thumbnail'.\n     * @param int          $post_id The post ID.\n     *\/\n    $size = apply_filters( 'post_thumbnail_size', $size, $post->ID );\n \n    if ( $post_thumbnail_id ) {\n \n        \/**\n         * Fires before fetching the post thumbnail HTML.\n         *\n         * Provides \"just in time\" filtering of all filters in wp_get_attachment_image().\n         *\n         * @since 2.9.0\n         *\n         * @param int          $post_id           The post ID.\n         * @param string       $post_thumbnail_id The post thumbnail ID.\n         * @param string|array $size              The post thumbnail size. Image size or array of width\n         *                                        and height values (in that order). Default 'post-thumbnail'.\n         *\/\n        do_action( 'begin_fetch_post_thumbnail_html', $post->ID, $post_thumbnail_id, $size );\n        if ( in_the_loop() ) {\n            update_post_thumbnail_cache();\n        }\n        $html = wp_get_attachment_image( $post_thumbnail_id, $size, false, $attr );\n \n        \/**\n         * Fires after fetching the post thumbnail HTML.\n         *\n         * @since 2.9.0\n         *\n         * @param int          $post_id           The post ID.\n         * @param string       $post_thumbnail_id The post thumbnail ID.\n         * @param string|array $size              The post thumbnail size. Image size or array of width\n         *                                        and height values (in that order). Default 'post-thumbnail'.\n         *\/\n        do_action( 'end_fetch_post_thumbnail_html', $post->ID, $post_thumbnail_id, $size );\n \n    } else {\n        $html = '';\n    }\n    \/**\n     * Filters the post thumbnail HTML.\n     *\n     * @since 2.9.0\n     *\n     * @param string       $html              The post thumbnail HTML.\n     * @param int          $post_id           The post ID.\n     * @param string       $post_thumbnail_id The post thumbnail ID.\n     * @param string|array $size              The post thumbnail size. Image size or array of width and height\n     *                                        values (in that order). Default 'post-thumbnail'.\n     * @param string       $attr              Query string of attributes.\n     *\/\n    return apply_filters( 'post_thumbnail_html', $html, $post->ID, $post_thumbnail_id, $size, $attr );\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Kullanimi\">Kullan\u0131m\u0131<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-1\">\u00d6rnek-1<\/span><\/h3>\n\n\n\n<p><code>Get_the_post_thumbnail()<\/code> fonksiyonunun ikinci ve \u00fc\u00e7\u00fcnc\u00fc parametrelerinin kullan\u0131m\u0131 \u015f\u00f6yledir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u00d6ne \u00e7\u0131kan g\u00f6rsele \"alignleft\" CSS s\u0131n\u0131f\u0131n\u0131 ekler ve k\u00fc\u00e7\u00fck boyutlarda \"thumbanil\" getirir.\necho get_the_post_thumbnail( $post_id, 'thumbnail', array( 'class' => 'alignleft' ) );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-2\">\u00d6rnek-2<\/span><\/h3>\n\n\n\n<p>Get_the_post_thumbanil() fonksiyonunun farkl\u0131 resim boyutlar\u0131 ile kullan\u0131m\u0131na \u00f6rnekler verilmi\u015ftir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>get_the_post_thumbnail();  \/\/ parametresiz kulland\u0131\u011f\u0131m\u0131zda set_post_thumbnail_size() fonksiyonu ile olu\u015fturdu\u011fumuz boyutlarda gelir.)                 \n \nget_the_post_thumbnail( $post_id, 'thumbnail' );\nget_the_post_thumbnail( $post_id, 'medium' );\nget_the_post_thumbnail( $post_id, 'large' );\nget_the_post_thumbnail( $post_id, 'full' );\n \nget_the_post_thumbnail( $post_id, array( 100, 100) ); \/\/ Sizin belirtti\u011finiz geni\u015flik ve y\u00fckseklik de\u011ferlerinde getirir<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-3\">\u00d6rnek-3<\/span><\/h3>\n\n\n\n<p>Blo\u011funuza ekledi\u011finiz son 10 yaz\u0131n\u0131n, ba\u015fl\u0131klar\u0131n\u0131 ve \u00f6ne \u00e7\u0131kan g\u00f6rsellerini, yaz\u0131lar\u0131na g\u00f6t\u00fcren birer link halinde s\u0131ralamak i\u00e7in \u015fu kodu kullanabiliriz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n$yazilar = get_posts( array( 'posts_per_page' => 5 ) );\nforeach ( $yazilar as $yazi ) {\n    if ( has_post_thumbnail( $yazi->ID ) ) {\n        echo '&lt;a href=\"' . get_permalink( $yazi->ID ) . '\" title=\"' . esc_attr( $yazi->post_title ) . '\">';\n        echo '&lt;h2>'.$yazi->post_title.'&lt;\/h2>';\n        echo get_the_post_thumbnail( $yazi->ID, 'thumbnail' );\n        echo '&lt;\/a>';\n    }\n}\n?><\/code><\/pre>\n\n\n\n\t<br \/>\n\t<div class=\"stcnnt-yazi-ici-reklam\">\n\t<span aria-hidden=\"true\" class=\"sc-reklam-basligi text-muted\" style=\"display:block;text-align:center;\">bu bir reklamd\u0131r:<\/span>\n\t<p aria-hidden=\"true\" class=\"shadow-lg m-0 p-0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:block; text-align:center;\"\n\t\t\t data-ad-layout=\"in-article\"\n\t\t\t data-ad-format=\"fluid\"\n\t\t\t data-ad-client=\"ca-pub-6366953309324763\"\n\t\t\t data-ad-slot=\"2001829037\"><\/ins>\n\t\t<script>\n\t\t\t (adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/p>\n\t<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Haz\u0131r bir WordPress fonksiyonu olan, get_the_post_thumbnail() fonksiyonu, \u00f6rnekler ile zenginle\u015ftirilerek a\u00e7\u0131klanm\u0131\u015ft\u0131r.<\/p>\n","protected":false},"author":1,"featured_media":3103,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[163,162],"class_list":["post-3681","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-fonksiyonlari","tag-get-the-post-thumbnail","tag-get_the_post_thumbnail"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3681"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3681\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media\/3103"}],"wp:attachment":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}