{"id":3571,"date":"2019-07-01T20:27:26","date_gmt":"2019-07-01T17:27:26","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=3571"},"modified":"2019-07-05T14:49:41","modified_gmt":"2019-07-05T11:49:41","slug":"4-15-ortam-dosyalari-galeriler","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/4-15-ortam-dosyalari-galeriler\/","title":{"rendered":"4.15 Ortam Dosyalar\u0131 \u2013 Galeriler"},"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=\"#I-_Blok_Editor_Ile_Resim_Galerisi_Ekleme\"><span class=\"toc_number toc_depth_1\">1<\/span> I- Blok Edit\u00f6r \u0130le Resim Galerisi Ekleme<\/a><\/li><li><a href=\"#II-_8220Gallery8221_Kisa_Kodu_Ile_Resim_Galerisi_Ekleme\"><span class=\"toc_number toc_depth_1\">2<\/span> II- &#8220;Gallery&#8221; K\u0131sa Kodu \u0130le Resim Galerisi Ekleme<\/a><\/li><li><a href=\"#Galeri_Kisa_Kodunun_Ayarlari\"><span class=\"toc_number toc_depth_1\">3<\/span> Galeri K\u0131sa Kodunun Ayarlar\u0131<\/a><ul><li><a href=\"#orderby\"><span class=\"toc_number toc_depth_2\">3.1<\/span> orderby<\/a><\/li><li><a href=\"#order\"><span class=\"toc_number toc_depth_2\">3.2<\/span> order<\/a><\/li><li><a href=\"#columns\"><span class=\"toc_number toc_depth_2\">3.3<\/span> columns<\/a><\/li><li><a href=\"#id\"><span class=\"toc_number toc_depth_2\">3.4<\/span> id<\/a><\/li><li><a href=\"#ids\"><span class=\"toc_number toc_depth_2\">3.5<\/span> ids<\/a><\/li><li><a href=\"#size\"><span class=\"toc_number toc_depth_2\">3.6<\/span> size<\/a><\/li><li><a href=\"#link\"><span class=\"toc_number toc_depth_2\">3.7<\/span> link<\/a><\/li><li><a href=\"#itemtag\"><span class=\"toc_number toc_depth_2\">3.8<\/span> itemtag<\/a><\/li><li><a href=\"#icontag\"><span class=\"toc_number toc_depth_2\">3.9<\/span> icontag<\/a><\/li><li><a href=\"#captiontag\"><span class=\"toc_number toc_depth_2\">3.10<\/span> captiontag<\/a><ul><li><a href=\"#Ornek-1\"><span class=\"toc_number toc_depth_3\">3.10.1<\/span> \u00d6rnek-1<\/a><\/li><\/ul><\/li><li><a href=\"#include\"><span class=\"toc_number toc_depth_2\">3.11<\/span> include<\/a><\/li><li><a href=\"#exclude\"><span class=\"toc_number toc_depth_2\">3.12<\/span> exclude<\/a><\/li><\/ul><\/li><\/ul><\/div>\n\n<p>Resim galerileri, bir \u00e7ok teman\u0131n vazge\u00e7ilmezidir. Bir WordPress temas\u0131na, resim galerisi eklemenin iki yolu vard\u0131r. Bu yollar \u015funlard\u0131r:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Blok edit\u00f6r ile resim galerisi ekleme<\/li><li><code>gallery<\/code> k\u0131sa kodu ile resim galerisi ekleme<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"I-_Blok_Editor_Ile_Resim_Galerisi_Ekleme\">I- Blok Edit\u00f6r \u0130le Resim Galerisi Ekleme<\/span><\/h2>\n\n\n\n<p>WordPress ile bir i\u00e7erik olu\u015ftururken kulland\u0131\u011f\u0131m\u0131z blok edit\u00f6r\u00fcn, resim galerisi eklemek i\u00e7in kullan\u0131lan ve Galeri ad\u0131na sahip bir blo\u011fu vard\u0131r. Bu blok, edit\u00f6r\u00fcn, &#8220;<strong>Blok ekle<\/strong>&#8221; simgesine t\u0131kland\u0131\u011f\u0131nda a\u00e7\u0131lan men\u00fcn\u00fcn &#8220;<strong>Ortak bloklar<\/strong>&#8221; b\u00f6l\u00fcm\u00fcnde bulunabilir ya da a\u00e7\u0131lan bu men\u00fcn\u00fcn arama \u00e7ubu\u011funda &#8220;<em>Galeri<\/em>&#8221; ad\u0131yla aranarak bulunabilir. A\u015fa\u011f\u0131da, tarif etti\u011fimiz bu men\u00fcn\u00fcn resmi verilmi\u015ftir.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"521\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri.jpg\" alt=\"\" class=\"wp-image-3572\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri.jpg 652w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-300x240.jpg 300w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><figcaption>WordPress &#8211; Blok Edit\u00f6r \u0130le Galeri Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p><em>Galeri<\/em> men\u00fcs\u00fcne t\u0131kland\u0131\u011f\u0131nda, bir galeri olu\u015fturmak i\u00e7in se\u00e7ilecek resimlere g\u00f6t\u00fcren bir resim y\u00fckleme\/ekleme blo\u011fu olu\u015fur. A\u015fa\u011f\u0131da, olu\u015fan bu blo\u011fun resmi verilmi\u015ftir:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"587\" height=\"294\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-2.jpg\" alt=\"\" class=\"wp-image-3573\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-2.jpg 587w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-2-300x150.jpg 300w\" sizes=\"auto, (max-width: 587px) 100vw, 587px\" \/><figcaption>WordPress &#8211; Blok Edit\u00f6r \u0130le Galeri Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p>Galeri blo\u011fu ile birden \u00e7ok resmi ayn\u0131 anda y\u00fckleyebilirsiniz. Bunun i\u00e7in, &#8220;<strong>Y\u00fckle<\/strong>&#8221; butonunu kullanman\u0131z ve y\u00fcklemek istedi\u011finiz resimleri se\u00e7erken de <strong>Ctrl<\/strong> ya da <strong>Shift<\/strong> tu\u015funa bas\u0131l\u0131 tutman\u0131z yeterlidir.<\/p>\n\n\n\n<p>Galeri blo\u011fu ile, daha \u00f6nce y\u00fcklenen resimlerden olu\u015fan k\u00fct\u00fcphanenize giderek, resimler se\u00e7ebilir ve bir galeri olu\u015fturabilirsiniz. Bunun i\u00e7in, galeri blo\u011funda, &#8220;Ortam k\u00fct\u00fcphanesi&#8221; butonuna basman\u0131z ve a\u00e7\u0131lan resimlerden diledi\u011finiz kadar\u0131n\u0131 se\u00e7erek, pencerenin alt\u0131ndaki &#8220;<strong>Yeni galeri olu\u015ftur<\/strong>&#8221; butonuna basman\u0131z yeterlidir. Bu a\u015faman\u0131n, g\u00f6rseli a\u015fa\u011f\u0131da verilmi\u015ftir:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-3-1024x523.jpg\" alt=\"\" class=\"wp-image-3574\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-3-1024x523.jpg 1024w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-3-300x153.jpg 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-3-768x393.jpg 768w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-galeri-3.jpg 1207w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>WordPress &#8211; Blok Edit\u00f6r \u0130le Galeri Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p>Yeni galeri olu\u015ftur butonuna bast\u0131ktan sonra, kar\u015f\u0131m\u0131za &#8220;<strong>Galeriyi d\u00fczenle<\/strong>&#8221; sayfas\u0131 \u00e7\u0131kacakt\u0131r. Bu sayfa, olu\u015fturulacak resim galerisi hakk\u0131nda son karar\u0131n verilece\u011fi sayfad\u0131r. Bu sayfada, istenirse baz\u0131 resimlerden vazge\u00e7ilebilir ya da yeni resimler eklenebilir ya da resimlerin alt yaz\u0131lar\u0131n\u0131n tekrar d\u00fczenlenebilir. &#8220;<strong>Galeriyi d\u00fczenle<\/strong>&#8221; sayfas\u0131 \u015f\u00f6yle g\u00f6r\u00fcn\u00fcr:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-1024x523.jpg\" alt=\"\" class=\"wp-image-3589\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-1024x523.jpg 1024w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-300x153.jpg 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-768x393.jpg 768w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri.jpg 1168w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>WordPress &#8211; Blok Edit\u00f6r \u0130le Galeri Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p>&#8220;<strong>Galeriyi d\u00fczenle<\/strong>&#8221; sayfas\u0131nda, foto\u011fraflar\u0131n s\u0131ras\u0131na <code>'menu_order'<\/code> denir. Dilersek fare ile s\u00fcr\u00fckleyerek bu s\u0131ralamay\u0131 de\u011fi\u015ftirebiliriz. Sayfan\u0131n sa\u011f alt k\u00f6\u015fesindeki &#8220;<strong>Galeri ekle<\/strong>&#8221; butonuna bast\u0131\u011f\u0131m\u0131zda, i\u00e7eri\u011fimiz bir resim galerisine kavu\u015fur. \u00d6rnekte ekledi\u011fimiz 5 adet resimden olu\u015fan galeri \u015f\u00f6yle g\u00f6r\u00fcnecektir:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-2-1024x517.jpg\" alt=\"\" class=\"wp-image-3590\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-2-1024x517.jpg 1024w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-2-300x151.jpg 300w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-2-768x387.jpg 768w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/06\/wordpress-resimler-galeri-2.jpg 1219w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>WordPress &#8211; Blok Edit\u00f6r \u0130le Galeri Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p>Yukar\u0131daki resimde g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, eklenen resim galerisi, y\u00f6netim panelinde baz\u0131 &#8220;<strong>Galeri ayarlar\u0131<\/strong>&#8221; yap\u0131labilir halde g\u00f6r\u00fcnecektir. &#8220;<strong>S\u00fct\u00fcn say\u0131s\u0131<\/strong>&#8221; ve resimler i\u00e7in &#8220;<strong>Ba\u011flant\u0131<\/strong>&#8221; adresi yap\u0131labilen iki ayard\u0131r.<\/p>\n\n\n\n<p>Bu resim galerisinin, temam\u0131zda nas\u0131l g\u00f6r\u00fcnece\u011fi, kulland\u0131\u011f\u0131m\u0131z CSS yap\u0131s\u0131na ba\u011fl\u0131 olarak farkl\u0131l\u0131k g\u00f6sterecektir. CSS uygularken, yol g\u00f6stermesi a\u00e7\u0131s\u0131ndan, blok edit\u00f6r, resim galerisini, temam\u0131z\u0131n sayfalar\u0131nda \u015fu HTML kodu ile olu\u015fturur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul class=\"wp-block-gallery aligncenter columns-3 is-cropped\">\n\t&lt;li class=\"blocks-gallery-item\">\n\t\t&lt;figure>\n\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/michelle_049-1024x768.jpg\" alt=\"Big Sur\" data-id=\"766\" data-link=\"https:\/\/sitecenneti.com\/?attachment_id=766\" class=\"wp-image-766\" srcset=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/michelle_049-1024x768.jpg 1024w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/michelle_049-300x225.jpg 300w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/michelle_049-768x576.jpg 768w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/michelle_049-1568x1176.jpg 1568w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/michelle_049.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\n\t\t\t&lt;figcaption>Beach at Big Sur, CA&lt;\/figcaption>\n\t\t&lt;\/figure>\n\t&lt;\/li>\n\t&lt;li class=\"blocks-gallery-item\">\n\t\t&lt;figure>\n\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dscn3316-1024x768.jpg\" alt=\"Sea and Rocks\" data-id=\"765\" data-link=\"https:\/\/sitecenneti.com\/?attachment_id=765\" class=\"wp-image-765\" srcset=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dscn3316-1024x768.jpg 1024w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dscn3316-300x225.jpg 300w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dscn3316-768x576.jpg 768w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dscn3316-1568x1176.jpg 1568w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dscn3316.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\n\t\t\t&lt;figcaption>Sea and rocks, Plimmerton, New Zealand&lt;\/figcaption>\n\t\t&lt;\/figure>\n\t&lt;\/li>\n\t&lt;li class=\"blocks-gallery-item\">\n\t\t&lt;figure>\n\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_173257_119-1024x682.jpg\" alt=\"Rusty Rail\" data-id=\"764\" data-link=\"https:\/\/sitecenneti.com\/?attachment_id=764\" class=\"wp-image-764\" srcset=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_173257_119-1024x682.jpg 1024w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_173257_119-300x200.jpg 300w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_173257_119-768x512.jpg 768w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_173257_119-1568x1045.jpg 1568w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_173257_119.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\n\t\t\t&lt;figcaption>Rusty rails with fishplate, Kojonup&lt;\/figcaption>\n\t\t&lt;\/figure>\n\t&lt;\/li>\n\t&lt;li class=\"blocks-gallery-item\">\n\t\t&lt;figure>\n\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc02085-1024x768.jpg\" alt=\"Orange Iris\" data-id=\"763\" data-link=\"https:\/\/sitecenneti.com\/?attachment_id=763\" class=\"wp-image-763\" srcset=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc02085-1024x768.jpg 1024w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc02085-300x225.jpg 300w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc02085-768x576.jpg 768w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc02085-1568x1176.jpg 1568w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc02085.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\n\t\t\t&lt;figcaption>Orange Iris&lt;\/figcaption>\n\t\t&lt;\/figure>\n\t&lt;\/li>\n\t&lt;li class=\"blocks-gallery-item\">\n\t\t&lt;figure>\n\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_160808_102-1024x682.jpg\" alt=\"Antique Farm Machinery\" data-id=\"762\" data-link=\"https:\/\/sitecenneti.com\/?attachment_id=762\" class=\"wp-image-762\" srcset=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_160808_102-1024x682.jpg 1024w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_160808_102-300x200.jpg 300w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_160808_102-768x512.jpg 768w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_160808_102-1568x1045.jpg 1568w, https:\/\/sitecenneti.com\/wp-content\/uploads\/2011\/07\/dsc20051220_160808_102.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\">\n\t\t\t&lt;figcaption>Antique farm machinery, Mount Barker Museum, Western Australia&lt;\/figcaption>\n\t\t&lt;\/figure>\n\t&lt;\/li>\n&lt;\/ul><\/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\n\n\n<h2 class=\"wp-block-heading\"><span id=\"II-_8220Gallery8221_Kisa_Kodu_Ile_Resim_Galerisi_Ekleme\">II- &#8220;Gallery&#8221; K\u0131sa Kodu \u0130le Resim Galerisi Ekleme<\/span><\/h2>\n\n\n\n<p>K\u0131sa kodlar, WordPress blok edit\u00f6r\u00fcnde, &#8220;<em>K\u0131sa kod&#8221;<\/em> blo\u011funa kodlanarak kullan\u0131l\u0131rlar:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"453\" height=\"520\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/Wordpress-shortcode-ekleme.jpg\" alt=\"\" class=\"wp-image-3715\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/Wordpress-shortcode-ekleme.jpg 453w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/Wordpress-shortcode-ekleme-261x300.jpg 261w\" sizes=\"auto, (max-width: 453px) 100vw, 453px\" \/><figcaption>WordPress &#8211; Shortcode (K\u0131sa kod) Blo\u011fu Ekleme<\/figcaption><\/figure><\/div>\n\n\n\n<p>Edit\u00f6r\u00fcn, <em>&#8220;K\u0131sa kod&#8221;<\/em> blo\u011funa bir k\u0131sa kod eklerken, kullanmam\u0131z gereken format \u015fu \u015fekildedir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[kisakod ayar1=\"degeri1\" ayar2=\"degeri2\"]<\/code><\/pre>\n\n\n\n<p>K\u0131sa kodu ekledi\u011fimizde, k\u0131sa kod blo\u011funun g\u00f6r\u00fcn\u00fcm\u00fc \u015f\u00f6yle olacakt\u0131r:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"170\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/Wordpress-shortcode-ekleme-2.jpg\" alt=\"\" class=\"wp-image-3716\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/Wordpress-shortcode-ekleme-2.jpg 608w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/Wordpress-shortcode-ekleme-2-300x84.jpg 300w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><figcaption>WordPress Shortcode (K\u0131sa kod) Blo\u011fu<\/figcaption><\/figure><\/div>\n\n\n\n<p>Blok edit\u00f6rde oldu\u011fu gibi <a rel=\"noreferrer noopener\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyalar\u0131nda<\/a> da k\u0131sa kodlar kullanabiliriz. Fakat, <a rel=\"noreferrer noopener\" aria-label=\" (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\">\u015fablon dosyalar\u0131nda<\/a> k\u0131sa kodlar\u0131n kullan\u0131m bi\u00e7imi \u015fu \u015fekilde olmal\u0131d\u0131r:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode('[kisakod ayar1=\"degeri1\" ayar2=\"degeri2\"]'); ?><\/code><\/pre>\n\n\n\n<p>Biz dersimizin devam\u0131nda, edit\u00f6r kullan\u0131m\u0131n\u0131 tercih edece\u011fiz. Siz dilerseniz, verdi\u011fimiz k\u0131sa kodlar\u0131, yukar\u0131da g\u00f6rd\u00fc\u011f\u00fcn\u00fcz \u015fekliyle, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-1-sablon-template-dosyalari\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\u015fablon dosyalar\u0131n\u0131zda (yeni sekmede a\u00e7\u0131l\u0131r)\">\u015fablon dosyalar\u0131n\u0131zda<\/a> kullanabilirsiniz.<\/p>\n\n\n\n<p class=\"sc-dikkat\">!!! A\u015fa\u011f\u0131da verilen k\u0131sa kod \u00f6rneklerinin, \u00e7al\u0131\u015fmas\u0131 i\u00e7in, bu kodlardaki&nbsp;<strong>galeri <\/strong>ifadesini&nbsp;<strong>gallery<\/strong> \u015feklinde de\u011fi\u015ftirmeniz gerekmektedir.<\/p>\n\n\n\n<p>&#8220;<strong>Gallery<\/strong>&#8221; k\u0131sa kodu, resim galerisi eklemek i\u00e7in kullan\u0131lan k\u0131sa koddur. Bu k\u0131sa kodun, en sade kullan\u0131m\u0131 \u015fu \u015fekildedir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri]<\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki kullan\u0131m\u0131 ile, galeri k\u0131sa kodu, i\u00e7erik i\u00e7in y\u00fcklenmi\u015f resimlerin k\u00fc\u00e7\u00fck boyutlar\u0131ndan (<code>\"thumbnail\"<\/code>) bir galeri olu\u015fturur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Galeri_Kisa_Kodunun_Ayarlari\">Galeri K\u0131sa Kodunun Ayarlar\u0131<\/span><\/h2>\n\n\n\n<p>Galeri k\u0131sa kodu ile olu\u015fturaca\u011f\u0131m\u0131z resim galerisi i\u00e7in baz\u0131 ayarlar yapabiliriz. K\u0131sa kodun kabul etti\u011fi ayarlar ve de\u011ferleri \u015f\u00f6yledir:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"orderby\">orderby<\/span><\/h3>\n\n\n\n<p>Galerideki resimlerin s\u0131ralama kriteridir. Resim galerisindeki s\u0131ralama bu parametre ile ayarlan\u0131r. A\u015fa\u011f\u0131daki de\u011ferleri al\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>\"menu_order\"<\/code> &#8211; <em>Varsay\u0131lan<\/em> : Resimleri, <code>ids<\/code> parametresindeki s\u0131raya g\u00f6re s\u0131ralar.<\/li><li><code>\"title\"<\/code> : Resimleri, k\u00fct\u00fcphanedeki isimlerine g\u00f6re s\u0131ralar.<\/li><li><code>\"post_date\"<\/code> : Resimleri, y\u00fcklenme tarihlerine g\u00f6re s\u0131ralar.<\/li><li><code>\"rand\"<\/code> : Resimleri, rastgele s\u0131ralar. Sayfa her yenilendi\u011finde, s\u0131ralama de\u011fi\u015fir.<\/li><li><code>\"ID\"<\/code> : Resimleri, <em>ID<\/em> de\u011ferlerine g\u00f6re s\u0131ralar.<\/li><\/ul>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek, galerideki resimleri <em>ID<\/em> de\u011ferlerine g\u00f6re s\u0131ralar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri orderby=\"ID\"]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"order\">order<\/span><\/h3>\n\n\n\n<p>Resimleri s\u0131ralama kriteri olarak se\u00e7ti\u011fimiz <code>orderby<\/code> parametresinin, artan s\u0131raya m\u0131 azalan s\u0131raya m\u0131 g\u00f6re uygulanaca\u011f\u0131n\u0131 belirler. Bu \u00f6zellik iki de\u011fer al\u0131r. Bunlar \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>\"ASC\"<\/code> : Artan s\u0131ra ile s\u0131ralar.<\/li><li><code>\"DESC\"<\/code> : Azalan s\u0131ra ile s\u0131ralar.<\/li><\/ul>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek, galerideki resimleri, <em>ID<\/em> de\u011ferine g\u00f6re ve azalan s\u0131ra ile s\u0131ralar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri order=\"DESC\" orderby=\"ID\"]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"columns\">columns<\/span><\/h3>\n\n\n\n<p>Galerideki resimlerin ka\u00e7 kolon (s\u00fctun &#8211; dikey s\u0131ra) halinde s\u0131ralanaca\u011f\u0131n\u0131 belirler. Varsay\u0131lan de\u011feri 3 olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek, galerideki resimleri, 4 kolon halinde s\u0131ralar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri columns=\"4\"]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"id\">id<\/span><\/h3>\n\n\n\n<p>Bir yaz\u0131 ya da sayfa i\u00e7in y\u00fcklenmi\u015f resimleri, bir resim galerisi halinde g\u00f6stermek istersek, bu yaz\u0131 ya da sayfan\u0131n <em>ID<\/em> de\u011ferini bu parametrede belirtiyoruz.<\/p>\n\n\n\n<p>Galeri k\u0131sa kodunda bir <code>id<\/code> de\u011feri belirtmezsek, varsay\u0131lan olarak ekrandaki yaz\u0131 ya da sayfan\u0131n <em>ID<\/em> de\u011ferini al\u0131r.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek, <em>ID<\/em> de\u011feri <em>123 <\/em>olan i\u00e7erik i\u00e7in y\u00fcklenmi\u015f b\u00fct\u00fcn resimlerden bir galeri olu\u015fturur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri id=\"123\"]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"ids\">ids<\/span><\/h3>\n\n\n\n<p>Galeride g\u00f6stermek istedi\u011fimiz resimlerin aralar\u0131nda virg\u00fcl olan bir listesidir.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek, listelenen <em>ID<\/em> de\u011ferlerine sahip olan resimlerden bir galeri olu\u015fturur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri ids=\"1030,1031,1032,1033,1034,1035\"]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"size\">size<\/span><\/h3>\n\n\n\n<p>Galeri i\u00e7in \u00e7a\u011f\u0131r\u0131lacak resimlerin boyutlar\u0131n\u0131 belirler. Varsay\u0131lan de\u011feri <code>\"thumbnail\"<\/code> olarak ayarlanm\u0131\u015ft\u0131r. WordPress kurulumu ile birlikte gelen resim boyutlar\u0131 i\u00e7in <a rel=\"noreferrer noopener\" aria-label=\"\u015furay\u0131 (yeni sekmede a\u00e7\u0131l\u0131r)\" href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-fonksiyonlari\/wp_get_attachment_metadata\/#Ortam_Ayarlari\" target=\"_blank\">\u015furay\u0131<\/a> okuyabilirsiniz. Ya da \u00f6zel resim boyutlar\u0131 olu\u015fturup bu parametrede kullanmak i\u00e7in bir WordPress fonksiyonu olan <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> fonksiyonunu inceleyebilirsiniz.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek, orta b\u00fcy\u00fckl\u00fckteki resimlerden bir galeri olu\u015fturur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri size=\"medium\"]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"link\">link<\/span><\/h3>\n\n\n\n<p>Galerideki resimlere t\u0131kland\u0131\u011f\u0131nda, nas\u0131l bir tepki verilece\u011fini belirleyen parametredir. \u0130ki farkl\u0131 de\u011fer al\u0131r. Bu de\u011ferler \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>\"file\"<\/code> &#8211; <em>Varsay\u0131lan<\/em> : Resme t\u0131kland\u0131\u011f\u0131nda, o resmin sayfas\u0131na gidilir.<\/li><li><code>\"none\"<\/code> : Resme t\u0131kland\u0131\u011f\u0131nda bir tepki vermez.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"itemtag\">itemtag<\/span><\/h3>\n\n\n\n<p>Galeri i\u00e7in \u00fcretilen HTML kodunda, her bir resim i\u00e7in ayr\u0131lan b\u00f6l\u00fcme ait kapsay\u0131c\u0131 HTML eleman\u0131d\u0131r. Varsay\u0131lan de\u011feri <code>\"figure\"<\/code> olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"icontag\">icontag<\/span><\/h3>\n\n\n\n<p>Galeri i\u00e7in \u00fcretilen HTML kodunda, her bir resme ait HTML eleman\u0131d\u0131r. Varsay\u0131lan de\u011feri <code>\"div\"<\/code> olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"captiontag\">captiontag<\/span><\/h3>\n\n\n\n<p>Galeri i\u00e7in \u00fcretilen HTML kodunda, her bir resmin alt yaz\u0131 k\u0131sm\u0131na ait HTML eleman\u0131d\u0131r. Varsay\u0131lan de\u011feri <code>\"figcaption\"<\/code> olarak ayarlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Ornek-1\">\u00d6rnek-1<\/span><\/h4>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek, listelenen <em>ID<\/em> de\u011ferlerine sahip olan resimlerden bir galeri olu\u015fturur:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri ids=\"1993,1994,1995,1996,1996\"]<\/code><\/pre>\n\n\n\n<p>Olu\u015fan galeri, teman\u0131zda \u015fu \u015fekilde g\u00f6r\u00fcn\u00fcr:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"361\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/wordpress-resimler-galeri-3.jpg\" alt=\"\" class=\"wp-image-3621\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/wordpress-resimler-galeri-3.jpg 550w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2019\/07\/wordpress-resimler-galeri-3-300x197.jpg 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><figcaption>WordPress &#8211; Resim Galerisi<\/figcaption><\/figure><\/div>\n\n\n\n<p>\u00d6rnekteki galeri k\u0131sa kodu, yukar\u0131daki \u00e7\u0131kt\u0131y\u0131 verebilmek i\u00e7in a\u015fa\u011f\u0131daki HTML yap\u0131s\u0131n\u0131 \u00fcretir:<\/p>\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\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"gallery-1\" class=\"gallery galleryid-1922 gallery-columns-3 gallery-size-thumbnail\">\n\t&lt;figure class=\"gallery-item\">\n\t\t&lt;div class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"https:\/\/sitecenneti.com\/?attachment_id=1993\">\n\t\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/balonlar-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1993\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/div>\n\t\t&lt;figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1993\">\n\t\tRenkli K\u00fc\u00e7\u00fck Balonlar\n\t\t&lt;\/figcaption>\n\t&lt;\/figure>\n\t&lt;figure class=\"gallery-item\">\n\t\t&lt;div class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"https:\/\/sitecenneti.com\/?attachment_id=1994\">\n\t\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/balonlar-2-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1994\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/div>\n\t\t&lt;figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1994\">\n\t\tRenkli Balonlar\n\t\t&lt;\/figcaption>\n\t&lt;\/figure>\n\t&lt;figure class=\"gallery-item\">\n\t\t&lt;div class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"https:\/\/sitecenneti.com\/?attachment_id=1995\">\n\t\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/balonlar-3-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1995\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/div>\n\t\t&lt;figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1995\">\n\t\tRenkli \u015eemsiyeler\n\t\t&lt;\/figcaption>\n\t&lt;\/figure>\n\t&lt;figure class=\"gallery-item\">\n\t\t&lt;div class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"https:\/\/sitecenneti.com\/?attachment_id=1996\">\n\t\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/sera-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1996\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/div>\n\t\t&lt;figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1996\">\n\t\tSera\n\t\t&lt;\/figcaption>\n\t&lt;\/figure>\n\t&lt;figure class=\"gallery-item\">\n\t\t&lt;div class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"https:\/\/sitecenneti.com\/?attachment_id=1997\">\n\t\t\t\t&lt;img src=\"https:\/\/sitecenneti.com\/wp-content\/uploads\/2019\/06\/tarla-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1997\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/div>\n\t\t&lt;figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1997\">\n\t\tTarla\n\t\t&lt;\/figcaption>\n\t&lt;\/figure>\n&lt;\/div><\/code><\/pre>\n\n\n\n<p>Ayn\u0131 galeriyi \u015fu \u015fekilde olu\u015fturdu\u011fumuzu d\u00fc\u015f\u00fcnelim:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri ids=\"1993,1994,1995,1996,1997\" itemtag=\"div\" icontag=\"span\" captiontag=\"p\"]<\/code><\/pre>\n\n\n\n<p>Bu durumda, galeri k\u0131sa kodunun, temam\u0131zda olu\u015fturaca\u011f\u0131 HTML \u015fu \u015fekilde olacakt\u0131r (Resimlerin <code>src<\/code> ve <code>href<\/code> de\u011ferleri silinmi\u015f ve &#8230; ile g\u00f6sterilmi\u015ftir. ):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=\"gallery-1\" class=\"gallery galleryid-1922 gallery-columns-3 gallery-size-thumbnail\">\n\t&lt;div class=\"gallery-item\">\n\t\t&lt;span class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"...\">\n\t\t\t\t&lt;img src=\"...\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1993\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/span>\n\t\t&lt;p class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1993\">\n\t\t\tRenkli K\u00fc\u00e7\u00fck Balonlar\n\t\t&lt;\/p>\n\t&lt;\/div>\n\t&lt;div class=\"gallery-item\">\n\t\t&lt;span class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"...\">\n\t\t\t\t&lt;img src=\"...\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1994\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/span>\n\t\t&lt;p class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1994\">\n\t\t\tRenkli Balonlar\n\t\t&lt;\/p>\n\t&lt;\/div>\n\t&lt;div class=\"gallery-item\">\n\t\t&lt;span class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"...\">\n\t\t\t\t&lt;img src=\"...\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1995\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/span>\n\t\t&lt;p class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1995\">\n\t\t\tRenkli \u015eemsiyeler\n\t\t&lt;\/p>\n\t&lt;\/div>\n\t&lt;div class=\"gallery-item\">\n\t\t&lt;span class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"...\">\n\t\t\t\t&lt;img src=\"...\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1996\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/span>\n\t\t&lt;p class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1996\">\n\t\t\tSera\n\t\t&lt;\/p>\n\t&lt;\/div>\n\t&lt;div class=\"gallery-item\">\n\t\t&lt;span class=\"gallery-icon landscape\">\n\t\t\t&lt;a href=\"...\">\n\t\t\t\t&lt;img src=\"...\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-1997\" width=\"150\" height=\"150\">\n\t\t\t&lt;\/a>\n\t\t&lt;\/span>\n\t\t&lt;p class=\"wp-caption-text gallery-caption\" id=\"gallery-1-1997\">\n\t\t\tTarla\n\t\t&lt;\/p>\n\t&lt;\/div>\n&lt;\/div><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"include\">include<\/span><\/h3>\n\n\n\n<p>Resim galerisinde g\u00f6sterilecek olan resimlerin <em>ID<\/em> de\u011ferlerinin, aralar\u0131na virg\u00fcl olan listedir.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki kod, <em>ID<\/em> de\u011ferleri 93, 94, 95, 96 ve 97 olan resimler ile, bir resim galerisi olu\u015fturur.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri include=\"93,94,95,96,97\"]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"exclude\">exclude<\/span><\/h3>\n\n\n\n<p>Resim galerisinde g\u00f6sterilmesini istemedi\u011fimiz resimlerin <em>ID<\/em> de\u011ferlerinin, aralar\u0131na virg\u00fcl olan listedir.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki kod, <em>ID<\/em> de\u011ferleri 96 ve 97 olan resimleri hari\u00e7 tutarak, bir resim galerisi olu\u015fturur.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[galeri exclude=\"96,97\"]<\/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>WordPress temalar\u0131na veya \u015fablon dosyalar\u0131na resim galerisi eklemenin yollar\u0131, resimlerle ve \u00f6rneklerle desteklenerek a\u00e7\u0131klanm\u0131\u015ft\u0131r.<\/p>\n","protected":false},"author":1,"featured_media":25,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[152,153,151],"class_list":["post-3571","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tema-yapimi","tag-galeri","tag-gallery","tag-resim-galerisi"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3571","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=3571"}],"version-history":[{"count":0,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/3571\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media\/25"}],"wp:attachment":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}