{"id":3507,"date":"2019-06-26T01:03:31","date_gmt":"2019-06-25T22:03:31","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=3507"},"modified":"2019-07-02T14:04:52","modified_gmt":"2019-07-02T11:04:52","slug":"add_image_size","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/add_image_size\/","title":{"rendered":"Add_image_size()"},"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=\"#ismi\"><span class=\"toc_number toc_depth_2\">2.1<\/span> $ismi<\/a><\/li><li><a href=\"#genislik\"><span class=\"toc_number toc_depth_2\">2.2<\/span> $geni\u015flik<\/a><\/li><li><a href=\"#yukseklik\"><span class=\"toc_number toc_depth_2\">2.3<\/span> $y\u00fckseklik<\/a><\/li><li><a href=\"#kirpilsin\"><span class=\"toc_number toc_depth_2\">2.4<\/span> $k\u0131rp\u0131ls\u0131n<\/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=\"#Ornek_kullanim\"><span class=\"toc_number toc_depth_1\">5<\/span> \u00d6rnek kullan\u0131m:<\/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><li><a href=\"#Ornek-4\"><span class=\"toc_number toc_depth_2\">5.4<\/span> \u00d6rnek-4<\/a><\/li><li><a href=\"#Ornek-5\"><span class=\"toc_number toc_depth_2\">5.5<\/span> \u00d6rnek-5<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n<pre class=\"wp-block-code\"><code>add_image_size( string $ismi, int $geni\u015flik, int $y\u00fckseklik, bool|array $k\u0131rp\u0131ls\u0131n = false )\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>Belli geni\u015flik ve y\u00fckseklik de\u011ferleri tan\u0131mlayarak, resimler i\u00e7in, diledi\u011fimizde kullanmak \u00fczere, bir en-boy de\u011feri olu\u015fturmam\u0131z\u0131 sa\u011flar. Resmi, belirledi\u011fimiz en-boy oran\u0131na getirirken, dilersek de k\u0131rpar.<\/p>\n\n\n\n<p><code>Add_image_size()<\/code> fonksiyonu, <code>funcitons.php<\/code> dosyas\u0131nda ve \u015fu \u015fekilde kullan\u0131l\u0131r:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'after_setup_theme', 'ilktemam_setup' );\nfunction ilktemam_setup() {\n     add_image_size( .... );\n}<\/code><\/pre>\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=\"ismi\">$ismi<\/span><\/h3>\n\n\n\n<p>(<em>Zorunludur<\/em>) Belirledi\u011fimiz en-boy oran\u0131 i\u00e7in, kimlik niteli\u011finde bir add\u0131r. <a rel=\"noreferrer noopener\" aria-label=\"Link ad\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/1-1-wordpress-sozlugu\/#Slug\" target=\"_blank\">Link ad\u0131<\/a> format\u0131nda olmal\u0131d\u0131r. <code>Add_image_size()<\/code> fonksiyonu ile olu\u015fturdu\u011fumuz resim boyutlar\u0131n\u0131 daha sonra kullanmak istedi\u011fimizde, burada belirledi\u011fimiz isimden yararlanaca\u011f\u0131z.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"genislik\">$geni\u015flik<\/span><\/h3>\n\n\n\n<p>(<em>int<\/em>) Resmin pixel cinsinden geni\u015flik de\u011feridir. Varsay\u0131lan de\u011feri 0 olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"yukseklik\">$y\u00fckseklik<\/span><\/h3>\n\n\n\n<p>(<em>int<\/em>) Resmin pixel cinsinden y\u00fckseklik de\u011feridir. Varsay\u0131lan de\u011feri 0 olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"kirpilsin\">$k\u0131rp\u0131ls\u0131n<\/span><\/h3>\n\n\n\n<p>(<em>bool<\/em>|<em>array<\/em>) Resmi yeniden boyutland\u0131r\u0131rken k\u0131rpma i\u015fleminin yap\u0131l\u0131p yap\u0131lmayaca\u011f\u0131n\u0131, yap\u0131lacaksa nas\u0131l yap\u0131laca\u011f\u0131n\u0131 belirleyen parametredir.<\/p>\n\n\n\n<p><code>Add_image_size()<\/code> fonksiyonunun bu parametrenin de\u011ferine g\u00f6re davran\u0131\u015f\u0131 \u015f\u00f6yle olur:<\/p>\n\n\n\n<p>1. <code>False<\/code> de\u011feri varsay\u0131lan de\u011ferdir ve bu de\u011ferde, resim k\u0131rp\u0131lmaz.<\/p>\n\n\n\n<p>2. Arg\u00fcman\u0131n de\u011feri, k\u0131rpman\u0131n ba\u015flayaca\u011f\u0131 noktan\u0131n koordinatlar\u0131n\u0131 veren bir dizi \u015feklinde olursa, bu dizi \u015fu formatta olmal\u0131d\u0131r:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>array('x_crop_position','y_crop_position')<\/code><\/pre>\n\n\n\n<p><code>'x_crop_position'<\/code> : K\u0131rpman\u0131n ba\u015flayaca\u011f\u0131 noktan\u0131n yatay koordinat\u0131d\u0131r.&nbsp;<code>\u2018left\u2019<\/code>, <code>\u2018center\u2019<\/code> veya <code>\u2018right\u2019<\/code> de\u011ferlerini al\u0131r. Bu de\u011ferler s\u0131ras\u0131yla; &#8220;sol&#8221;, &#8220;merkez&#8221; ve &#8220;sa\u011f&#8221; anlam\u0131na gelir.<\/p>\n\n\n\n<p><code>'y_crop_position'<\/code> : K\u0131rpman\u0131n ba\u015flayaca\u011f\u0131 noktan\u0131n dikey koordinat\u0131d\u0131r. &nbsp;<code>\u2018top\u2019<\/code>, <code>\u2018center\u2019<\/code> veya <code>\u2018bottom\u2019<\/code> de\u011ferlerini al\u0131r. Bu de\u011ferler s\u0131ras\u0131yla; &#8220;\u00fcst&#8221;, &#8220;merkez&#8221; ve &#8220;alt&#8221; anlam\u0131na gelir.<\/p>\n\n\n\n<p>3. <code>True<\/code> de\u011feri verilirse, resim, merkez koordinatlar\u0131 ile k\u0131rp\u0131l\u0131r.<\/p>\n\n\n\n<p class=\"sc-dikkat\">WordPress, bir ortam y\u00fckleyicisi ile bir resim y\u00fckledi\u011finizde, resmi kaydederken, bu fonksiyonda belirtilen boyutlar\u0131 ile de kaydeder. Bu y\u00fczden, <code>add_image_size()<\/code> fonksiyonu kullan\u0131lmadan \u00f6nce y\u00fcklenen resimler, tam olarak bu fonksiyonda belirtilen boyutlarla gelmeyebilir.<\/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>Fonksiyon herhangi bir de\u011fer d\u00f6nd\u00fcrmez.<\/p>\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\/media.php <\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function add_image_size( $name, $width = 0, $height = 0, $crop = false ) {\n    global $_wp_additional_image_sizes;\n \n    $_wp_additional_image_sizes[ $name ] = array(\n        'width'  => absint( $width ),\n        'height' => absint( $height ),\n        'crop'   => $crop,\n    );\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\">\u00d6rnek-1<\/span><\/h3>\n\n\n\n<p>Resimleri, 220 pixel geni\u015fli\u011finde, 180 pixel y\u00fcksekli\u011finde ve resmin oran\u0131n\u0131 bozmadan kaydeder.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'after_setup_theme', 'ilktemam_setup' );\nfunction ilktemam_setup() {\n     add_image_size( 'ozel-boyutum', 220, 180 );\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>Resimleri, 220 pixel geni\u015fli\u011finde, 180 pixel y\u00fcksekli\u011finde ve resmin merkezine g\u00f6re k\u0131rparak kaydeder.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'after_setup_theme', 'ilktemam_setup' );\nfunction ilktemam_setup() {\n     add_image_size( 'ozel-boyutum', 220, 180, true );\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-3\">\u00d6rnek-3<\/span><\/h3>\n\n\n\n<p>Resimleri, 220 pixel geni\u015fli\u011finde, 180 pixel y\u00fcksekli\u011finde ve resmin sol \u00fcst k\u00f6\u015fesinden ba\u015flayarak k\u0131rpar ve kaydeder.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'after_setup_theme', 'ilktemam_setup' );\nfunction ilktemam_setup() {\n     add_image_size( 'ozel-boyutum', 220, 180, array( 'left', 'top' ) );\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-4\">\u00d6rnek-4<\/span><\/h3>\n\n\n\n<p>Dilerseniz, ayn\u0131 anda birka\u00e7 tane farkl\u0131 boyut kayd\u0131 yapabilirsiniz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'after_setup_theme', 'ilktemam_setup' );\nfunction ilktemam_setup() {\n     add_image_size( 'tek-yazi-sayfasi-gorseli', 420, 380, array( 'left', 'top' ) );\n     add_image_size( 'anasayfa-gorselleri', 220, 180, true );\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Ornek-5\">\u00d6rnek-5<\/span><\/h3>\n\n\n\n<p><code>Add_image_size()<\/code> fonksiyonu ile kaydetti\u011fimiz <code>\"ozel-boyutum\"<\/code> isimli en-boy de\u011ferini, a\u015fa\u011f\u0131daki \u015fekillerde kullanabiliriz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo wp_get_attachment_image( 2046, 'ozel-boyutum' ); ?><\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>if ( has_post_thumbnail() ) { \n    the_post_thumbnail( 'ozel-boyutum' ); \n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Add_image_size() 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":[146,145],"class_list":["post-3507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-fonksiyonlari","tag-add-image-size","tag-add_image_size"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3507","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=3507"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3507\/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=3507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}