{"id":12376483,"date":"2026-03-18T18:36:47","date_gmt":"2026-03-18T10:36:47","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/wordpress%e4%b8%bb%e9%a2%98%e5%bc%80%e5%8f%91%e5%ae%8c%e6%95%b4%e6%95%99%e7%a8%8b%ef%bc%9a%e4%bb%8e%e5%85%a5%e9%97%a8%e4%bb%a3%e7%a0%81%e5%88%b0%e5%ae%9e%e6%88%98%e6%8a%80%e5%b7%a7\/"},"modified":"2026-06-04T07:31:38","modified_gmt":"2026-06-03T23:31:38","slug":"wordpress-theme-development-tutorial-beginner-to-advanced","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-tutorial-beginner-to-advanced\/","title":{"rendered":"WordPress Tema Geli\u015ftirme Kapsaml\u0131 Kursu: Ba\u015flang\u0131\u00e7 Kodlar\u0131ndan Ger\u00e7ek Uygulama Tekniklerine"},"content":{"rendered":"<h2 class=\"wp-block-heading\">WordPress Tema Geli\u015ftirme Temelleri ve Ortam Kurulumu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress tema geli\u015ftirmeye ba\u015flamak i\u00e7in \u00f6ncelikle teman\u0131n temel yap\u0131s\u0131n\u0131 anlamak ve uygun bir yerel geli\u015ftirme ortam\u0131 olu\u015fturmak gerekmektedir. Standart bir WordPress tema, \u015fablon dosyalar\u0131, stil dosyalar\u0131, betikler ve resimler i\u00e7eren bir klas\u00f6rd\u00fcr ve bu klas\u00f6r WordPress\u2019in kurulu oldu\u011fu dizinde bulunur.<code data-no-auto-translation=\"\">\/wp-content\/themes\/<\/code>Katalo\u011fda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Temel belge \u015fudur:<code data-no-auto-translation=\"\">style.css<\/code>\u548c<code data-no-auto-translation=\"\">index.php<\/code>\u3002<code data-no-auto-translation=\"\">style.css<\/code>Dosya yaln\u0131zca teman\u0131n stilini tan\u0131mlamakla kalmaz; ayn\u0131 zamanda \u00fcst k\u0131sm\u0131ndaki yorum blo\u011fu, teman\u0131n meta bilgilerini (tema ad\u0131, yazar, a\u00e7\u0131klama ve s\u00fcr\u00fcm gibi) de belirtmek i\u00e7in kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">index.php<\/code>Bu, ana \u015fablon dosyas\u0131d\u0131r; daha spesifik bir \u015fablon uygun de\u011filse, WordPress bunu kullanmak i\u00e7in geri d\u00f6ner. En basit temalar bile yaln\u0131zca bu iki dosyadan olu\u015fabilir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Yerel geli\u015ftirme ortam\u0131n\u0131 kurmak.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Verimli geli\u015ftirme i\u00e7in Local by Flywheel, XAMPP veya MAMP gibi yerel sunucu ortamlar\u0131n\u0131n kullan\u0131lmas\u0131 \u00f6nerilir. Bu ara\u00e7lar, bilgisayar\u0131n\u0131zda bir a\u011f sunucu ortam\u0131 sim\u00fcle eder ve PHP, MySQL veritaban\u0131 ile WordPress\u2019\u00fc kurman\u0131za olanak tan\u0131r. Yerel geli\u015ftirmenin avantajlar\u0131 aras\u0131nda h\u0131zl\u0131 olmas\u0131, dosya y\u00fcklemesini beklemenize gerek kalmamas\u0131 ve kodun g\u00fcvenli bir \u015fekilde test edilebilmesi yer al\u0131r; bu da \u00e7evrimi\u00e7i web sitesini etkilemez.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/id\/knowledge\/wordpress\/wordpress-theme-development-guide-from-beginner-to-expert-12376245\/\">WordPress Tema Geli\u015ftirme \u00dczerine Derinlemesine Analiz: Ba\u015flang\u0131\u00e7tan Uzmanl\u0131\u011fa<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<p class=\"wp-block-paragraph\">Geli\u015ftirme ara\u00e7lar\u0131 da ayn\u0131 derecede \u00f6nemlidir. \u0130yi bir kod edit\u00f6r\u00fc (\u00f6rne\u011fin VS Code, PhpStorm), s\u00f6zdizimi vurgulama, kod \u00f6nerileri ve s\u00fcr\u00fcm kontrol\u00fc entegrasyonlar\u0131 sunar. Ayr\u0131ca, HTML, CSS ve JavaScript\u2019i ger\u00e7ek zamanl\u0131 olarak hata ay\u0131klamak i\u00e7in taray\u0131c\u0131n\u0131za geli\u015ftirici ara\u00e7lar\u0131n\u0131 mutlaka y\u00fckleyin.<\/p>\n<!-- AUTO_SYNCED_PATTERN_INSERT_START -->\n\r\n<div class=\"flex justify-between items-center flex-col lg:flex-row xl:flex-col 2xl:flex-row gap-6 sm:gap-8 rounded-lg border border-gray-200 dark:border-gray-700 p-4 mb-8 lg:mb-10 sm:p-6 bg-white dark:bg-gray-750 shadow-md transition-colors duration-300\"\r\n     data-link=\"https:\/\/www.likacloud.com\/tr\/tolink\/ultahost-wordpress-hosting\/\">\r\n     \r\n  <div class=\"flex flex-col gap-3 gap-4 sm:gap-6 w-full\">\r\n    <strong class=\"text-2xl font-semibold text-gray-900 dark:text-gray-200\">\r\n      UltaHost WordPress Sunucusu    <\/strong>\r\n    <div class=\"text-gray-600 dark:text-gray-300 word-word\">30 g\u00fcn iade garantisi, s\u0131n\u0131rs\u0131z bant geni\u015fli\u011fi ve veritaban\u0131 kullan\u0131m\u0131, \u00fccretsiz DDoS korumas\u0131; 3 y\u0131ll\u0131k abonelikte indirim (50%).<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flex items-center flex-col md:flex-row lg:flex-col xl:flex-row 2xl:flex-col gap-6 shrink-0\">\r\n          <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/ultahost-wordpress-hosting\/\">\r\n                  <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251227020448.webp\" alt=\"UltaHost LOGOSU\" class=\"content-promotion-card-icon h-9 min-h-9 dark:hidden\" title=\"\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251229052118.webp\" alt=\"UltaHost LOGOSU\" class=\"content-promotion-card-icon h-9 min-h-9 hidden dark:block\" title=\"\">\r\n              <\/a>\r\n    \r\n    <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/ultahost-wordpress-hosting\/\"\r\n       class=\"bg-blue-500 w-full md:w-auto lg:w-full xl:w-auto 2xl:w-full text-center !text-white dark:!text-gray-200 !px-5 !py-1.5 rounded-full hover:bg-blue-600 transition-colors\">\r\n       Sayfaya eri\u015fin.    <\/a>\r\n  <\/div>\r\n<\/div>\n<!-- AUTO_SYNCED_PATTERN_INSERT_END -->\n\n\n\n\n\n<h2 class=\"wp-block-heading\">\u00c7ekirdek \u015fablon dosyas\u0131 ve tema yap\u0131s\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u0130\u015flevsel olarak tam bir modern WordPress temas\u0131, teman\u0131n \u201ciskeletini\u201d olu\u015fturan bir dizi \u00f6zel adl\u0131 \u015fablon dosyas\u0131 i\u00e7erir. WordPress, ziyaret edilen sayfa t\u00fcr\u00fcne g\u00f6re i\u00e7eri\u011fi renderlemek i\u00e7in otomatik olarak ilgili \u015fablon dosyas\u0131n\u0131 se\u00e7er; buna \u015fablon hiyerar\u015fisi denir. Bu hiyerar\u015fik ili\u015fkiyi anlamak, tema geli\u015ftirmenin anahtar\u0131d\u0131r.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En temel \u015fablon dosyalar\u0131 \u015funlar\u0131 i\u00e7erir:<br \/>\n- <code data-no-auto-translation=\"\">header.php<\/code>Web sayfas\u0131n\u0131n ba\u015fl\u0131\u011f\u0131n\u0131 olu\u015fturun, i\u00e7inde \u015funlar bulunsun:<code data-no-auto-translation=\"\"><\/code>Baz\u0131 b\u00f6l\u00fcmler ve ba\u015fl\u0131k alanlar\u0131.<br \/>\n- <code data-no-auto-translation=\"\">footer.php<\/code>Web sayfas\u0131n\u0131n alt k\u0131sm\u0131n\u0131 (footer) olu\u015fturun.<br \/>\n- <code data-no-auto-translation=\"\">sidebar.php<\/code>Yan men\u00fc b\u00f6lgesini tan\u0131mlay\u0131n.<br \/>\n- <code data-no-auto-translation=\"\">index.php<\/code>Varsay\u0131lan ve nihai yedek \u015fablonlar.<br \/>\n- <code data-no-auto-translation=\"\">single.php<\/code>: Tek bir blog makalesini g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<br \/>\n- <code data-no-auto-translation=\"\">page.php<\/code>`: Tek bir sayfay\u0131 g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<br \/>\n- <code data-no-auto-translation=\"\">archive.php<\/code>Kategorileri, etiketleri, yazarlar\u0131, tarihleri ve di\u011fer ar\u015fivleme sayfalar\u0131n\u0131 g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<br \/>\n- <code data-no-auto-translation=\"\">search.php<\/code>:Arama sonu\u00e7lar\u0131n\u0131 g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<br \/>\n- <code data-no-auto-translation=\"\">404.php<\/code>\u201cBulunamad\u0131\u201d sayfas\u0131n\u0131 g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<br \/>\n- <code data-no-auto-translation=\"\">functions.php<\/code>Bu bir \u015fablon dosyas\u0131 de\u011fil; bir teman\u0131n \u201ci\u015flev k\u00fct\u00fcphanesidir\u201d ve i\u015flevlerin eklenmesi, men\u00fclerin ve kenar \u00e7ubuklar\u0131n\u0131n kaydedilmesi gibi i\u015flemler i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u015eablon dosyalar\u0131n\u0131n d\u00fczenlenmesi ve \u00e7a\u011fr\u0131lmas\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bu \u015fablon dosyalar\u0131, WordPress \u015fablon etiketleri arac\u0131l\u0131\u011f\u0131yla birbirine ba\u011flan\u0131r. \u00d6rne\u011fin,<code data-no-auto-translation=\"\">index.php<\/code>Orada genellikle\u2026<code data-no-auto-translation=\"\">get_header()<\/code>Fonksiyonlar\u0131n tan\u0131mland\u0131\u011f\u0131 k\u0131s\u0131m, \u015fu \u015fekilde ba\u015flar:<code data-no-auto-translation=\"\">get_footer()<\/code>Alt bilgi b\u00f6l\u00fcm\u00fcn\u00fc ekleyin.<code data-no-auto-translation=\"\">get_sidebar()<\/code>Yan men\u00fcy\u00fc ekleyin. Ana d\u00f6ng\u00fc (The Loop), makale i\u00e7eri\u011fini g\u00f6r\u00fcnt\u00fclemek i\u00e7in bunlar\u0131n aras\u0131na yerle\u015ftirilir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A\u015fa\u011f\u0131da son derece sade bir \u00f6rnek bulunmaktad\u0131r:<code data-no-auto-translation=\"\">index.php<\/code>\u00d6rnek:<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/id\/knowledge\/wordpress\/wordpress-theme-development-guide-build-custom-website-12375854\/\">WordPress Tema Geli\u015ftirme K\u0131lavuzu: S\u0131f\u0131rdan Ba\u015flayarak \u00d6zel Web Siteleri Olu\u015fturma<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;?php get_header(); ?&gt;\n\n&lt;main id=&quot;main-content&quot;&gt;\n    \n            &lt;article&gt;\n                &lt;h2&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\n                &lt;div&gt;&lt;?php the_content(); ?&gt;&lt;\/div&gt;\n            &lt;\/article&gt;\n        \n        &lt;p&gt;Hen&uuml;z herhangi bir makale yok.&lt;\/p&gt;\n    &lt;?php endif; ?&gt;\n&lt;\/main&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Konu \u00f6zellikleri, WordPress API\u2019si ile entegre edilmi\u015ftir.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">functions.php<\/code>Dosya, bir teman\u0131n \u201cbeyni\u201d gibidir; \u00e7\u00fcnk\u00fc teman\u0131n i\u015flevlerini de\u011fi\u015ftirmeden geni\u015fletmenize olanak tan\u0131r. Bu dosya arac\u0131l\u0131\u011f\u0131yla, temaya destek \u00f6zellikleri ekleyebilir, navigasyon men\u00fcs\u00fcn\u00fc ve ara\u00e7 \u00e7ubu\u011funu tan\u0131mlayabilir, ayr\u0131ca stil \u015femalar\u0131n\u0131 ve betikleri y\u00fckleyebilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konu (tema) \u00f6zelli\u011finin deste\u011fini ekleyin.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kullan\u0131n.<code data-no-auto-translation=\"\">add_theme_support()<\/code>Fonksiyonlar, bir teman\u0131n destekledi\u011fi \u00e7e\u015fitli \u00f6zellikleri tan\u0131mlayabilir. \u00d6rne\u011fin, makale \u00f6zetlerinin (\u00f6zel g\u00f6rsellerin) etkinle\u015ftirilmesi, modern temalar\u0131n standart \u00f6zelliklerindendir.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function mytheme_setup() {\n    \/\/ \u6dfb\u52a0\u6587\u7ae0\u548c\u8bc4\u8bba\u7684Feed\u94fe\u63a5\u652f\u6301\n    add_theme_support( &#039;automatic-feed-links&#039; );\n    \/\/ \u542f\u7528\u6587\u7ae0\u7f29\u7565\u56fe\u529f\u80fd\n    add_theme_support( &#039;post-thumbnails&#039; );\n    \/\/ \u542f\u7528\u81ea\u5b9a\u4e49Logo\u529f\u80fd\n    add_theme_support( &#039;custom-logo&#039; );\n    \/\/ \u542f\u7528HTML5\u6807\u8bb0\u652f\u6301\n    add_theme_support( &#039;html5&#039;, array( &#039;comment-list&#039;, &#039;comment-form&#039;, &#039;search-form&#039;, &#039;gallery&#039;, &#039;caption&#039;, &#039;style&#039;, &#039;script&#039; ) );\n    \/\/ \u542f\u7528\u6807\u9898\u6807\u7b7e\u652f\u6301\n    add_theme_support( &#039;title-tag&#039; );\n}\nadd_action( &#039;after_setup_theme&#039;, &#039;mytheme_setup&#039; );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Kay\u0131t men\u00fcs\u00fc ve stil betikleri<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kay\u0131tl\u0131 navigasyon men\u00fcs\u00fc, kullan\u0131c\u0131lar\u0131n WordPress aray\u00fcz\u00fcn\u00fcn \u201cG\u00f6r\u00fcn\u00fcm\u201d -&gt; \u201cMen\u00fcler\u201d b\u00f6l\u00fcm\u00fcnde navigasyonu y\u00f6netmelerine olanak tan\u0131r.<code data-no-auto-translation=\"\">register_nav_menus()<\/code>Bir fonksiyon kullanarak yemek birimlerinin konumlar\u0131n\u0131 tan\u0131mlayabilirsiniz.<\/p>\n<!-- AUTO_SYNCED_PATTERN_INSERT_START -->\n\r\n<div class=\"flex justify-between items-center flex-col lg:flex-row xl:flex-col 2xl:flex-row gap-6 sm:gap-8 rounded-lg border border-gray-200 dark:border-gray-700 p-4 mb-8 lg:mb-10 sm:p-6 bg-white dark:bg-gray-750 shadow-md transition-colors duration-300\"\r\n     data-link=\"https:\/\/www.likacloud.com\/tr\/tolink\/hosting-shared-hosting\/\">\r\n     \r\n  <div class=\"flex flex-col gap-3 gap-4 sm:gap-6 w-full\">\r\n    <strong class=\"text-2xl font-semibold text-gray-900 dark:text-gray-200\">\r\n      hosting.com Payla\u015f\u0131ml\u0131 Bar\u0131nd\u0131rma    <\/strong>\r\n    <div class=\"text-gray-600 dark:text-gray-300 word-word\">AMD EPYC CPU'lar, NVMe SSD depolama ve LiteSpeed ile y\u00fcksek performans, 7\/24, 7x7 uzman \u015firket i\u00e7i destek, SSL, kaba kuvvet, k\u00f6t\u00fc ama\u00e7l\u0131 yaz\u0131l\u0131m ve DDoS korumas\u0131 dahil geli\u015fmi\u015f g\u00fcvenlik \u00f6nlemleri, 73%'ye kadar tasarruf<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flex items-center flex-col md:flex-row lg:flex-col xl:flex-row 2xl:flex-col gap-6 shrink-0\">\r\n          <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/hosting-shared-hosting\/\">\r\n                  <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/09\/20250901222940.svg\" alt=\"hosting.com LOGO\" class=\"content-promotion-card-icon h-9 min-h-9 dark:hidden\" title=\"\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251228220957.webp\" alt=\"hosting.com LOGO\" class=\"content-promotion-card-icon h-9 min-h-9 hidden dark:block\" title=\"\">\r\n              <\/a>\r\n    \r\n    <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/hosting-shared-hosting\/\"\r\n       class=\"bg-blue-500 w-full md:w-auto lg:w-full xl:w-auto 2xl:w-full text-center !text-white dark:!text-gray-200 !px-5 !py-1.5 rounded-full hover:bg-blue-600 transition-colors\">\r\n       Sayfaya eri\u015fin.    <\/a>\r\n  <\/div>\r\n<\/div>\n<!-- AUTO_SYNCED_PATTERN_INSERT_END -->\n\n\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function mytheme_menus() {\n    register_nav_menus(\n        array(\n            &#039;primary&#039; =&gt; __( &#039;\u4e3b\u5bfc\u822a\u83dc\u5355&#039;, &#039;mytheme&#039; ),\n            &#039;footer&#039;  =&gt; __( &#039;\u9875\u811a\u83dc\u5355&#039;, &#039;mytheme&#039; ),\n        )\n    );\n}\nadd_action( &#039;init&#039;, &#039;mytheme_menus&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Do\u011fru \u015fekilde y\u00fcklenen stil ve betikler, \u00f6n u\u00e7 performans\u0131n\u0131 garanti alt\u0131na alman\u0131n anahtar\u0131d\u0131r. Bunlar\u0131n kullan\u0131lmas\u0131 zorunludur.<code data-no-auto-translation=\"\">wp_enqueue_style()<\/code>\u548c<code data-no-auto-translation=\"\">wp_enqueue_script()<\/code>Fonksiyon ve bunun arac\u0131l\u0131\u011f\u0131yla\u2026<code data-no-auto-translation=\"\">wp_enqueue_scripts<\/code>Kancalar, y\u00fcklemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function mytheme_scripts() {\n    \/\/ \u52a0\u8f7d\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( &#039;mytheme-style&#039;, get_stylesheet_uri() );\n    \/\/ \u52a0\u8f7d\u81ea\u5b9a\u4e49JavaScript\u6587\u4ef6\n    wp_enqueue_script( &#039;mytheme-script&#039;, get_template_directory_uri() . &#039;\/js\/main.js&#039;, array(), null, true );\n}\nadd_action( &#039;wp_enqueue_scripts&#039;, &#039;mytheme_scripts&#039; );<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Geli\u015fmi\u015f Tema Geli\u015ftirme ve \u00d6zelle\u015ftirilebilir \u00d6zellikler<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Temelleri \u00f6\u011frendikten sonra, alt temalar olu\u015fturarak, \u00f6zel \u015fablonlar geli\u015ftirerek ve \u00f6zel ara\u00e7lar\u0131 entegre ederek daha profesyonel ve esnek temalar olu\u015fturabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alt konu olu\u015fturmak<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Alt konular, \u00fcst konunun t\u00fcm \u00f6zelliklerini devralan ve g\u00fcvenli bir \u015fekilde de\u011fi\u015fiklik yapman\u0131za olanak tan\u0131yan en iyi uygulamalard\u0131r. Bir alt konu olu\u015fturmak i\u00e7in, konu dizininizde yeni bir klas\u00f6r olu\u015fturman\u0131z ve gerekli bilgileri i\u00e7eren bir dosya haz\u0131rlaman\u0131z yeterlidir.<code data-no-auto-translation=\"\">style.css<\/code>Dosya.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/id\/knowledge\/wordpress\/wordpress-theme-development-guide-from-beginner-to-expert-12375822\/\">WordPress Tema Geli\u015ftirme K\u0131lavuzu: Ba\u015flang\u0131\u00e7tan Uzmanl\u0131\u011fa Kadar Temel Teknolojiler ve Pratik Rehber<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code data-no-auto-translation=\"\">\/*\nTheme Name: My Child Theme\nTemplate: parent-theme-folder-name\n*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Daha sonra, alt konuda\u2026<code data-no-auto-translation=\"\">functions.php<\/code>Dosyada, \u00fcst teman\u0131n fonksiyonlar\u0131n\u0131 ge\u00e7ersiz k\u0131labilir veya yeni \u00f6zellikler ekleyebilirsiniz. Alt teman\u0131n \u015fablon dosyas\u0131, \u00fcst teman\u0131n ayn\u0131 adl\u0131 dosyas\u0131ndan \u00f6nce y\u00fcklenir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sayfa \u015fablonlar\u0131 ve \u00f6zelle\u015ftirilmi\u015f sorgular<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Belirli bir sayfa i\u00e7in \u00f6zel \u015fablonlar olu\u015fturabilirsiniz. Bunun i\u00e7in \u015fablon dosyas\u0131n\u0131n en \u00fcst\u00fcne \u00f6zel bir yorum blo\u011fu eklemeniz yeterlidir.<\/p>\n<!-- AUTO_SYNCED_PATTERN_INSERT_START -->\n\r\n<div class=\"flex justify-between items-center flex-col lg:flex-row xl:flex-col 2xl:flex-row gap-6 sm:gap-8 rounded-lg border border-gray-200 dark:border-gray-700 p-4 mb-8 lg:mb-10 sm:p-6 bg-white dark:bg-gray-750 shadow-md transition-colors duration-300\"\r\n     data-link=\"https:\/\/www.likacloud.com\/tr\/tolink\/interserver-webhosting\/\">\r\n     \r\n  <div class=\"flex flex-col gap-3 gap-4 sm:gap-6 w-full\">\r\n    <strong class=\"text-2xl font-semibold text-gray-900 dark:text-gray-200\">\r\n      InterServer Payla\u015f\u0131ml\u0131 Bar\u0131nd\u0131rma    <\/strong>\r\n    <div class=\"text-gray-600 dark:text-gray-300 word-word\">Payla\u015f\u0131ml\u0131 hosting ayl\u0131k $2.50 USD, ilk ay $0.1 USD promosyon kodu tryinterserver, 461 bulut uygulamas\u0131 komut dosyas\u0131, tek t\u0131klamayla y\u00fckleme.<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flex items-center flex-col md:flex-row lg:flex-col xl:flex-row 2xl:flex-col gap-6 shrink-0\">\r\n          <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/interserver-webhosting\/\">\r\n                  <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251228045033.svg\" alt=\"InterServer LOGO.\" class=\"content-promotion-card-icon h-9 min-h-9 dark:hidden\" title=\"\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251229054830.webp\" alt=\"InterServer LOGO.\" class=\"content-promotion-card-icon h-9 min-h-9 hidden dark:block\" title=\"\">\r\n              <\/a>\r\n    \r\n    <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/interserver-webhosting\/\"\r\n       class=\"bg-blue-500 w-full md:w-auto lg:w-full xl:w-auto 2xl:w-full text-center !text-white dark:!text-gray-200 !px-5 !py-1.5 rounded-full hover:bg-blue-600 transition-colors\">\r\n       Sayfaya eri\u015fin.    <\/a>\r\n  <\/div>\r\n<\/div>\n<!-- AUTO_SYNCED_PATTERN_INSERT_END -->\n\n\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;?php\n\/**\n * Template Name: \u5168\u5bbd\u9875\u9762\n *\/\nget_header();\n?&gt;\n\/\/ ... \u81ea\u5b9a\u4e49\u7684\u9875\u9762\u5e03\u5c40\uff0c\u4e0d\u4f7f\u7528\u4fa7\u8fb9\u680f\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bazen, ana d\u00f6ng\u00fcn\u00fcn d\u0131\u015f\u0131nda belirli bir makale listesini al\u0131p g\u00f6stermeniz gerekebilir; bu durumda \u015fu y\u00f6ntemi kullanman\u0131z gerekir:<code data-no-auto-translation=\"\">WP_Query<\/code>S\u0131n\u0131flar, \u00f6zelle\u015ftirilmi\u015f sorgular\u0131 ger\u00e7ekle\u015ftirmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;?php\n$custom_query = new WP_Query( array(\n    &#039;post_type&#039;      =&gt; &#039;post&#039;,\n    &#039;category_name&#039;  =&gt; &#039;featured&#039;,\n    &#039;posts_per_page&#039; =&gt; 3,\n) );\nif ( $custom_query-&gt;have_posts() ) :\n    while ( $custom_query-&gt;have_posts() ) : $custom_query-&gt;the_post();\n        \/\/ \u8f93\u51fa\u6587\u7ae0\u5185\u5bb9\n    endwhile;\n    wp_reset_postdata(); \/\/ \u91cd\u7f6e\u4e3b\u67e5\u8be2\u6570\u636e\nendif;\n?&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Konu \u00d6zelle\u015ftirici Entegrasyonu<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress \u00d6zelle\u015ftirici (Customizer), kullan\u0131c\u0131lara temalar\u0131 ger\u00e7ek zamanl\u0131 olarak \u00f6nizleyebilecekleri bir aray\u00fcz sunar. B\u00f6ylece temalar\u0131 ayarlamadan \u00f6nce nas\u0131l g\u00f6r\u00fcnece\u011fini kolayca g\u00f6rebilirsiniz.<code data-no-auto-translation=\"\">$wp_customize<\/code>Bir nesneye ayarlar ve kontroller eklenir; \u00f6rne\u011fin, bir web sitesinin slogan\u0131n\u0131n rengini se\u00e7me opsiyonu eklenebilir.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function mytheme_customize_register( $wp_customize ) {\n    \/\/ \u6dfb\u52a0\u4e00\u4e2a\u8bbe\u7f6e\n    $wp_customize-&gt;add_setting( &#039;tagline_color&#039;, array(\n        &#039;default&#039;           =&gt; &#039;#333333&#039;,\n        &#039;sanitize_callback&#039; =&gt; &#039;sanitize_hex_color&#039;,\n    ) );\n    \/\/ \u6dfb\u52a0\u4e00\u4e2a\u989c\u8272\u9009\u62e9\u63a7\u4ef6\n    $wp_customize-&gt;add_control( new WP_Customize_Color_Control( $wp_customize, &#039;tagline_color&#039;, array(\n        &#039;label&#039;    =&gt; __( &#039;\u6807\u8bed\u989c\u8272&#039;, &#039;mytheme&#039; ),\n        &#039;section&#039;  =&gt; &#039;colors&#039;,\n        &#039;settings&#039; =&gt; &#039;tagline_color&#039;,\n    ) ) );\n}\nadd_action( &#039;customize_register&#039;, &#039;mytheme_customize_register&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Sonra\u2026<code data-no-auto-translation=\"\">header.php<\/code>\u00c7in'de, kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">get_theme_mod()<\/code>Bu de\u011feri \u00e7\u0131kar\u0131n.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;style type=&quot;text\/css&quot;&gt;\n    .site-description { color: &lt;?php echo esc_attr( get_theme_mod( &#039;tagline_color&#039;, &#039;#333333&#039; ) ); ?&gt;; }\n&lt;\/style&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u00d6zetle.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress tema geli\u015ftirme, temel dosya yap\u0131s\u0131n\u0131 ve \u015fablon hiyerar\u015fisini anlamakla ba\u015flayan sistematik bir s\u00fcre\u00e7tir. Temelde\u2026<code data-no-auto-translation=\"\">style.css<\/code>\u3001<code data-no-auto-translation=\"\">index.php<\/code>\u548c<code data-no-auto-translation=\"\">functions.php<\/code>Dosyalar, bir konunun temelini olu\u015fturur.<code data-no-auto-translation=\"\">functions.php<\/code>Tema entegrasyonu, men\u00fc ve kaynak y\u00fckleme i\u015flemleri, temalar\u0131n i\u015flevselli\u011fini art\u0131rman\u0131n \u00f6nemli ad\u0131mlar\u0131d\u0131r. Beceriler geli\u015ftik\u00e7e, geli\u015ftiricilerin alt temalar olu\u015fturmay\u0131 \u00f6\u011frenmeleri ve \u00f6zel \u015fablonlar\u0131 g\u00fcvenli bir \u015fekilde kullanarak temalar\u0131 \u00f6zelle\u015ftirmeleri gerekir.<code data-no-auto-translation=\"\">WP_Query<\/code>Karma\u015f\u0131k bir d\u00fczenleme ger\u00e7ekle\u015ftirin ve son olarak tema \u00f6zelle\u015ftiricilerini entegre ederek kullan\u0131c\u0131 dostu ayar se\u00e7enekleri sunun. Bu ad\u0131mlar\u0131 ve en iyi uygulamalar\u0131 takip ederek, i\u015flevsel, kod a\u00e7\u0131s\u0131ndan standartlara uygun ve kolayca bak\u0131m\u0131 yap\u0131labilecek profesyonel bir WordPress temas\u0131 olu\u015fturabilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">S\u0131k\u00e7a Sorulan Sorular.<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">WordPress temas\u0131 geli\u015ftirmek i\u00e7in PHP \u00f6\u011frenmek zorunda m\u0131y\u0131m?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Evet, PHP WordPress\u2019in temel programlama dilidir; temalar\u0131n \u015fablon dosyalar\u0131 ve i\u015flevsel mant\u0131\u011f\u0131 esas olarak PHP ile yaz\u0131lm\u0131\u015ft\u0131r. Sayfa olu\u015fturucu gibi ara\u00e7larla k\u0131smi olarak g\u00f6rsel tasar\u0131m yap\u0131labilsese de, derinlemesine \u00f6zelle\u015ftirmeler yapmak, dinamik \u015fablonlar olu\u015fturmak ve geli\u015fmi\u015f \u00f6zellikler entegre etmek i\u00e7in PHP\u2019yi iyi bilmek \u015fartt\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nas\u0131l temam\u0131 \u00e7ok dilli (uluslararas\u0131la\u015ft\u0131r\u0131lm\u0131\u015f) hale getirebilirim?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Uygulaman\u0131n uluslararas\u0131la\u015ft\u0131r\u0131lmas\u0131 (i18n) i\u00e7in haz\u0131rl\u0131klar\u0131n yap\u0131lmas\u0131 gerekiyor. Kod i\u00e7inde, kullan\u0131c\u0131lara y\u00f6nelik t\u00fcm metinler WordPress\u2019in \u00e7eviri fonksiyonlar\u0131 ile sar\u0131lmal\u0131d\u0131r. \u00d6rne\u011fin:<code data-no-auto-translation=\"\">__('Hello World', 'mytheme')<\/code>\u6216<code data-no-auto-translation=\"\">_e('Hello World', 'mytheme')<\/code>Ayn\u0131 zamanda,<code data-no-auto-translation=\"\">functions.php<\/code>\u00c7ince'de kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">load_theme_textdomain()<\/code>Fonksiyon, \u00e7eviri dosyas\u0131n\u0131 y\u00fckler. Daha sonra Poedit gibi ara\u00e7lar kullanarak \u00e7eviriyi olu\u015fturabilirsiniz.<code data-no-auto-translation=\"\">.po<\/code>\u548c<code data-no-auto-translation=\"\">.mo<\/code>\u00c7eviri i\u00e7in kullan\u0131lacak dosya.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Neden temamdaki de\u011fi\u015fiklikler g\u00fcncellemeden sonra kayboldu?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bu durumun muhtemel nedeni, WordPress\u2019in resmi katalogundan indirdi\u011finiz veya sat\u0131n ald\u0131\u011f\u0131n\u0131z ticari temalar\u0131n dosyalar\u0131n\u0131 do\u011frudan de\u011fi\u015ftirmenizdir. Bu temalar\u0131n yeni s\u00fcr\u00fcmleri \u00e7\u0131kt\u0131\u011f\u0131nda, yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fiklikler silinir. Do\u011fru yakla\u015f\u0131m, bir \u201c\u00c7ocuk Tema\u201d (Child Theme) olu\u015fturmakt\u0131r. T\u00fcm \u00f6zelle\u015ftirmelerinizi bu \u00e7ocuk temada yaparsan\u0131z, ana tema g\u00fcncellendi\u011finde ki\u015fiselle\u015ftirdi\u011finiz kodlar korunur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Temalar\u0131n geli\u015ftirilmesi s\u0131ras\u0131nda kar\u015f\u0131la\u015f\u0131lan yayg\u0131n hatalar\u0131 nas\u0131l ayarlayabilir ve \u00e7\u00f6zebilirsiniz?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ncelikle, <font>'den emin olun.<\/font><code data-no-auto-translation=\"\">wp-config.php<\/code>Dosyada hata ay\u0131klama (debugging) modu etkinle\u015ftirilmi\u015ftir.<code data-no-auto-translation=\"\">WP_DEBUG<\/code>Sabit, olarak ayarland\u0131.<code data-no-auto-translation=\"\">true<\/code>Bu, sayfada PHP hatalar\u0131n\u0131, uyar\u0131lar\u0131n\u0131 ve bildirimlerini g\u00f6sterecektir. \u0130kincisi, taray\u0131c\u0131 geli\u015ftirici ara\u00e7lar\u0131n\u0131 (F12 tu\u015funa basarak) kullanarak CSS, JavaScript ve a\u011f istekleriyle ilgili sorunlar\u0131 inceleyin ve hatalar\u0131 d\u00fczeltin. Karma\u015f\u0131k mant\u0131k sorunlar\u0131 i\u00e7in ise\u2026<code data-no-auto-translation=\"\">error_log()<\/code>Fonksiyon, de\u011fi\u015fken bilgilerini sunucunun hata g\u00fcnl\u00fc\u011f\u00fcne yazarak sorunlar\u0131n ara\u015ft\u0131r\u0131lmas\u0131n\u0131 sa\u011flar.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bu makale, WordPress tema geli\u015ftirmenin temel bilgilerini ve ortam kurulum ad\u0131mlar\u0131n\u0131 anlatmaktad\u0131r. Teman\u0131n temel dosya yap\u0131s\u0131n\u0131, gerekli \u015fablon dosyalar\u0131n\u0131 ve bunlar\u0131n nas\u0131l \u00e7a\u011fr\u0131laca\u011f\u0131n\u0131 ayr\u0131nt\u0131l\u0131 olarak a\u00e7\u0131klamaktad\u0131r. Ayr\u0131ca, functions.php dosyas\u0131 arac\u0131l\u0131\u011f\u0131yla tema i\u015flevlerinin nas\u0131l geni\u015fletilece\u011fini de \u00f6\u011fretmektedir. Bu sayede geli\u015ftiricilere, ba\u015flang\u0131\u00e7tan pratik uygulamalara kadar net bir yol sunulmaktad\u0131r.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[638,1910,1906,1000,2195],"knowledge_category":[280],"class_list":["post-12376483","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-theme-development","tag-theme-development-tutorial","tag-template-hierarchy","tag-template-files","tag-environment-setup","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,\u4e3b\u9898\u5236\u4f5c\u6559\u7a0b,\u6a21\u677f\u6587\u4ef6,functions.php,\u672c\u5730\u73af\u5883\u642d\u5efa,WordPress\u5b9e\u6218\u6280\u5de7,\u4ece\u5165\u95e8\u5230\u7cbe\u901a"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12376483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts"}],"about":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/types\/knowledge_post"}],"author":[{"embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":1,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12376483\/revisions"}],"predecessor-version":[{"id":12405475,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12376483\/revisions\/12405475"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12376483"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12376483"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12376483"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}