{"id":7619,"date":"2023-07-02T00:07:45","date_gmt":"2023-07-01T21:07:45","guid":{"rendered":"https:\/\/sitecenneti.com\/wordpress\/?p=7619"},"modified":"2023-07-02T02:52:57","modified_gmt":"2023-07-01T23:52:57","slug":"site-duzenleyicisi-ile-bir-blok-tema-yaratma","status":"publish","type":"post","link":"https:\/\/sitecenneti.com\/wordpress\/wordpress-blok-tabanli-tema-kodlama\/site-duzenleyicisi-ile-bir-blok-tema-yaratma\/","title":{"rendered":"Site D\u00fczenleyicisi ile Bir Blok Tema Yaratma"},"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=\"#Var_Olan_Bir_Temayi_Duzenleme\"><span class=\"toc_number toc_depth_1\">1<\/span> Var Olan Bir Temay\u0131 D\u00fczenleme<\/a><\/li><li><a href=\"#Disa_Aktarma\"><span class=\"toc_number toc_depth_1\">2<\/span> D\u0131\u015fa Aktarma<\/a><\/li><li><a href=\"#Disari_Aktarilan_Dosyalardan_Bir_Tema_Yaratma\"><span class=\"toc_number toc_depth_1\">3<\/span> D\u0131\u015far\u0131 Aktar\u0131lan Dosyalardan Bir Tema Yaratma<\/a><ul><li><a href=\"#WordPress_59_Surumunde\"><span class=\"toc_number toc_depth_2\">3.1<\/span> WordPress 5.9 S\u00fcr\u00fcm\u00fcnde<\/a><\/li><li><a href=\"#WordPress_60_Surumunde\"><span class=\"toc_number toc_depth_2\">3.2<\/span> WordPress 6.0 S\u00fcr\u00fcm\u00fcnde<\/a><\/li><\/ul><\/li><li><a href=\"#Yeni_Temanizi_Paylasmak_Isterseniz\"><span class=\"toc_number toc_depth_1\">4<\/span> Yeni Teman\u0131z\u0131 Payla\u015fmak \u0130sterseniz<\/a><\/li><\/ul><\/div>\n\n<p>Bir blok temay\u0131 s\u0131f\u0131rdan kodlaman\u0131n alternatifi var olan temay\u0131 Site D\u00fczenleyicisi ile g\u00fcncellemek ve de\u011fi\u015fiklikleri &#8220;<em>D\u0131\u015fa aktarma<\/em>&#8221; i\u015flemidir.<\/p>\n\n\n\n<p>D\u0131\u015fa aktarma i\u015flemi Site D\u00fczenleyicisinde iken, &#8220;Ayarlar&#8221; men\u00fcs\u00fcnde (\u00fcst \u00fcste 3 nokta) bulunmaktad\u0131r:<\/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\/07\/WordPress-Blok-Tema-Kodlama-Klasik-Temayi-Donusturme-Disa-Aktarma.gif\" alt=\"WordPress-Blok-Tema-Kodlama-Klasik-Temay\u0131-D\u00f6n\u00fc\u015ft\u00fcrme-D\u0131\u015fa-Aktarma\" class=\"wp-image-7624\" width=\"256\" height=\"464\"\/><\/figure>\n<\/div>\n\n\n\n<p>D\u0131\u015fa aktarma i\u015flemi, teman\u0131z\u0131n bir zip dosyas\u0131 olarak kopyas\u0131n\u0131 haz\u0131rlar ve indirir. Bu \u00f6zellik WordPress 5.9 s\u00fcr\u00fcm\u00fcnde s\u0131n\u0131rl\u0131 olarak desteklenir, 6.0 ile birlikte daha geli\u015fmi\u015f olarak desteklenir.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>5.9<\/strong>: Site D\u00fczenleyicisi, \u015fablonlar\u0131 ve \u015fablon par\u00e7alar\u0131n\u0131 d\u0131\u015fa aktar\u0131r fakat theme.json dosyas\u0131n\u0131 aktarmaz. Dosya yap\u0131s\u0131 aktar\u0131l\u0131r fakat renk paleti ve blok ayarlar\u0131 aktar\u0131lmaz.<\/li>\n\n\n\n<li><strong>6.0<\/strong>: Site D\u00fczenleyicisi, aktif teman\u0131n tam bir kopyas\u0131n\u0131 d\u0131\u015fa aktar\u0131r. Bu aktar\u0131m \u015fablonlardaki de\u011fi\u015fiklikleri ve stilleri de i\u00e7erir. Bu tema, y\u00fcklenmeye ve etkinle\u015ftirmeye haz\u0131rd\u0131r.<\/li>\n<\/ul>\n\n\n\n<p>E\u011fer blok edit\u00f6r kullanmakta sorun ya\u015fam\u0131yorsan\u0131z fakat bloklar\u0131 kodlamak konusunda kendinizi iyi hissetmiyorsan\u0131z bu y\u00f6ntem ile bir tema yaratmay\u0131 tercih edebilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Var_Olan_Bir_Temayi_Duzenleme\">Var Olan Bir Temay\u0131 D\u00fczenleme<\/span><\/h2>\n\n\n\n<p>Site D\u00fczenleyicisi, bir blok tema aktifken kullan\u0131labilir. Bu y\u00fczden \u00f6ncelikle yeni teman\u0131z i\u00e7in ba\u015flang\u0131\u00e7 olarak kullanaca\u011f\u0131n\u0131z bir blok temaya ihtiyac\u0131n\u0131z vard\u0131r.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kulland\u0131\u011f\u0131n\u0131z teman\u0131n GPL ile uyumlu bir lisans\u0131n\u0131n olmas\u0131na dikkat etmelisiniz. Bu lisans size, tema \u00fczerinde diledi\u011finiz de\u011fi\u015fikli\u011fi yapma ve kendi teman\u0131za d\u00f6n\u00fc\u015ft\u00fcrme hakk\u0131 verir.\n<ul class=\"wp-block-list\">\n<li>WordPress&#8217;in tema ar\u015fivindeki herhangi bir blok temay\u0131 bu ama\u00e7la kullanabilirsiniz.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Ba\u015fka bir se\u00e7enek olarak <a href=\"https:\/\/github.com\/WordPress\/theme-experiments\/tree\/master\/emptytheme\" target=\"_blank\" rel=\"noreferrer noopener\">Github theme-experiements\/emptytheme<\/a> ile ba\u015flamak istersiniz. Bu tema neredeyse bo\u015f bir blok temad\u0131r.<\/p>\n\n\n\n<p>Bu a\u015famadan sonra yapmam\u0131z gereken, Site D\u00fczenleyicisi ile ba\u015flang\u0131\u00e7 olarak kulland\u0131\u011f\u0131m\u0131z temay\u0131 diledi\u011fimiz gibi d\u00fczenlemek, yeni \u015fablonlar\/\u015fablon par\u00e7alar\u0131 eklemek\/kald\u0131rmakt\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Disa_Aktarma\">D\u0131\u015fa Aktarma<\/span><\/h2>\n\n\n\n<p>Gerekli d\u00fczenlemeleri yapt\u0131ktan sonra, temam\u0131z\u0131 yukar\u0131da bahsetti\u011fimiz gibi &#8220;D\u0131\u015far\u0131 aktar&#8221; ile indirebiliriz.<\/p>\n\n\n\n<p>D\u0131\u015far\u0131 aktar \u00f6zelli\u011fi, temam\u0131z\u0131 <strong>theme-name.zip<\/strong> ad\u0131nda bir zip dosyas\u0131 olarak indirir. (Bu dosyan\u0131n ad\u0131 WordPress 5.9 s\u00fcr\u00fcm\u00fcnde <em>edit-site-export.zip<\/em> olacakt\u0131r.) Teman\u0131n b\u00fcy\u00fckl\u00fc\u011f\u00fcne ba\u011fl\u0131 olarak bu i\u015flem saniyeler s\u00fcrecektir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Disari_Aktarilan_Dosyalardan_Bir_Tema_Yaratma\">D\u0131\u015far\u0131 Aktar\u0131lan Dosyalardan Bir Tema Yaratma<\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"WordPress_59_Surumunde\">WordPress 5.9 S\u00fcr\u00fcm\u00fcnde<\/span><\/h3>\n\n\n\n<p>Bir d\u0131\u015fa aktar\u0131m\u0131 tam bir WordPress blok temas\u0131na d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in, zorunlu dosyalar\u0131 eklemelisiniz. Bunu yapmak i\u00e7in \u015fu ad\u0131mlar\u0131 takip etmelisiniz:<\/p>\n\n\n\n<p>Zip dosyas\u0131nda \u00e7\u0131kan tema dosyas\u0131n\u0131n ad\u0131n\u0131 de\u011fi\u015ftirin. Mesela teman\u0131z\u0131n ad\u0131 &#8220;<em>Ben g\u00fczel temam<\/em>&#8221; ise tema dosyas\u0131n\u0131n ad\u0131 &#8220;<em>benim-guzel-temam<\/em>&#8221; olmal\u0131d\u0131r.<\/p>\n\n\n\n<p>Sonra teman\u0131z\u0131n ana dizininde yeni bir <strong>style.css<\/strong> dosyas\u0131 olu\u015fturmal\u0131s\u0131n\u0131z.<\/p>\n\n\n\n<p>\u00d6rnek olsun diye a\u015fa\u011f\u0131da <em>Twenty Twenty Three<\/em> temas\u0131n\u0131n <strong>style.css<\/strong> dosyas\u0131 verilmi\u015ftir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\r\nTheme Name: Twenty Twenty-Three\r\nTheme URI: https:\/\/wordpress.org\/themes\/twentytwentythree\r\nAuthor: the WordPress team\r\nAuthor URI: https:\/\/wordpress.org\r\nDescription: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.\r\nRequires at least: 6.1\r\nTested up to: 6.2\r\nRequires PHP: 5.6\r\nVersion: 1.1\r\nLicense: GNU General Public License v2 or later\r\nLicense URI: https:\/\/www.gnu.org\/licenses\/old-licenses\/gpl-2.0.html\r\nText Domain: twentytwentythree\r\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news\r\n*\/\r\n<\/code><\/pre>\n\n\n\n<p>Bo\u015f bir <strong>index.php<\/strong> dosyas\u0131 olu\u015fturun ve teman\u0131z\u0131n ana dizinine koyun.<\/p>\n\n\n\n<p>Teman\u0131z\u0131n ana dizini \u015f\u00f6yle g\u00f6r\u00fcnmelidir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>parts(dir)\r\ntemplates(dir)\r\nindex.php\r\nstyle.css<\/code><\/pre>\n\n\n\n<p>Bu a\u015famadan sonra teman\u0131z\u0131 etkinle\u015ftirebilirsiniz. Daha geli\u015fmi\u015f hale getirmek i\u00e7in teman\u0131za, <em>theme.json<\/em> dosyas\u0131, blok modelleri veya blok stiller ekleyebilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span id=\"WordPress_60_Surumunde\">WordPress 6.0 S\u00fcr\u00fcm\u00fcnde<\/span><\/h3>\n\n\n\n<p>D\u0131\u015fa aktar\u0131lm\u0131\u015f tema, aktif teman\u0131n bir kopyas\u0131d\u0131r. E\u011fer d\u0131\u015fa aktar\u0131lan zip dosyas\u0131n\u0131 y\u00f6netim panelindeki &#8220;<strong><em>G\u00f6r\u00fcn\u00fcm->Temalar: Yeni ekle<\/em><\/strong>&#8221; ile do\u011frudan y\u00fcklerseniz, size y\u00fckledi\u011finiz temay\u0131 aktif tema ile de\u011fi\u015ftirmek isteyip istemedi\u011finiz sorulacakt\u0131r. E\u011fer bir ba\u015fkas\u0131n\u0131n temas\u0131n\u0131 d\u00fczenlediyseniz bunu yapman\u0131z\u0131 tavsiye etmiyoruz. \u00c7\u00fcnk\u00fc bu i\u015flemden sonra, orijinal temaya gelen g\u00fcncelleme, yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fiklikleri kaybetmenize sebep olacakt\u0131r. Bunun yerine yapman\u0131z gereken \u015fey temay\u0131 tekrar adland\u0131rarak kendi teman\u0131z haline getirmektir.<\/p>\n\n\n\n<p>Bir teman\u0131n tekrar isimlendirilmesi \u015fu i\u015flemlerin yap\u0131lmas\u0131 ile olur:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tema dosyas\u0131n\u0131 tekrar isimlendirin.<\/li>\n\n\n\n<li><strong>style.css<\/strong> dosyas\u0131ndaki &#8220;<strong>Theme Name<\/strong>&#8221; ve &#8220;<strong>Text Domain<\/strong>&#8221; de\u011ferlerini de\u011fi\u015ftirin.<\/li>\n\n\n\n<li><strong>style.css<\/strong> ve <strong>readme.txt<\/strong> dosyalar\u0131ndaki yazar adlar\u0131n\u0131 ve linklerini de\u011fi\u015ftirin.<\/li>\n<\/ul>\n\n\n\n<p>Bu i\u015flemlerde yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fiklere uygun olarak a\u015fa\u011f\u0131daki tema dosyalar\u0131nda bulunan baz\u0131 yerleri de, kod edit\u00f6r\u00fcn\u00fcz\u00fcn bul ve de\u011fi\u015ftir \u00f6zelli\u011fi ile de\u011fi\u015ftirmeniz gerekebilir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Terc\u00fcmeye haz\u0131r metinlerdeki text-domain k\u0131s\u0131mlar\u0131<\/li>\n\n\n\n<li>PHP fonksiyonlar\u0131n\u0131n adlar\u0131ndaki \u00f6n ekler<\/li>\n\n\n\n<li>Blok modellerinin adlar\u0131nda kullan\u0131lan tema adlar\u0131 (slug de\u011ferleri)<\/li>\n<\/ul>\n\n\n\n<p>Mesela d\u0131\u015fa aktar\u0131lan temada \u015f\u00f6yle bir fonksiyon var diyelim:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if ( ! function_exists( 'twentytwentytwo_support' ) ) :\r\n\r\n\t\/**\r\n\t * Sets up theme defaults and registers support for various WordPress features.\r\n\t *\r\n\t * @since Twenty Twenty-Two 1.0\r\n\t *\r\n\t * @return void\r\n\t *\/\r\n\tfunction twentytwentytwo_support() {\r\n\r\n\t\t\/\/ Add support for block styles.\r\n\t\tadd_theme_support( 'wp-block-styles' );\r\n\r\n\t\t\/\/ Enqueue editor styles.\r\n\t\tadd_editor_style( 'style.css' );\r\n\r\n\t}\r\n\r\nendif;\r\nadd_action( 'after_setup_theme', 'twentytwentytwo_support' );<\/code><\/pre>\n\n\n\n<p>Bu fonksiyonu &#8220;benim-temam&#8221; \u015feklinde tekrar adland\u0131r\u0131lm\u0131\u015f temam\u0131zda \u015f\u00f6yle de\u011fi\u015ftirebiliriz:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>if ( ! function_exists( 'benim_temam_support' ) ) :\r\n\r\n\t\/**\r\n\t * Sets up theme defaults and registers support for various WordPress features.\r\n\t *\r\n\t * @since My theme name 1.0\r\n\t *\r\n\t * @return void\r\n\t *\/\r\n\tfunction benim_temam_support() {\r\n\r\n\t\t\/\/ Add support for block styles.\r\n\t\tadd_theme_support( 'wp-block-styles' );\r\n\r\n\t\t\/\/ Enqueue editor styles.\r\n\t\tadd_editor_style( 'style.css' );\r\n\r\n\t}\r\n\r\nendif;\r\nadd_action( 'after_setup_theme', 'benim_temam_support' );<\/code><\/pre>\n\n\n\n<p>Ayn\u0131 \u015fekilde d\u0131\u015fa aktar\u0131lan temadan \u015f\u00f6yle bir blok modeli gelmi\u015f olsun:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- wp:pattern {\"slug\":\"twentytwentytwo\/hidden-heading-and-bird\"} \/--><\/code><\/pre>\n\n\n\n<p>Bu blok modeli de temam\u0131z\u0131n yeni ad\u0131na uygun olarak \u015f\u00f6yle de\u011fi\u015ftirilmelidir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- wp:pattern {\"slug\":\"benim-temam\/hidden-heading-and-bird\"} \/--><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Yeni_Temanizi_Paylasmak_Isterseniz\">Yeni Teman\u0131z\u0131 Payla\u015fmak \u0130sterseniz<\/span><\/h2>\n\n\n\n<p>Yeni teman\u0131z\u0131 ba\u015fkalar\u0131 ile payla\u015fmak isterseniz, \u00f6ncelikle yeniden adland\u0131rma i\u015flemini tamamlam\u0131\u015f olman\u0131z gerekmektedir. Daha sonra, men\u00fclerde verdi\u011finiz ba\u011flant\u0131lar\u0131n \u00e7al\u0131\u015f\u0131p \u00e7al\u0131\u015fmad\u0131\u011f\u0131ndan ve resimlerin do\u011fru y\u00fcklenip y\u00fcklenmedi\u011finden emin olmal\u0131s\u0131n\u0131z. \u00c7\u00fcnk\u00fc, d\u0131\u015fa aktard\u0131\u011f\u0131n\u0131z tema ba\u015fka bir WordPress kurulumundan veya domainden geliyorsa, resimlerin tekrar y\u00fcklenmesi veya men\u00fc ba\u011flant\u0131lar\u0131nda baz\u0131 de\u011fi\u015fiklikler zorunlu hale gelebilir.<\/p>\n\n\n\n<p>Son olarak, orijinal teman\u0131n yazarlar\u0131na uygun g\u00f6rd\u00fc\u011f\u00fcn\u00fcz bir \u015fekilde te\u015fekk\u00fcr edin.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>BU DERS\u0130N BA\u015eLIKLARI1 Var Olan Bir Temay\u0131 D\u00fczenleme2 D\u0131\u015fa Aktarma3 D\u0131\u015far\u0131 Aktar\u0131lan Dosyalardan Bir Tema Yaratma3.1 WordPress 5.9 S\u00fcr\u00fcm\u00fcnde3.2 WordPress 6.0 S\u00fcr\u00fcm\u00fcnde4 Yeni Teman\u0131z\u0131 Payla\u015fmak \u0130sterseniz Bir blok temay\u0131 s\u0131f\u0131rdan kodlaman\u0131n alternatifi var olan temay\u0131 Site D\u00fczenleyicisi ile g\u00fcncellemek ve de\u011fi\u015fiklikleri &#8220;D\u0131\u015fa aktarma&#8221; i\u015flemidir. D\u0131\u015fa aktarma i\u015flemi Site D\u00fczenleyicisinde iken, &#8220;Ayarlar&#8221; men\u00fcs\u00fcnde (\u00fcst \u00fcste 3 [&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-7619","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\/7619","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=7619"}],"version-history":[{"count":2,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/7619\/revisions"}],"predecessor-version":[{"id":7649,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/posts\/7619\/revisions\/7649"}],"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=7619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/categories?post=7619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitecenneti.com\/wordpress\/wp-json\/wp\/v2\/tags?post=7619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}