{"id":3499,"date":"2019-06-25T16:29:08","date_gmt":"2019-06-25T13:29:08","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=3499"},"modified":"2019-06-26T11:38:19","modified_gmt":"2019-06-26T08:38:19","slug":"wp_get_attachment_image","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/wp_get_attachment_image\/","title":{"rendered":"Wp_get_attachment_image()"},"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=\"#resim_dosyasinin_id_degeri\"><span class=\"toc_number toc_depth_2\">2.1<\/span> $resim_dosyas\u0131n\u0131n_id_de\u011feri <\/a><\/li><li><a href=\"#boyutlari\"><span class=\"toc_number toc_depth_2\">2.2<\/span> $boyutlar\u0131<\/a><ul><li><a href=\"#Ornek-1\"><span class=\"toc_number toc_depth_3\">2.2.1<\/span> \u00d6rnek-1<\/a><\/li><\/ul><\/li><li><a href=\"#icon\"><span class=\"toc_number toc_depth_2\">2.3<\/span> $icon<\/a><\/li><li><a href=\"#attr\"><span class=\"toc_number toc_depth_2\">2.4<\/span> $attr<\/a><ul><li><a href=\"#Ornek-1-2\"><span class=\"toc_number toc_depth_3\">2.4.1<\/span> \u00d6rnek-1<\/a><\/li><\/ul><\/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=\"#Ornek_kullanim\"><span class=\"toc_number toc_depth_1\">5<\/span> \u00d6rnek kullan\u0131m:<\/a><ul><li><a href=\"#Ornek-1-3\"><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><\/ul><\/li><\/ul><\/div>\n\n<pre class=\"wp-block-code\"><code>wp_get_attachment_image( int $resim_dosyas\u0131n\u0131n_id_de\u011feri, string|array $boyutlar\u0131 = 'thumbnail', bool $icon = false, string|array $attr = '' )<\/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>Veritaban\u0131nda (ortam k\u00fct\u00fcphanesinde) kay\u0131tl\u0131 olan bir resmi, haz\u0131r bir HTML <code>img<\/code> eleman\u0131 \u015feklinde getirir.<\/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=\"resim_dosyasinin_id_degeri\">$resim_dosyas\u0131n\u0131n_id_de\u011feri <\/span><\/h3>\n\n\n\n<p>(<em>int<\/em> &#8211; <em>Zorunludur <\/em>) Getirilmek istenilen resmin ID de\u011feridir.<\/p>\n\n\n\n<p>Bir resmin <em>ID<\/em> de\u011ferini bulman\u0131n yollar\u0131nda biri, y\u00f6netim panelinden <strong>Ortam->K\u00fct\u00fcphane<\/strong> sayfas\u0131na giderek, resme t\u0131klamak ve a\u00e7\u0131lan sayfan\u0131n adres \u00e7ubu\u011funa dikkat etmektir. Adres \u00e7ubu\u011funda \u015funa benzer bir <em>URL <\/em>ifadesi g\u00f6r\u00fclecektir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:\/\/sitecenneti.com\/wp-admin\/upload.php?item=14<\/code><\/pre>\n\n\n\n<p>Yukar\u0131da g\u00f6r\u00fclen <em>URL<\/em> ifadesindeki 14 say\u0131s\u0131, ekrandaki resmin <em>ID <\/em>de\u011feridir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"boyutlari\">$boyutlar\u0131<\/span><\/h3>\n\n\n\n<p>(<em>string<\/em>|<em>array<\/em>) Getirilmek istenen resmin boyutlar\u0131d\u0131r. Bu parametre, de\u011fer olarak, daha \u00f6nceden kay\u0131tl\u0131 resim boyutlardan birinin ad\u0131n\u0131 alabilir ya da <em>pixel<\/em> cinsinden, resmin i\u00e7in belirledi\u011fimiz geni\u015flik ve y\u00fckseklik de\u011ferlerini -s\u0131ras\u0131yla- i\u00e7eren basit bir dizi de kabul edebilir.<\/p>\n\n\n\n<p><code>$boyutlar\u0131<\/code> parametresine, varsay\u0131lan olarak, k\u00fc\u00e7\u00fck boyutlardaki resimlerin ismi olan <code>'thumbnail'<\/code> de\u011feri ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<p class=\"sc-dikkat\">WordPress kurulumu ile birlikte gelen resim boyutlar\u0131 hakk\u0131nda daha detayl\u0131 bilgi sahibi olmak i\u00e7in <a rel=\"noreferrer noopener\" aria-label=\"buraya (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/wp_get_attachment_metadata\/#Ortam_Ayarlari\" target=\"_blank\">ortam ayarlar\u0131<\/a> ba\u015fl\u0131\u011f\u0131m\u0131z\u0131 okuyabilirsiniz.<\/p>\n\n\n\n<p>Bir resmi, \u00f6zel bir boyut ile \u00e7a\u011f\u0131rmak isteyebiliriz. Bu durumda, \u00f6nce, bu boyut i\u00e7in belirledi\u011fimiz geni\u015flik ve y\u00fckseklik de\u011ferini, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/add_image_size\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"add_image_size() (yeni sekmede a\u00e7\u0131l\u0131r)\">add_image_size()<\/a> fonksiyonu yard\u0131m\u0131 ile, bir isim vererek kaydedebiliriz. Sonra da verdi\u011fimiz ismi, bu parametrede kullanarak resmi \u00e7a\u011f\u0131rabiliriz. Bu, yukar\u0131daki \u00f6rnekte oldu\u011fu gibi, bir dizi kullanmaktan daha do\u011fru bir yakla\u015f\u0131md\u0131r. \u00c7\u00fcnk\u00fc <code>add_image_size()<\/code> fonksiyonu, resmi tam olarak belirtilen boyutlarda d\u00fczenler ve istersek de k\u0131rpar.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Ornek-1\">\u00d6rnek-1<\/span><\/h4>\n\n\n\n<p><code>Wp_get_attachment_image()<\/code> fonksiyonunun, <em>$boyutlar\u0131<\/em> parametresine basit bir dizi (array) de\u011feri atanarak kullan\u0131m\u0131 \u015f\u00f6yledir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo wp_get_attachment_image( 1827, array('700', '500'), \"\", array( \"class\" => \"img-responsive\" ) );  ?><\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki kod, <em>ID<\/em> de\u011feri 1827 olan resmi, oran\u0131n\u0131 bozmadan ve <em>700&#215;500<\/em> boyutlar\u0131na en yak\u0131n \u015fekilde getirip ekrana basm\u0131\u015ft\u0131r. Bu kodun, temam\u0131zda \u00fcretti\u011fi HTML <code>img<\/code> eleman\u0131 \u015fu \u015fekildedir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img\n   width=\"667\" height=\"500\"\n   src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/Hydrangeas.jpg\" \n   class=\"attachment-700x500 size-700x500\" alt=\"Ortanca \u00e7i\u00e7e\u011fi\"\n   srcset=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/Hydrangeas.jpg 1024w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/Hydrangeas-300x225.jpg 300w, http:\/\/localhost\/wordpress\/wp-content\/uploads\/2019\/06\/Hydrangeas-768x576.jpg 768w\"\n   sizes=\"(max-width: 667px) 100vw, 667px\"\n><\/code><\/pre>\n\n\n\n<p>Ayn\u0131 fonksiyonu, <a rel=\"noreferrer noopener\" aria-label=\"WordPress d\u00f6ng\u00fcs\u00fc (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-7-wordpress-dongusu-loop\/\" target=\"_blank\">WordPress d\u00f6ng\u00fcs\u00fc<\/a> i\u00e7inde kullanmak istersek \u015f\u00f6yle kullan\u0131r\u0131z:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo wp_get_attachment_image( get_the_ID(), array('700', '500') ) );  ?><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"icon\">$icon<\/span><\/h3>\n\n\n\n<p>(<em>bool<\/em>) Resmin bir ikon olarak kullan\u0131laca\u011f\u0131n\u0131 ya da kullan\u0131lmayaca\u011f\u0131n\u0131 belirtir. <code>true\/false<\/code> de\u011ferlerini al\u0131r. Varsay\u0131lan olarak, <code>false<\/code> de\u011feri ayarlanm\u0131\u015ft\u0131r ve resim bir ikon olarak kullan\u0131lmaz.<\/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>) Resmimizi g\u00f6steren <code>img<\/code> eleman\u0131na, <code>id<\/code> veya <code>name<\/code> veya ba\u015fka bir tak\u0131m \u00f6zellikler (<em>attribute<\/em>) eklemek istersek, bu parametreyi kullan\u0131r\u0131z. Varsay\u0131lan de\u011feri &#8220;&#8221; olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Ornek-1-2\">\u00d6rnek-1<\/span><\/h4>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek resmi; k\u00fc\u00e7\u00fck boyutta, <code>id<\/code> ve <code>name<\/code> \u00f6zellikleri ekleyerek \u00e7a\u011f\u0131r\u0131r:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n\necho wp_get_attachment_image( 1995, \"thumbnail\", \"\", array( \"id\"=>\"img-1995\", \"name\" =>\"img-1995\") );\n\n?><\/code><\/pre>\n\n\n\n<p>Ayn\u0131 kodu \u015fu \u015fekilde de kullanabiliriz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n\necho wp_get_attachment_image( 1995, \"thumbnail\", \"\", \"id=1995&amp;name=img-1995\" );\n\n?><\/code><\/pre>\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>Wp_get_attachment_image()<\/code> fonksiyonu, bir HTML eleman\u0131 olan <code>img<\/code> eleman\u0131n\u0131 d\u00f6nd\u00fcr\u00fcr. Resmi bulamazsa bo\u015f karakter d\u00f6nd\u00fcr\u00fcr.<\/p>\n\n\n\n<p><code>Wp_get_attachment_image()<\/code> fonksiyonunun tek zorunlu parametresi, <code>$resim_dosyasinin_id_degeri<\/code> parametresidir. Sadece bu parametre ile kulland\u0131\u011f\u0131m\u0131zda fonksiyon \u015fu \u015fekilde g\u00f6r\u00fcnecektir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo wp_get_attachment_image('1995'); ?><\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki haliyle <code>wp_get_attachment_image()<\/code> fonksiyonu, \u015fu HTML kodunu \u00fcretecektir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/balonlar-3-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" width=\"150\" height=\"150\"><\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki \u00e7\u0131kt\u0131, varsay\u0131lan <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/wp_get_attachment_metadata\/#Ortam_Ayarlari\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ortam ayarlar\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\">ortam ayarlar\u0131<\/a> ile elde edilmi\u015ftir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Kaynak_kodu\">Kaynak kodu:<\/span><\/h2>\n\n\n\n<p>  Dizini:&nbsp;<strong>wp-includes\/media.php<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function wp_get_attachment_image( $attachment_id, $size = 'thumbnail', $icon = false, $attr = '' ) {\n    $html  = '';\n    $image = wp_get_attachment_image_src( $attachment_id, $size, $icon );\n    if ( $image ) {\n        list($src, $width, $height) = $image;\n        $hwstring                   = image_hwstring( $width, $height );\n        $size_class                 = $size;\n        if ( is_array( $size_class ) ) {\n            $size_class = join( 'x', $size_class );\n        }\n        $attachment   = get_post( $attachment_id );\n        $default_attr = array(\n            'src'   => $src,\n            'class' => \"attachment-$size_class size-$size_class\",\n            'alt'   => trim( strip_tags( get_post_meta( $attachment_id, '_wp_attachment_image_alt', true ) ) ),\n        );\n \n        $attr = wp_parse_args( $attr, $default_attr );\n \n        \/\/ Generate 'srcset' and 'sizes' if not already present.\n        if ( empty( $attr['srcset'] ) ) {\n            $image_meta = wp_get_attachment_metadata( $attachment_id );\n \n            if ( is_array( $image_meta ) ) {\n                $size_array = array( absint( $width ), absint( $height ) );\n                $srcset     = wp_calculate_image_srcset( $size_array, $src, $image_meta, $attachment_id );\n                $sizes      = wp_calculate_image_sizes( $size_array, $src, $image_meta, $attachment_id );\n \n                if ( $srcset &amp;&amp; ( $sizes || ! empty( $attr['sizes'] ) ) ) {\n                    $attr['srcset'] = $srcset;\n \n                    if ( empty( $attr['sizes'] ) ) {\n                        $attr['sizes'] = $sizes;\n                    }\n                }\n            }\n        }\n \n        \/**\n         * Filters the list of attachment image attributes.\n         *\n         * @since 2.8.0\n         *\n         * @param array        $attr       Attributes for the image markup.\n         * @param WP_Post      $attachment Image attachment post.\n         * @param string|array $size       Requested size. Image size or array of width and height values\n         *                                 (in that order). Default 'thumbnail'.\n         *\/\n        $attr = apply_filters( 'wp_get_attachment_image_attributes', $attr, $attachment, $size );\n        $attr = array_map( 'esc_attr', $attr );\n        $html = rtrim( \"&lt;img $hwstring\" );\n        foreach ( $attr as $name => $value ) {\n            $html .= \" $name=\" . '\"' . $value . '\"';\n        }\n        $html .= ' \/>';\n    }\n \n    return $html;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Ornek_kullanim\">\u00d6rnek kullan\u0131m:<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-1-3\">\u00d6rnek-1<\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\necho wp_get_attachment_image( get_the_ID(), array('700', '600'), \"\", array( \"class\" => \"img-responsive\" ) );\n?><\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki kod, \u015fu HTML kodunu olu\u015fturur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img\nsrc=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/balonlar-3.jpg\"\nclass=\"img-responsive\"\nalt=\"\"\nsrcset=\"http:\/\/localhost\/benimsitem\/wp-content\/uploads\/2019\/06\/balonlar-3.jpg 1500w, http:\/\/localhost\/benimsitem\/wp-content\/uploads\/2019\/06\/balonlar-3-300x220.jpg 300w, http:\/\/localhost\/benimsitem\/wp-content\/uploads\/2019\/06\/balonlar-3-768x564.jpg 768w, http:\/\/localhost\/benimsitem\/wp-content\/uploads\/2019\/06\/balonlar-3-1024x752.jpg 1024w\"\nsizes=\"(max-width: 700px) 100vw, 700px\"\nwidth=\"700\"\nheight=\"514\"\n><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-2\">\u00d6rnek-2<\/span><\/h3>\n\n\n\n<p>A\u015fa\u011f\u0131daki kod, ortam k\u00fct\u00fcphanesinde kay\u0131tl\u0131 olan b\u00fct\u00fcn resim dosyalar\u0131n\u0131 ba\u015fl\u0131klar\u0131 ile birlikte listeler:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul>\n    &lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post();\n \n        $resimler = get_posts( array(\n            'post_type'   => 'attachment',\n            'numberposts' => -1,\n            'post_status' => null,\n            'post_parent' => $post->ID,\n\t\t\t'post_mime_type' => 'image',\n        ) );\n         \n        if ( $resimler ) {\n            foreach ( $resimler as $resim ) {\n                ?>\n                &lt;li>&lt;?php echo wp_get_attachment_image( $resim->ID, 'full' ); ?>\n                    &lt;p>&lt;?php echo apply_filters( 'the_title', $resim->post_title ); ?>&lt;\/p>\n                &lt;\/li>\n                &lt;?php\n            }\n        }\n   endwhile; endif;\n\twp_reset_postdata(); ?>\n&lt;\/ul><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Wp_get_attachment_image() fonksiyonu, \u00f6rnekler ile zenginle\u015ftirilerek anlat\u0131lm\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":[144,143],"class_list":["post-3499","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-fonksiyonlari","tag-wp-get-attachment-image","tag-wp_get_attachment_image"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3499","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=3499"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3499\/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=3499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}