{"id":7503,"date":"2023-06-30T00:51:23","date_gmt":"2023-06-29T21:51:23","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=7503"},"modified":"2023-07-01T18:50:54","modified_gmt":"2023-07-01T15:50:54","slug":"klasik-temayi-blok-temaya-donusturme","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/klasik-temayi-blok-temaya-donusturme\/","title":{"rendered":"Klasik Temay\u0131 Blok Temaya D\u00f6n\u00fc\u015ft\u00fcrme"},"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=\"#Asamali_Olarak_Site_Duzenleyicisini_Etkinlestirme\"><span class=\"toc_number toc_depth_1\">1<\/span> A\u015famal\u0131 Olarak Site D\u00fczenleyicisini Etkinle\u015ftirme<\/a><ul><li><a href=\"#Universal_Temalar\"><span class=\"toc_number toc_depth_2\">1.1<\/span> Universal Temalar<\/a><\/li><li><a href=\"#Hibrit_Temalar\"><span class=\"toc_number toc_depth_2\">1.2<\/span> Hibrit Temalar<\/a><\/li><\/ul><\/li><li><a href=\"#Blok_Ayarlarini_Kullanima_Sokmak\"><span class=\"toc_number toc_depth_1\">2<\/span> Blok Ayarlar\u0131n\u0131 Kullan\u0131ma Sokmak<\/a><ul><li><a href=\"#Klasik_Temalara_themejson_Dosyasi_Ekleme\"><span class=\"toc_number toc_depth_2\">2.1<\/span> Klasik Temalara theme.json Dosyas\u0131 Ekleme<\/a><\/li><li><a href=\"#Klasik_Temalara_Blok_Modelleri_Ekleme\"><span class=\"toc_number toc_depth_2\">2.2<\/span> Klasik Temalara Blok Modelleri Ekleme<\/a><ul><li><a href=\"#Blok_Modelleri_Nasil_Olusturulur\"><span class=\"toc_number toc_depth_3\">2.2.1<\/span> Blok Modelleri Nas\u0131l Olu\u015fturulur?<\/a><\/li><li><a href=\"#Blok_Modelleri_Icin_Kategori_Ekleme\"><span class=\"toc_number toc_depth_3\">2.2.2<\/span> Blok Modelleri \u0130\u00e7in Kategori Ekleme<\/a><\/li><\/ul><\/li><li><a href=\"#Sablon_Editorunu_EtkinlestirmeDevre_Disi_Birakma\"><span class=\"toc_number toc_depth_2\">2.3<\/span> \u015eablon Edit\u00f6r\u00fcn\u00fc Etkinle\u015ftirme\/Devre D\u0131\u015f\u0131 B\u0131rakma<\/a><\/li><li><a href=\"#Sablon_Parcasi_Destegi\"><span class=\"toc_number toc_depth_2\">2.4<\/span> \u015eablon Par\u00e7as\u0131 Deste\u011fi<\/a><\/li><\/ul><\/li><li><a href=\"#Sablon_Parcasi_Dosyalarini_Cagirma\"><span class=\"toc_number toc_depth_1\">3<\/span> \u015eablon Par\u00e7as\u0131 Dosyalar\u0131n\u0131 \u00c7a\u011f\u0131rma<\/a><\/li><li><a href=\"#Ozellestirme_Secenekleri\"><span class=\"toc_number toc_depth_1\">4<\/span> \u00d6zelle\u015ftirme Se\u00e7enekleri<\/a><\/li><\/ul><\/div>\n\n<p>Klasik bir temay\u0131 bir blok temaya d\u00f6n\u00fc\u015ft\u00fcrmenin bir \u00e7ok faydas\u0131 vard\u0131r. Fakat yine de g\u00f6z ard\u0131 edilmemesi gereken baz\u0131 sorunlar da yok de\u011fildir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klasik bir temay\u0131 d\u00f6n\u00fc\u015ft\u00fcrmek, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/7-1-yavru-temalar-child-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">yavru temalar\u0131 (child themes)<\/a> etkileyebilir.<\/li>\n\n\n\n<li><a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/\" target=\"_blank\" rel=\"noreferrer noopener\">theme.json dosyas\u0131<\/a>, WordPress 5.8 ve sonras\u0131n\u0131 gerektirmektedir. <\/li>\n\n\n\n<li>WordPress 5.8 ile birlikte, \u0130nternet Explorer 11 deste\u011fi da son bulmu\u015ftur. Teman\u0131z\u0131n b\u00f6yle bir zorunlulu\u011fu varsa muhtemelen g\u00f6r\u00fcn\u00fc\u015f\u00fc bu de\u011fi\u015fiklikten etkilenecektir.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Asamali_Olarak_Site_Duzenleyicisini_Etkinlestirme\">A\u015famal\u0131 Olarak Site D\u00fczenleyicisini Etkinle\u015ftirme<\/span><\/h2>\n\n\n\n<p>Klasik bir temaya a\u015famal\u0131 olarak &#8220;<strong>Site D\u00fczenleyici (G\u00f6r\u00fcn\u00fcm -&gt; D\u00fczenleyici)<\/strong>&#8221; \u00f6zelliklerini kazand\u0131rman\u0131n birden \u00e7ok yolu vard\u0131r:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Universal_Temalar\">Universal Temalar<\/span><\/h3>\n\n\n\n<p>Universal tema demek, y\u00f6netim panelinde, &#8220;<em>G\u00f6r\u00fcn\u00fcm -&gt; \u00d6zelle\u015ftir<\/em>&#8221; sayfas\u0131 olan (Customizer API kullanan) tema demektir. Blok temalarda bu \u00f6zellik yoktur. Universal bir temay\u0131 \u00f6zelle\u015ftirmek i\u00e7in Customizer API kullan\u0131l\u0131r.<\/p>\n\n\n\n<p>Customizer API hakk\u0131nda detayl\u0131 bilgi almak isterseniz \u015furadan ba\u015flayabilirsiniz: <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/5-0-besinci-bolumun-tanitimi\/\" target=\"_blank\" rel=\"noreferrer noopener\">5. B\u00f6l\u00fcm\u00fcn (Customizer API Yaz\u0131 Dizisinin) Tan\u0131t\u0131m\u0131<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Hibrit_Temalar\">Hibrit Temalar<\/span><\/h3>\n\n\n\n<p>Hibrit temalar da asl\u0131nda klasik temalard\u0131r fakat &#8220;Site D\u00fczenleyici&#8221; \u00f6zellikleri de vard\u0131r. Bu y\u00fczden bir <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/\" target=\"_blank\" rel=\"noreferrer noopener\">theme.json dosyalar\u0131<\/a> ve &#8220;<a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/sablonlar-ve-sablon-parcalari\/#Sablon_Editoru_Ile_Sablon_Hazirlama\" target=\"_blank\" rel=\"noreferrer noopener\">\u015fablon edit\u00f6r\u00fc<\/a>&#8221; \u00f6zellikleri de bulunur. Mesela bu temalarda, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/\" target=\"_blank\" rel=\"noreferrer noopener\">theme.json dosyas\u0131<\/a> ile <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/#Renk_Ayarlari\" target=\"_blank\" rel=\"noreferrer noopener\">renk ayarlar\u0131n\u0131<\/a> kodlay\u0131p bir renk paleti olu\u015fturabilir veya sitenizin <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/#Yerlesim_Layout\" target=\"_blank\" rel=\"noreferrer noopener\">yerle\u015fim (layout)<\/a> ayarlar\u0131n\u0131 yapabilirsiniz.<\/p>\n\n\n\n<p>Not: Temaya <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/\" target=\"_blank\" rel=\"noreferrer noopener\">theme.json dosyas\u0131<\/a> eklemek, global stilleri kullan\u0131ma a\u00e7ar fakat bloklar\u0131n stillendirme ara y\u00fcz\u00fcn\u00fc kullan\u0131ma sokmaz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Blok_Ayarlarini_Kullanima_Sokmak\">Blok Ayarlar\u0131n\u0131 Kullan\u0131ma Sokmak<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Klasik_Temalara_themejson_Dosyasi_Ekleme\">Klasik Temalara theme.json Dosyas\u0131 Ekleme<\/span><\/h3>\n\n\n\n<p>Klasik bir teman\u0131n (WordPress 5.8 ve \u00fczerinde iken) ana dizinine bir <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/\" target=\"_blank\" rel=\"noreferrer noopener\">theme.json dosyas\u0131<\/a> ekledi\u011fimizde dosya kullan\u0131lmaya ba\u015flanacakt\u0131r. Bu i\u015flemden sonra, klasik temalar\u0131n <code><strong>funcitons.php<\/strong><\/code> dosyas\u0131nda <code><strong>add_theme_support()<\/strong><\/code> fonksiyonu ile ekledi\u011fimiz \u00f6zelliklere daha fazla ihtiya\u00e7 kalmaz. \u00c7\u00fcnk\u00fc bu \u00f6zellikler art\u0131k <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/theme-json-dosyasi\/\" target=\"_blank\" rel=\"noreferrer noopener\">theme.json dosyas\u0131<\/a> ile d\u00fczenlenebilir. Unutmay\u0131n, ayn\u0131 \u00f6zellik i\u00e7in hem <code><strong>add_theme_support<\/strong><\/code> ile hem de <em><strong>theme.json<\/strong><\/em> dosyas\u0131n\u0131 kullan\u0131rsak \u00f6ncelik <em><strong>theme.json<\/strong><\/em> dosyas\u0131ndad\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Klasik_Temalara_Blok_Modelleri_Ekleme\">Klasik Temalara Blok Modelleri Ekleme<\/span><\/h3>\n\n\n\n<p>Blok modelleri, belli bir amaca g\u00f6re dizayn edilmi\u015f ve o \u015fekilde kaydedilmi\u015f bloklard\u0131r. Web sitesinin herhangi bir yerinde kullan\u0131labilirler.<\/p>\n\n\n\n<p>Mesela klasik temalarda, Customizer API yard\u0131m\u0131 ile, <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/4-8-sidebar-sayfa-yani\/\" target=\"_blank\" rel=\"noreferrer noopener\">sidebar<\/a> kullanma se\u00e7ene\u011fi sunulabilmektedir. Bu se\u00e7enek ile tek s\u00fctun ya da iki s\u00fctunlu sayfa d\u00fczenleri olu\u015fturmak m\u00fcmk\u00fcn olabilmektedir. Ayn\u0131 \u015feyi, bir blok modeli olu\u015fturarak da yapabiliriz.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Blok_Modelleri_Nasil_Olusturulur\">Blok Modelleri Nas\u0131l Olu\u015fturulur?<\/span><\/h4>\n\n\n\n<p>Blok modeli olu\u015fturmak i\u00e7in <code>register_block_pattern()<\/code> fonksiyonundan yararlan\u0131r\u0131z. Arg\u00fcmanlar\u0131n\u0131 girdikten sonra da fonksiyonu, <code>\"init\"<\/code> kancas\u0131 ile \u00e7a\u011f\u0131r\u0131r\u0131z.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki \u00f6rnek &#8220;<em>Buton \u00e7ifti<\/em>&#8221; ad\u0131nda bir blok modeli kodlamaktad\u0131r:<\/p>\n\n\n\n<p><code>functions.php<\/code><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function sc_add_button_block_pattern() {\n\tregister_block_pattern(\n\t\t'my-plugin\/buton-cifti',\n\t\tarray(\n\t\t\t'title'       =&gt; __( 'Buton \u00e7ifti', 'my-plugin' ),\n\t\t\t'description' =&gt; _x( 'Sitecenneti ile biraz \u00f6nce deneme ama\u00e7l\u0131 eklendi.', 'Block pattern description', 'my-plugin' ),\n\t\t\t'content'     =&gt; \"&lt;!-- wp:buttons {\\\"align\\\":\\\"center\\\"} --&gt;\\n&lt;div class=\\\"wp-block-buttons aligncenter\\\"&gt;&lt;!-- wp:button {\\\"backgroundColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0} --&gt;\\n&lt;div class=\\\"wp-block-button\\\"&gt;&lt;a class=\\\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\\\"&gt;\" . esc_html__( 'Button One', 'my-plugin' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;\\n\\n&lt;!-- wp:button {\\\"textColor\\\":\\\"very-dark-gray\\\",\\\"borderRadius\\\":0,\\\"className\\\":\\\"is-style-outline\\\"} --&gt;\\n&lt;div class=\\\"wp-block-button is-style-outline\\\"&gt;&lt;a class=\\\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\\\"&gt;\" . esc_html__( 'Button Two', 'my-plugin' ) . \"&lt;\/a&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:button --&gt;&lt;\/div&gt;\\n&lt;!-- \/wp:buttons --&gt;\",\n\t\t)\n\t);\n}\nadd_action( 'init', 'sc_add_button_block_pattern' );<\/code><\/pre>\n\n\n\n<p>Yukar\u0131daki kodda g\u00f6r\u00fclen <strong>&#8220;content&#8221;<\/strong> eleman\u0131n\u0131n de\u011feri blo\u011fumuzun HTML format\u0131ndaki yap\u0131s\u0131d\u0131r. Bir blo\u011fun HTML yap\u0131s\u0131na ula\u015fmak i\u00e7in blo\u011fun hemen \u00fczerinde g\u00f6rd\u00fc\u011f\u00fcm\u00fcz <em>blok tools<\/em> k\u0131sm\u0131ndan bulunan &#8220;<em>Ayarlar<\/em>&#8221; men\u00fcs\u00fcndeki &#8220;Blo\u011fu kopyala&#8221; se\u00e7ene\u011fini kullanabiliriz. Bu \u015fekilde blo\u011fun HTML yap\u0131s\u0131n\u0131 kopyalam\u0131\u015f oluruz ve diledi\u011fimiz yere yap\u0131\u015ft\u0131rabiliriz:<\/p>\n\n\n\n<div class=\"wp-block-group scmb-30 has-white-background-color has-background is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"498\" height=\"298\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-Tema-Kodlama-Klasik-Temayi-Donusturme-Blok-Modeli-Olusturma.gif\" alt=\"WordPress-Blok-Tema-Kodlama-Klasik-Temay\u0131-D\u00f6n\u00fc\u015ft\u00fcrme-Blok-Modeli-Olu\u015fturma\" class=\"wp-image-7599\"\/><\/figure>\n<\/div>\n\n\n\n<p>Bu kodlar temam\u0131za eklendi\u011finde, art\u0131k diledi\u011fimiz sayfa ya da i\u00e7erikte kullanabilece\u011fimiz bir model olu\u015fturmu\u015f oluruz. Olu\u015fturdu\u011fumuz modeli kullanmak sitersek, blok edit\u00f6rde iken &#8220;Blok ekleyici&#8221; butonuna bas\u0131p, &#8220;Modeller&#8221; sekmesindeki listeden &#8220;Genel&#8221; kategorisine bakmam\u0131z gerekmektedir:<\/p>\n\n\n\n<div class=\"wp-block-group scmb-30 has-white-background-color has-background is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-Tema-Kodlama-Klasik-Tema-Blok-Modeli-Olusturma.gif\" alt=\"WordPress-Blok-Tema-Kodlama-Klasik-Tema-Blok-Modeli-Olu\u015fturma\" class=\"wp-image-7533\" width=\"488\" height=\"467\"\/><\/figure>\n<\/div>\n\n\n\n<p> <code>register_block_pattern()<\/code> fonksiyonu 2 arg\u00fcman al\u0131r. Bunlar \u015funlard\u0131r:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>title<\/strong>: Makine dilinde bir ba\u015fl\u0131kt\u0131r.\n<ul class=\"wp-block-list\">\n<li><code>namespace\/title<\/code> format\u0131nda olmal\u0131d\u0131r.<\/li>\n\n\n\n<li>\u00d6rnek: <code>benim-temam\/buton-cifti<\/code><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>properties<\/strong>: Olu\u015fturaca\u011f\u0131m\u0131z modelin detaylar\u0131n\u0131 girdi\u011fimiz arg\u00fcmand\u0131r. Bir \u00e7e\u015fit dizidir (array) ve elemanlar\u0131 da \u015funlard\u0131r:\n<ul class=\"wp-block-list\">\n<li><strong>title <\/strong>(<em>zorunlu<\/em>): \u0130nsan dilinde bir ba\u015fl\u0131kt\u0131r.\n<ul class=\"wp-block-list\">\n<li>Modelimizi burada verdi\u011fimiz ba\u015fl\u0131k ile arar\u0131z.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>content <\/strong>(<em>zorunlu<\/em>): Modelimizin HTML yap\u0131s\u0131d\u0131r.\n<ul class=\"wp-block-list\">\n<li>Bir blo\u011fun HTML yap\u0131s\u0131n\u0131 bulman\u0131n kolay yolu blo\u011fumuz \u015fekillendirdikten sonra \u00fczerindeki Toolbarda bulunan 3 noktaya t\u0131klay\u0131m &#8220;Blo\u011fu kopyala&#8221; se\u00e7ene\u011fine basmakt\u0131r. Bu \u015fekilde kopyalanan HTML yap\u0131s\u0131n\u0131 bu eleman\u0131n kar\u015f\u0131s\u0131na yap\u0131\u015ft\u0131rabiliriz.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>description<\/strong>: Blo\u011fumuzun hangi ama\u00e7la olu\u015fturuldu\u011funu a\u00e7\u0131klayan k\u0131z\u0131md\u0131r. Zorunlu olmasa da \u015fiddetle tavsiye edilir. Ba\u015fl\u0131\u011f\u0131m\u0131z yeterince a\u00e7\u0131klay\u0131c\u0131 de\u011filse, kullan\u0131c\u0131lar\u0131m\u0131z modelimizi ararken buradaki ifadeler de taranacakt\u0131r.<\/li>\n\n\n\n<li><strong>categories<\/strong>: Blok ekleyicisinde blok modelleri belli kategoriler halinde sunulur. Olu\u015fturdu\u011fumuz modelin hangi kategorilerde g\u00f6sterilece\u011fini bir dizi \u015feklinde bu ayar ile belirtiriz.\n<ul class=\"wp-block-list\">\n<li>Bu ayar\u0131 pas ge\u00e7ersek, modelimiz &#8220;Genel&#8221; kategorisinde g\u00f6sterilecektir.<\/li>\n\n\n\n<li>WordPress 6.2 ile birlikte gelen model kategorileri \u015funlard\u0131r:\n<ul class=\"wp-block-list\">\n<li><strong>about<\/strong>: Deneyimler<\/li>\n\n\n\n<li><strong>Call to action:<\/strong>&nbsp;Eylem \u00e7a\u011f\u0131r\u0131s\u0131<\/li>\n\n\n\n<li><strong>Contact:&nbsp;<\/strong>\u0130leti\u015fim<\/li>\n\n\n\n<li><strong>Footers:<\/strong>&nbsp;Alt k\u0131s\u0131mlar<\/li>\n\n\n\n<li><strong>Headers<\/strong>: \u00dcst k\u0131s\u0131mlar<\/li>\n\n\n\n<li><strong>Media:&nbsp;<\/strong>Galeri<\/li>\n\n\n\n<li><strong>Portfolio:&nbsp;<\/strong>Portfolyo<\/li>\n\n\n\n<li><strong>Posts<\/strong>: Yaz\u0131lar<\/li>\n\n\n\n<li><strong>Services:<\/strong>&nbsp;Servisler<\/li>\n\n\n\n<li><strong>Team:<\/strong>&nbsp;Tak\u0131m<\/li>\n\n\n\n<li><strong>Testimonials:<\/strong>&nbsp;Metin<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>keywords<\/strong>: Arama esnas\u0131nda modelimizin bulunabilmesini sa\u011flamak i\u00e7in anahtar kelimeler dizisidir.<\/li>\n\n\n\n<li><strong>viewportWidth<\/strong>: Blok ekleyicisinde g\u00f6sterilirken, blo\u011fun geni\u015fli\u011fini dilersek burada ayarlayabilir.\n<ul class=\"wp-block-list\">\n<li>Integer tipinde de\u011fer al\u0131r.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>blockTypes<\/strong>: Modelimizin hangi bloklar\u0131n i\u00e7inde kullan\u0131labilece\u011fini belirleyen bir dizidir.\n<ul class=\"wp-block-list\">\n<li>Dizinin her bir eleman\u0131 blo\u011fun bilgisayar dilindeki ad\u0131d\u0131r.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>postTypes<\/strong>: Modelimizin hangi i\u00e7erik tiplerinde g\u00f6r\u00fcnece\u011fini belirledi\u011fimiz bir dizidir.\n<ul class=\"wp-block-list\">\n<li>Modelimiz, bu dizide belirtti\u011fimiz i\u00e7erik tipleri haricinde g\u00f6r\u00fcnt\u00fclenmeyecektir.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>templateTypes<\/strong>: Blo\u011fumuzun hangi \u015fablon dosyalar\u0131na g\u00f6sterilece\u011fini belirten bir dizidir.\n<ul class=\"wp-block-list\">\n<li>Mesela bu diziye &#8220;404&#8221; eleman\u0131n\u0131 girersek modelimiz sadece <strong>404.php<\/strong> \u015fablonunda g\u00f6r\u00fcn\u00fcr; &#8220;single-post&#8221; girersek de sadece yaz\u0131lar\u0131m\u0131zda g\u00f6r\u00fcn\u00fcr.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>inserter<\/strong>: Modelimizin blok ekleyicisinde g\u00f6r\u00fcn\u00fcp g\u00f6r\u00fcnmeyece\u011fini belirleyen, boolean tipinde bir elemand\u0131r.<\/li>\n\n\n\n<li><strong>source<\/strong>: Modelimizin kodland\u0131\u011f\u0131 kaynak tipidir.\n<ul class=\"wp-block-list\">\n<li>Modelimiz bir eklenti taraf\u0131ndan olu\u015fturulmu\u015fsa &#8220;<em>plugin<\/em>&#8220;, tema dosyalar\u0131nda olu\u015fmu\u015fsa &#8220;<em>theme<\/em>&#8221; de\u011ferini al\u0131r.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>Bir blok modelini kald\u0131rmak istersek <code><strong>unregister_block_pattern()<\/strong><\/code> fonksiyonunu \u015fu \u015fekilde kullanmal\u0131y\u0131z:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function sc_delete_button_block_pattern() {\n\tunregister_block_pattern( 'my-plugin\/buton-cifti' );\n}\nadd_action( 'init', 'sc_delete_button_block_pattern' );<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span id=\"Blok_Modelleri_Icin_Kategori_Ekleme\">Blok Modelleri \u0130\u00e7in Kategori Ekleme<\/span><\/h4>\n\n\n\n<p>Blok modelleri i\u00e7in bir kategori eklemek istersek <code>register_block_pattern_category<\/code>&nbsp;fonksiyonunu kullan\u0131r\u0131z.<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki kod; Site Cenneti ad\u0131nda bir kategori ekler:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function sc_register_my_pattern_categories() {\n\tregister_block_pattern_category(\n\t\t'site-cenneti',\n\t\tarray( 'label' =&gt; __( 'Site Cenneti', 'my-plugin' ) )\n\t);\n}\nadd_action( 'init', 'sc_register_my_pattern_categories' );<\/code><\/pre>\n\n\n\n<p>Ekledi\u011fimiz blo\u011fu kald\u0131rmak istersek \u015fu kodu kullan\u0131r\u0131z:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function sc_unregister_my_pattern_categories() {\n\tunregister_block_pattern_category( 'site-cenneti' );\n}\nadd_action( 'init', 'sc_unregister_my_pattern_categories' );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Sablon_Editorunu_EtkinlestirmeDevre_Disi_Birakma\">\u015eablon Edit\u00f6r\u00fcn\u00fc Etkinle\u015ftirme\/Devre D\u0131\u015f\u0131 B\u0131rakma<\/span><\/h3>\n\n\n\n<p>Klasik bir temada <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/sablonlar-ve-sablon-parcalari\/#Sablon_Editoru_Ile_Sablon_Hazirlama\" target=\"_blank\" rel=\"noreferrer noopener\">\u015fablon edit\u00f6r\u00fcn\u00fc<\/a> etkinle\u015ftirmenin 2 yolu vard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Temaya <strong>theme.json<\/strong> dosyas\u0131 ekleme<\/li>\n\n\n\n<li>Teman\u0131n <strong><em>functions.php<\/em><\/strong> dosyas\u0131na <code><strong>add_theme_support( 'block-templates' );<\/strong><\/code> kodunu ekleme.\n<ul class=\"wp-block-list\">\n<li>Bu kodu ekledi\u011fimizde blok edit\u00f6rde sa\u011f taraf\u0131ndaki ayarlar s\u00fctununda ve \u015eablon ayar\u0131nda \u015f\u00f6yle bir &#8220;<strong>\u015eablon ekle<\/strong>&#8221; butonu g\u00f6r\u00fcn\u00fcr:<br><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"357\" class=\"wp-image-7555\" style=\"width: 200px;\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-block-tabanli-tema-tasarimi-klasik-temayi-donusturme-sablon-editoru-ekleme.jpg\" alt=\"WordPress-Blok-block-tabanl\u0131-tema-tasar\u0131m\u0131-klasik-temay\u0131-d\u00f6n\u00fc\u015ft\u00fcrme-\u015fablon-edit\u00f6r\u00fc-ekleme\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-block-tabanli-tema-tasarimi-klasik-temayi-donusturme-sablon-editoru-ekleme.jpg 323w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-block-tabanli-tema-tasarimi-klasik-temayi-donusturme-sablon-editoru-ekleme-168x300.jpg 168w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/>\n<ul class=\"wp-block-list\">\n<li>Bu buton bizi <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/sablonlar-ve-sablon-parcalari\/#Sablon_Editoru_Ile_Sablon_Hazirlama\" target=\"_blank\" rel=\"noreferrer noopener\">\u015fablon edit\u00f6r\u00fcne<\/a> y\u00f6nlendirecektir.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><a href=\"http:\/\/remove_theme_support( 'block-templates' );\" target=\"_blank\" rel=\"noreferrer noopener\">\u015eablon edit\u00f6r\u00fcn\u00fc<\/a> devre d\u0131\u015f\u0131 b\u0131rakmak istersek a\u015fa\u011f\u0131daki kodu kullanabiliriz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>remove_theme_support( 'block-templates' );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"Sablon_Parcasi_Destegi\">\u015eablon Par\u00e7as\u0131 Deste\u011fi<\/span><\/h3>\n\n\n\n<p>A\u015fa\u011f\u0131daki kod; klasik bir teman\u0131n <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/sablonlar-ve-sablon-parcalari\/#Sablon_Parcalari\" target=\"_blank\" rel=\"noreferrer noopener\">\u015fablon par\u00e7as\u0131<\/a> edit\u00f6r\u00fcne kavu\u015fmas\u0131n\u0131 sa\u011flar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_theme_support( 'block-template-parts' );\n<\/code><\/pre>\n\n\n\n<p>Bu kodu ekledikten sonra klasik teman\u0131n y\u00f6netim panelinde &#8220;<em>G\u00f6r\u00fcn\u00fcm -&gt; \u015eablon par\u00e7alar\u0131<\/em>&#8221; men\u00fcs\u00fc aktif olacakt\u0131r. Bu men\u00fc bizi do\u011frudan &#8220;Site D\u00fczenleyicisi&#8221; ne y\u00f6nlendirecektir. Bu edit\u00f6r yad\u0131m\u0131 ile yeni \u015fablon par\u00e7alar\u0131 olu\u015fturmak ve var olanlar\u0131 d\u00fczenlemek m\u00fcmk\u00fcn olacakt\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Sablon_Parcasi_Dosyalarini_Cagirma\">\u015eablon Par\u00e7as\u0131 Dosyalar\u0131n\u0131 \u00c7a\u011f\u0131rma<\/span><\/h2>\n\n\n\n<p>Klasik temalarda \u015fablon par\u00e7as\u0131 olu\u015fturdu\u011fumuz dosyalar\u0131 \u015f\u00f6yle \u00e7a\u011f\u0131r\u0131yorduk:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>get_template_part( $name )<\/code><\/pre>\n\n\n\n<p>Klasik temalarda <code><strong>get_template_part()<\/strong><\/code> fonksiyonunun nas\u0131l kullan\u0131ld\u0131\u011f\u0131n\u0131 merak ediyorsan \u015fu yaz\u0131ya g\u00f6z atabilirsin: <a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-tema-yapimi\/2-11-tema-dosyalarina-baglanti-verme-cagirma\/#Kendi_Sablonlarinizi_Cagirma\" target=\"_blank\" rel=\"noreferrer noopener\">Kendi \u015eablonlar\u0131m\u0131z\u0131 \u00c7a\u011f\u0131rma<\/a><\/p>\n\n\n\n<p>Blok temalarda b\u00fct\u00fcn \u015fablon par\u00e7alar\u0131 <strong><em>parts\/{$name}.html <\/em><\/strong>dizininde yer almak zorundad\u0131r ve \u015f\u00f6yle \u00e7a\u011f\u0131l\u0131rlar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>block_template_part( $name )<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Ozellestirme_Secenekleri\">\u00d6zelle\u015ftirme Se\u00e7enekleri<\/span><\/h2>\n\n\n\n<p>\u00d6zelle\u015ftirme \u00f6zelli\u011fi, klasik temalarda, &#8220;<em>G\u00f6r\u00fcn\u00fcm -&gt; \u00d6zelle\u015ftir<\/em>&#8221; men\u00fcs\u00fcnden ula\u015f\u0131lan sayfad\u0131r.<\/p>\n\n\n\n<p>Klasik bir temada, <strong>temaplates<\/strong> dizini olu\u015fturup bu dizine index.html klas\u00f6r\u00fc koyarsak bu &#8220;<a href=\"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/sablonlar-ve-sablon-parcalari\/#Site_Duzenleyicisi_Ile_Sablon_Dosyasi_Olusturmak\" target=\"_blank\" rel=\"noreferrer noopener\">Site D\u00fczenleyicisi (<em>G\u00f6r\u00fcn\u00fcm -&gt; D\u00fczenleyici)<\/em><\/a>&#8221; sayfas\u0131n\u0131 aktifle\u015ftirmi\u015f oluruz.<\/p>\n\n\n\n<div class=\"wp-block-group scmb-30 has-white-background-color has-background is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-94bc23d7 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"322\" height=\"148\" src=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-block-tabanli-tema-tasarimi-klasik-temayi-donusturme-site-duzenleyicisi-eklme.jpg\" alt=\"WordPress-Blok-block-tabanl\u0131-tema-tasar\u0131m\u0131-klasik-temay\u0131-d\u00f6n\u00fc\u015ft\u00fcrme-site-d\u00fczenleyicisi-eklme\" class=\"wp-image-7562\" srcset=\"https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-block-tabanli-tema-tasarimi-klasik-temayi-donusturme-site-duzenleyicisi-eklme.jpg 322w, https:\/\/sitecenneti.com\/wordpress\/wp-content\/uploads\/sites\/15\/2023\/06\/WordPress-Blok-block-tabanli-tema-tasarimi-klasik-temayi-donusturme-site-duzenleyicisi-eklme-300x138.jpg 300w\" sizes=\"auto, (max-width: 322px) 100vw, 322px\" \/><\/figure>\n<\/div>\n\n\n\n<p>Fakat bu durum &#8220;<em>G\u00f6r\u00fcn\u00fcm-&gt;\u00d6zele\u015ftir<\/em>&#8221; sayfas\u0131nda baz\u0131 yerlerin saklanmas\u0131na sebep olabilir.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>BU DERS\u0130N BA\u015eLIKLARI1 A\u015famal\u0131 Olarak Site D\u00fczenleyicisini Etkinle\u015ftirme1.1 Universal Temalar1.2 Hibrit Temalar2 Blok Ayarlar\u0131n\u0131 Kullan\u0131ma Sokmak2.1 Klasik Temalara theme.json Dosyas\u0131 Ekleme2.2 Klasik Temalara Blok Modelleri Ekleme2.2.1 Blok Modelleri Nas\u0131l Olu\u015fturulur?2.2.2 Blok Modelleri \u0130\u00e7in Kategori Ekleme2.3 \u015eablon Edit\u00f6r\u00fcn\u00fc Etkinle\u015ftirme\/Devre D\u0131\u015f\u0131 B\u0131rakma2.4 \u015eablon Par\u00e7as\u0131 Deste\u011fi3 \u015eablon Par\u00e7as\u0131 Dosyalar\u0131n\u0131 \u00c7a\u011f\u0131rma4 \u00d6zelle\u015ftirme Se\u00e7enekleri Klasik bir temay\u0131 bir blok temaya [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6925,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[264],"tags":[265],"class_list":["post-7503","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-blok-tabanli-tema-kodlama","tag-blok-tema-kodlama"],"_links":{"self":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/7503","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=7503"}],"version-history":[{"count":3,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/7503\/revisions"}],"predecessor-version":[{"id":7602,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/7503\/revisions\/7602"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media\/6925"}],"wp:attachment":[{"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/media?parent=7503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=7503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=7503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}