{"id":12375854,"date":"2026-03-18T10:13:02","date_gmt":"2026-03-18T02:13:02","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%8c%87%e5%8d%97%ef%bc%9a%e4%bb%8e%e9%9b%b6%e5%bc%80%e5%a7%8b%e6%9e%84%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89%e7%bd%91%e7%ab%99\/"},"modified":"2026-06-03T20:59:25","modified_gmt":"2026-06-03T12:59:25","slug":"wordpress-theme-development-guide-build-custom-website-12375854","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-guide-build-custom-website-12375854\/","title":{"rendered":"WordPress Tema Geli\u015ftirme K\u0131lavuzu: S\u0131f\u0131rdan Ba\u015flayarak \u00d6zel Web Siteleri Olu\u015fturma"},"content":{"rendered":"<h2 class=\"wp-block-heading\">\u00c7evre Kurulumu ve Proje Ba\u015flatma<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Herhangi bir kod yazmaya ba\u015flamadan \u00f6nce, uygun bir yerel geli\u015ftirme ortam\u0131na ihtiyac\u0131n\u0131z vard\u0131r. Apache\/Nginx, PHP ve MySQL\u2019in entegre edildi\u011fi paketleri kullanman\u0131z\u0131 \u00f6neririz; \u00f6rne\u011fin XAMPP, MAMP veya Local by Flywheel gibi. Bu paketler, ger\u00e7ek bir sunucu ortam\u0131n\u0131 sim\u00fcle etmenizi sa\u011flar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Geli\u015ftirme ara\u00e7lar\u0131n\u0131 se\u00e7erken, g\u00fc\u00e7l\u00fc bir kod edit\u00f6r\u00fc \u00e7ok \u00f6nemlidir. Visual Studio Code, PHP ve WordPress geli\u015ftirmesi i\u00e7in uygun eklentilerle birlikte, g\u00fcn\u00fcm\u00fcz geli\u015ftiricilerinin tercih etti\u011fi bir ara\u00e7t\u0131r. Edit\u00f6r haz\u0131r olduktan sonra, yerel sunucunuzun k\u00f6k dizinine (genellikle\u2026) gidmeniz gerekecektir.<code data-no-auto-translation=\"\">htdocs<\/code>\u6216<code data-no-auto-translation=\"\">www<\/code>Bir klas\u00f6r olu\u015fturun ve bunu konunun ana dizini olarak kullan\u0131n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Her konunun i\u00e7ermesi gereken en temel dosya \u015fudur:<code data-no-auto-translation=\"\">style.css<\/code>\u548c<code data-no-auto-translation=\"\">index.php<\/code>Bunlar aras\u0131nda<code data-no-auto-translation=\"\">style.css<\/code>Dosyalar yaln\u0131zca stilleri tan\u0131mlamak i\u00e7in kullan\u0131lmaz; ayn\u0131 zamanda dosyan\u0131n \u00fcst k\u0131sm\u0131ndaki yorum bloklar\u0131, teman\u0131n \u201ckimlik kart\u0131\u201d gibidir. WordPress, teman\u0131z\u0131 tan\u0131mak ve g\u00f6stermek i\u00e7in bu bilgileri okur. En basit bir stil \u015femas\u0131n\u0131n ba\u015fl\u0131k bilgileri a\u015fa\u011f\u0131daki gibidir:<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/it\/knowledge\/wordpress\/wordpress-theme-development-best-practices-guide\/\">WordPress Tema Geli\u015ftirmeyi S\u0131f\u0131rdan \u00d6\u011frenin: \u00d6zelle\u015ftirilmi\u015f Web Siteleri Olu\u015fturman\u0131n En \u0130yi Uygulamalar\u0131 ve K\u0131lavuzlar\u0131<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-css\" data-no-auto-translation=\"\">\/*\nTheme Name: \u6211\u7684\u7b2c\u4e00\u4e2a\u81ea\u5b9a\u4e49\u4e3b\u9898\nTheme URI: http:\/\/example.com\/my-theme\nAuthor: \u4f60\u7684\u540d\u5b57\nAuthor URI: http:\/\/example.com\nDescription: \u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5b66\u4e60\u7684\u7b80\u5355\u81ea\u5b9a\u4e49\u4e3b\u9898\u3002\nVersion: 1.0\nLicense: GPL v2 or later\nText Domain: my-first-theme\n*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Metin alan\u0131 (Text field)<code data-no-auto-translation=\"\">my-first-theme<\/code>Uluslararas\u0131la\u015ft\u0131rma i\u00e7in kullan\u0131l\u0131r ve sonraki \u00e7eviri fonksiyonu \u00e7a\u011fr\u0131lar\u0131nda kullan\u0131lan alanla uyumlu olmal\u0131d\u0131r. Ayn\u0131 zamanda, en temel bir yap\u0131 da olu\u015fturulmal\u0131d\u0131r.<code data-no-auto-translation=\"\">index.php<\/code>\u015eablon dosyas\u0131, i\u00e7inde yaln\u0131zca basit bir HTML kodu bulunsa bile, teman\u0131n WordPress taraf\u0131ndan do\u011fru bir \u015fekilde etkinle\u015ftirilmesini sa\u011flar.<\/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 yap\u0131s\u0131 ve hiyerar\u015fisi<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress temalar\u0131, belirli bir \u015fablon hiyerar\u015fisine uyar; sistem, ziyaret edilen sayfan\u0131n t\u00fcr\u00fcne g\u00f6re otomatik olarak ilgili \u015fablon dosyas\u0131n\u0131 se\u00e7erek sayfay\u0131 renderlar (g\u00f6r\u00fcnt\u00fcler). Bu hiyerar\u015fiyi anlamak, geli\u015ftirmenin temelini olu\u015fturur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ana dizinin<code data-no-auto-translation=\"\">index.php<\/code>Bu, en \u00fcst d\u00fczeydeki yedek dosyad\u0131r; daha spesifik bir \u015fablon bulunamazsa bu kullan\u0131l\u0131r. Web sitesinin ana sayfas\u0131 i\u00e7in \u00f6zel bir \u015fablon olu\u015fturulabilir.<code data-no-auto-translation=\"\">home.php<\/code>\u6216<code data-no-auto-translation=\"\">front-page.php<\/code>Makale detay sayfas\u0131nda \u00f6ncelikle arama yap\u0131l\u0131r.<code data-no-auto-translation=\"\">single.php<\/code>E\u011fer yoksa, \u00f6nceki duruma geri d\u00f6necektir.<code data-no-auto-translation=\"\">singular.php<\/code>Ve en sonunda\u2026<code data-no-auto-translation=\"\">index.php<\/code>\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sayfa \u015fablonlar\u0131 ise mevcuttur.<code data-no-auto-translation=\"\">page.php<\/code>Ayr\u0131ca, belirli sayfalar veya makale t\u00fcrleri i\u00e7in daha spesifik \u015fablonlar da olu\u015fturabilirsiniz, \u00f6rne\u011fin\u2026<code data-no-auto-translation=\"\">page-about.php<\/code>\u6216<code data-no-auto-translation=\"\">single-book.php<\/code>Ar\u015fiv sayfalar\u0131 (kategoriler, etiketler, yazarlar\u0131n makale listeleri gibi) genellikle\u2026<code data-no-auto-translation=\"\">archive.php<\/code>\u0130\u015fleme, ayn\u0131 zamanda belirli kategoriler i\u00e7in de yap\u0131labilir.<code data-no-auto-translation=\"\">category-news.php<\/code>\u0130\u015fte b\u00f6yle bir \u015fablon.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Birle\u015fik bir g\u00f6r\u00fcn\u00fcm olu\u015fturun: \u00dcst k\u0131s\u0131m ve alt k\u0131s\u0131m<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kodun tekrar kullan\u0131lmas\u0131n\u0131 ve birle\u015fik bir \u015fekilde y\u00f6netilmesini sa\u011flamak i\u00e7in, web sayfalar\u0131n\u0131n ortak \u00fcst ve alt k\u0131s\u0131mlar\u0131n\u0131 ayr\u0131 \u015fablonlar olarak ay\u0131rmak gerekmektedir.<code data-no-auto-translation=\"\">header.php<\/code>Dosya, i\u00e7inde bulunmas\u0131 gereken bilgileri i\u00e7ermelidir.<code data-no-auto-translation=\"\">&lt;!DOCTYPE html&gt;<\/code>Ba\u015flang\u0131\u00e7tan ana i\u00e7erik b\u00f6lgesine ge\u00e7ilene kadar olan t\u00fcm kodlar; as\u0131l \u00f6nemli nokta, WordPress fonksiyonlar\u0131n\u0131n kullan\u0131lmas\u0131d\u0131r.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/it\/knowledge\/wordpress\/wordpress-theme-development-from-beginner-to-expert-e7-9f-a5-e8-af-86\/\">WordPress Tema Geli\u015ftirme: Ba\u015flang\u0131\u00e7tan Uzmanl\u0131\u011fa \u2013 Kendi Web Sitelerinizi Olu\u015fturmay\u0131 Ad\u0131m Ad\u0131m \u00d6\u011frenin<\/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;!DOCTYPE html&gt;\n&lt;html no numeric noise key 1005&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;&lt;?php bloginfo(&#039;charset&#039;); ?&gt;&quot;&gt;\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;\n    &lt;?php wp_head(); ?&gt;\n&lt;\/head&gt;\n&lt;body no numeric noise key 1002&gt;\n&lt;?php wp_body_open(); ?&gt;\n&lt;header id=&quot;site-header&quot;&gt;\n    &lt;!-- \u4f60\u7684\u7f51\u7ad9\u5bfc\u822a\u7b49\u5185\u5bb9 --&gt;\n&lt;\/header&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bunlar aras\u0131nda,<code data-no-auto-translation=\"\">wp_head()<\/code>Fonksiyonlar \u00e7ok \u00f6nemlidir; \u00e7\u00fcnk\u00fc eklentilerin ve temalar\u0131n sayfa ba\u015fl\u0131\u011f\u0131na CSS, JS ve meta etiketleri eklemesine olanak tan\u0131r.<code data-no-auto-translation=\"\">footer.php<\/code>Dosya, sayfa alt\u0131 i\u00e7eri\u011fini de i\u00e7ermelidir.<code data-no-auto-translation=\"\">wp_footer()<\/code>Fonksiyon \u00e7a\u011fr\u0131s\u0131. Sonra\u2026<code data-no-auto-translation=\"\">index.php<\/code>Ana \u015fablonlarda, \u015fu yolla\u2026<code data-no-auto-translation=\"\">get_header()<\/code>\u548c<code data-no-auto-translation=\"\">get_footer()<\/code>Fonksiyonlar bunlar\u0131 i\u00e7erir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Yan men\u00fc \u015fablonunu ekleyin.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bir\u00e7ok web sitesinin tasar\u0131m\u0131nda, i\u00e7eriklerin yan\u0131nda yer alan yan paneller bulunmaktad\u0131r ve bu yan paneller kolayca olu\u015fturulabilir.<code data-no-auto-translation=\"\">sidebar.php<\/code>Bu dosya, kenar \u00e7ubu\u011fundaki Widget\u2019lar\u0131n \u00e7\u0131kt\u0131lar\u0131n\u0131 merkezi bir \u015fekilde y\u00f6netmek i\u00e7in kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">get_sidebar()<\/code>Fonksiyon, ana \u015fablon i\u00e7inde tan\u0131t\u0131l\u0131r. Eri\u015filebilirli\u011fi ve SEO\u2019yu art\u0131rmak i\u00e7in, \u00e7ekirdek i\u00e7erik semantik etiketler kullan\u0131lmal\u0131 ve\u2026<code data-no-auto-translation=\"\">get_template_part()<\/code>Fonksiyon, alt \u015fablon bile\u015fenlerini esnek bir \u015fekilde y\u00fckler.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Konu \u00d6zellikleri ve Dinamik \u0130\u00e7erik \u0130\u015fleme<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Statik HTML temalar\u0131n bir de\u011feri yoktur; WordPress temalar\u0131n\u0131n g\u00fcc\u00fc, i\u00e7eri\u011fin dinamik olarak olu\u015fturulmas\u0131nda yatmaktad\u0131r.<\/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<p class=\"wp-block-paragraph\">Bir d\u00f6ng\u00fc i\u00e7inde birden fazla makaleyi i\u015flemek, temellerin en temel par\u00e7alar\u0131ndan biridir. D\u00f6ng\u00fcler, WordPress\u2019in veritaban\u0131ndan makale i\u00e7eriklerini al\u0131p sayfada g\u00f6stermek i\u00e7in kulland\u0131\u011f\u0131 mekanizmalard\u0131r. Standart bir d\u00f6ng\u00fc yap\u0131s\u0131 \u015fu \u015fekildedir:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;\n    &lt;article id=&quot;post-&lt;?php the_ID(); ?&gt;&quot; no numeric noise key 1004&gt;\n        &lt;h2&gt;&lt;a href=&quot;\/tr\/&lt;\/?php the_permalink(); ?&gt;&quot;&gt;&lt;?php the_title(); ?&gt;&lt;\/a&gt;&lt;\/h2&gt;\n        &lt;div class=&quot;entry-content&quot;&gt;\n            &lt;?php the_content(); ?&gt;\n        &lt;\/div&gt;\n    &lt;\/article&gt;\n&lt;?php endwhile; endif; ?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Burada kullan\u0131lm\u0131\u015ft\u0131r.<code data-no-auto-translation=\"\">the_title()<\/code>\u3001<code data-no-auto-translation=\"\">the_content()<\/code>Belirli \u015fablon etiketlerini kullanarak makale verilerini \u00e7\u0131kt\u0131 olarak alabilirsiniz. \u00d6zel makale t\u00fcrleri ve geli\u015fmi\u015f alanlar i\u00e7in bunlar\u0131 \u00f6nceden kaydetmeniz gerekmektedir. Tema ayarlar\u0131nda bu i\u015flemler yap\u0131lmal\u0131d\u0131r.<code data-no-auto-translation=\"\">functions.php<\/code>Dosyada, kullan\u0131lan\u2026<code data-no-auto-translation=\"\">register_post_type<\/code>Bu fonksiyon, yeni bir makale t\u00fcr\u00fc olu\u015fturmak i\u00e7in kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">register_taxonomy<\/code>Fonksiyon, \u00f6zel bir s\u0131n\u0131fland\u0131rma sistemi olu\u015fturur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Entegre men\u00fc ve Widget b\u00f6lgesi<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Modern temalar\u0131n WordPress\u2019in \u00f6zelle\u015ftirilebilir men\u00fc \u00f6zelli\u011fini desteklemesi gerekmektedir. \u00d6ncelikle, bunun i\u00e7in gerekli ayarlar\u0131n yap\u0131lmas\u0131 gerekmektedir.<code data-no-auto-translation=\"\">functions.php<\/code>\u00c7ince'de kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">register_nav_menus<\/code>Fonksiyon kayd\u0131 men\u00fcs\u00fc konumu.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/it\/knowledge\/wordpress\/wordpress-theme-development-guide-from-scratch-12374375\/\">S\u0131f\u0131rdan ba\u015flayarak WordPress tema geli\u015ftirmeyi \u00f6\u011frenmeniz i\u00e7in ad\u0131m ad\u0131m rehber: Profesyonel web siteleri olu\u015fturman\u0131n kapsaml\u0131 y\u00f6ntemi<\/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=\"\">function mytheme_register_menus() {\n    register_nav_menus( array(\n        &#039;primary&#039; =&gt; __( &#039;\u4e3b\u5bfc\u822a\u83dc\u5355&#039;, &#039;my-first-theme&#039; ),\n        &#039;footer&#039;  =&gt; __( &#039;\u9875\u811a\u83dc\u5355&#039;, &#039;my-first-theme&#039; ),\n    ) );\n}\nadd_action( &#039;init&#039;, &#039;mytheme_register_menus&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Sonra,<code data-no-auto-translation=\"\">header.php<\/code>Veya di\u011fer \u015fablonlar\u0131n ilgili yerlerinde, kullan\u0131n.<code data-no-auto-translation=\"\">wp_nav_menu()<\/code>Fonksiyon \u00e7a\u011fr\u0131l\u0131r ve men\u00fc g\u00f6r\u00fcnt\u00fclenir. Widget b\u00f6lgesi (k\u00fc\u00e7\u00fck ara\u00e7lar) i\u00e7in kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">register_sidebar()<\/code>Fonksiyonlar kaydedilir ve \u015fablonlarda kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">dynamic_sidebar()<\/code>Fonksiyon \u00e7\u0131kt\u0131s\u0131.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Stil betikleri y\u00f6netimi ve tema optimizasyonu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Makul bir kaynak y\u00f6netimi, teman\u0131n performans\u0131n\u0131 ve kullan\u0131c\u0131 deneyimini art\u0131rabilir. T\u00fcm CSS ve JavaScript dosyalar\u0131, WordPress taraf\u0131ndan sa\u011flanan kuyruk sistemi arac\u0131l\u0131\u011f\u0131yla do\u011fru bir \u015fekilde eklenemelidir.<\/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<p class=\"wp-block-paragraph\">\u5728<code data-no-auto-translation=\"\">functions.php<\/code>\u00c7in'de, kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">wp_enqueue_style()<\/code>\u548c<code data-no-auto-translation=\"\">wp_enqueue_script()<\/code>Kaynaklar\u0131 i\u00e7ermek i\u00e7in fonksiyonlar kullan\u0131l\u0131r. Bu en iyi uygulamad\u0131r; \u00e7\u00fcnk\u00fc ba\u011f\u0131ml\u0131l\u0131klar\u0131 y\u00f6netebilir ve tekrarlanan y\u00fcklemeleri \u00f6nleyebilir.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function mytheme_enqueue_assets() {\n    \/\/ \u5f15\u5165\u4e3b\u9898\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( &#039;mytheme-main-style&#039;, get_stylesheet_uri() );\n    \/\/ \u5f15\u5165\u81ea\u5b9a\u4e49JavaScript\u6587\u4ef6\n    wp_enqueue_script( &#039;mytheme-main-script&#039;, get_template_directory_uri() . &#039;\/js\/main.js&#039;, array(&#039;jquery&#039;), null, true );\n}\nadd_action( &#039;wp_enqueue_scripts&#039;, &#039;mytheme_enqueue_assets&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Responsive tasar\u0131m ve mobil uyumluluk, 2026 y\u0131l\u0131nda web sitelerinin standart \u00f6zellikleri olacakt\u0131r. CSS kodlar\u0131n\u0131zda farkl\u0131 ekran boyutlar\u0131na uyum sa\u011flamak i\u00e7in medya sorgular\u0131 (Media Queries) kullanmaya \u00f6zen g\u00f6sterin. Ayr\u0131ca, resimlerin optimize edilmesi de \u00e7ok \u00f6nemlidir; bunu WordPress\u2019in sundu\u011fu ara\u00e7lar yard\u0131m\u0131yla kolayca ger\u00e7ekle\u015ftirebilirsiniz.<code data-no-auto-translation=\"\">srcset<\/code>\u00d6zellikler veya entegre g\u00f6r\u00fcnt\u00fc optimizasyon eklentileri kullanarak, farkl\u0131 cihazlara uygun g\u00f6r\u00fcnt\u00fc boyutlar\u0131 sa\u011flay\u0131n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Temalar\u0131n \u00f6zelle\u015ftirilmesi \u00f6zelli\u011fini ger\u00e7ekle\u015ftirme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Teman\u0131n yap\u0131land\u0131r\u0131labilirli\u011fini art\u0131rmak i\u00e7in WordPress Customizer API\u2019si entegre edilebilir. Bu, kullan\u0131c\u0131lar\u0131n teman\u0131n renklerini, yaz\u0131 tiplerini ve di\u011fer ayarlar\u0131n\u0131 ger\u00e7ek zamanl\u0131 olarak \u00f6nizlemelerine ve de\u011fi\u015ftirmelerine olanak tan\u0131r. Bu i\u015flem, teman\u0131n kaynak kodunda gerekli de\u011fi\u015fikliklerin yap\u0131lmas\u0131n\u0131 gerektirir.<code data-no-auto-translation=\"\">functions.php<\/code>\u00c7ince'de kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">$wp_customize-&gt;add_setting()<\/code>\u548c<code data-no-auto-translation=\"\">$wp_customize-&gt;add_control()<\/code>Bu y\u00f6ntemlerle ayarlar ve kontroller eklenir; ard\u0131ndan bu ayarlar ve kontroller \u015fablon i\u00e7inde kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">get_theme_mod()<\/code>Fonksiyon, kullan\u0131c\u0131n\u0131n kaydetti\u011fi de\u011feri al\u0131r.<\/p>\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 seviyelerden ba\u015flayarak bir sistem m\u00fchendisli\u011fi s\u00fcrecidir.<code data-no-auto-translation=\"\">style.css<\/code>\u548c<code data-no-auto-translation=\"\">index.php<\/code>Dosya ba\u015flar ve \u015fablon hiyerar\u015fisine uygun \u00e7e\u015fitli \u015fablon dosyalar\u0131 ad\u0131m ad\u0131m olu\u015fturulur. Ba\u015fl\u0131k, alt k\u0131s\u0131m ve kenar \u00e7ubuklar\u0131n\u0131n ayr\u0131lmas\u0131yla mod\u00fclerlik sa\u011flan\u0131r; i\u00e7erik d\u00f6ng\u00fcler arac\u0131l\u0131\u011f\u0131yla dinamik olarak g\u00f6r\u00fcnt\u00fclenir ve men\u00fcler, ara\u00e7lar ve kaynak kuyruklar\u0131 fonksiyon dosyalar\u0131 kullan\u0131larak entegre edilir. Son olarak, duyarl\u0131 tasar\u0131m ve \u00f6zelle\u015ftiriciler sayesinde hem profesyonel hem de kullan\u0131c\u0131 dostu bir \u00f6zelle\u015ftirilebilir web sitesi olu\u015fturulur. Bu temel kavramlar\u0131 ve ad\u0131mlar\u0131 \u00f6\u011frendi\u011finizde, i\u015flevsel bir WordPress temas\u0131 olu\u015fturma yetene\u011fine sahip olursunuz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">S\u0131k\u00e7a Sorulan Sorular.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">### geli\u015ftirme temas\u0131 i\u00e7in PHP bilmek zorunda m\u0131y\u0131m?<br \/>\nEvet, bu zorunludur. WordPress \u00e7ekirde\u011fi kendisi ve neredeyse t\u00fcm temalar\u0131n \u00f6zellikleri PHP tabanl\u0131 olarak geli\u015ftirilmi\u015ftir. Sayfa stilleri ve baz\u0131 etkile\u015fimler CSS ve JavaScript taraf\u0131ndan y\u00f6netilse de, dinamik i\u00e7erik olu\u015fturma, \u015fablon mant\u0131\u011f\u0131, veri \u00e7a\u011fr\u0131lar\u0131 ve WordPress \u00e7ekirdek API\u2019si ile olan etkile\u015fimlerin hepsi PHP kodu arac\u0131l\u0131\u011f\u0131yla ger\u00e7ekle\u015ftirilmelidir. Derinlemesine PHP bilgisi, geli\u015fmi\u015f \u00f6zel temalar geli\u015ftirmenin temelidir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bir teman\u0131n \u00e7ok dilli uluslararas\u0131la\u015fmay\u0131 desteklemesini sa\u011flamak i\u00e7in ne yap\u0131labilir?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bir teman\u0131n \u00e7ok dilli (uluslararas\u0131) olmas\u0131n\u0131 sa\u011flamak i\u00e7in ana ad\u0131mlardan biri, kodun i\u00e7inde \u00e7evrilmeye ihtiya\u00e7 duyan t\u00fcm metinlerde WordPress\u2019in \u00e7eviri fonksiyonlar\u0131n\u0131 kullanmakt\u0131r. \u00d6rne\u011fin:<code data-no-auto-translation=\"\">()<\/code>\u3001<code data-no-auto-translation=\"\">_e()<\/code>\u6216<code data-no-auto-translation=\"\">esc_html()<\/code>Ve emin olun ki bunlar kullan\u0131l\u0131yor.<code data-no-auto-translation=\"\">style.css<\/code>Ba\u015fl\u0131k b\u00f6l\u00fcm\u00fcnde tan\u0131mlanan metin alan\u0131. Daha sonra, Poedit gibi ara\u00e7lar kullanarak tema dosyalar\u0131n\u0131 tarayarak gerekli i\u00e7erikleri olu\u015fturun.<code data-no-auto-translation=\"\">.pot<\/code>\u015eablon dosyas\u0131; \u00e7evirmenler, bu dosyaya dayanarak farkl\u0131 dillerdeki \u00e7evirileri olu\u015ftururlar.<code data-no-auto-translation=\"\">.po<\/code>\u548c<code data-no-auto-translation=\"\">.mo<\/code>Dosya. Son olarak, dil dosyas\u0131n\u0131 teman\u0131n i\u00e7ine yerle\u015ftirin.<code data-no-auto-translation=\"\">\/languages\/<\/code>Katalo\u011fun alt\u0131nda olabilir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konular ve eklentiler, i\u015flevsellik a\u00e7\u0131s\u0131ndan nas\u0131l ayr\u0131lmal\u0131d\u0131r?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bu, \u00f6nemli bir mimari tasar\u0131m sorunudur. Basit\u00e7e s\u00f6ylemek gerekirse, temalar web sitesi i\u00e7eri\u011finin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve d\u00fczenini kontrol etmekle sorumludur; eklentiler ise web sitesinin i\u015flevlerini art\u0131rmak veya de\u011fi\u015ftirmekle g\u00f6revlidir. \u00d6rne\u011fin, ileti\u015fim formlar\u0131 eklemek, portf\u00f6y i\u00e7in \u00f6zel makale t\u00fcrleri olu\u015fturmak, e-ticaret sistemleri entegre etmek gibi i\u015flemler i\u015flev kategorisine girer ve eklentiler olarak tasarlanmalar\u0131 daha uygundur. Bunu yapman\u0131n en b\u00fcy\u00fck avantaj\u0131, kullan\u0131c\u0131lar temay\u0131 de\u011fi\u015ftirdi\u011finde web sitesinin temel i\u015flevlerinin korunmas\u0131d\u0131r; bu da verilerin kal\u0131c\u0131l\u0131\u011f\u0131n\u0131 ve web sitesinin kullan\u0131labilirli\u011fini sa\u011flar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Geli\u015ftirme s\u00fcrecinde nas\u0131l hata ay\u0131klama ve sorun giderme i\u015flemleri yap\u0131l\u0131r?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress, g\u00fc\u00e7l\u00fc hata ay\u0131klama ara\u00e7lar\u0131 sunar. \u00d6ncelikle, web sitesinin\u2026<code data-no-auto-translation=\"\">wp-config.php<\/code>Dosyada, sabitler (constantlar) bulunmaktad\u0131r.<code data-no-auto-translation=\"\">WP_DEBUG<\/code>Ayarlar\u0131 yap\u0131n.<code data-no-auto-translation=\"\">true<\/code>Bu, sayfada PHP hatalar\u0131n\u0131, uyar\u0131lar\u0131n\u0131 ve bildirimlerini g\u00f6sterecektir. Daha derinlemesine sorgu hata ay\u0131klamalar\u0131 i\u00e7in ayarlar yap\u0131labilir.<code data-no-auto-translation=\"\">SAVEQUERIES<\/code>\u4e3a<code data-no-auto-translation=\"\">true<\/code>T\u00fcm veritaban\u0131 sorgular\u0131n\u0131 kaydetmek i\u00e7in bu y\u00f6ntemleri kullanabilirsiniz. Ayr\u0131ca, taray\u0131c\u0131n\u0131n yerle\u015fik geli\u015ftirici ara\u00e7lar\u0131n\u0131 (Chrome DevTools veya Firefox Developer Tools) kullanarak CSS, JavaScript sorunlar\u0131n\u0131 ve a\u011f isteklerini incelemek \u00e7ok \u00f6nemli bir ad\u0131md\u0131r. Karma\u015f\u0131k mant\u0131klar i\u00e7in ise daha geli\u015fmi\u015f ara\u00e7lar ve teknikler kullan\u0131labilir.<code data-no-auto-translation=\"\">error_log()<\/code>Fonksiyon, hata ay\u0131klama bilgilerini sunucunun hata g\u00fcnl\u00fc\u011f\u00fcne yazar.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bu makale, WordPress tema geli\u015ftirmenin ilk ad\u0131mlar\u0131n\u0131 ve temel yap\u0131s\u0131n\u0131 anlatmaktad\u0131r. \u0130\u00e7erikler aras\u0131nda yerel geli\u015ftirme ortam\u0131n\u0131n kurulmas\u0131, gerekli dosyalar olan style.css ve index.php\u2019nin olu\u015fturulmas\u0131, WordPress \u015fablonlar\u0131n\u0131n hiyerar\u015fik yap\u0131s\u0131n\u0131n incelenmesi, ayr\u0131ca tekrar kullan\u0131labilir ba\u015fl\u0131k, alt k\u0131s\u0131m ve kenar \u00e7ubu\u011fu \u015fablonlar\u0131n\u0131n nas\u0131l olu\u015fturulaca\u011f\u0131 yer almaktad\u0131r. Bu bilgiler, tema geli\u015ftirmeyi sistemli bir \u015fekilde \u00f6\u011frenmek i\u00e7in temel olu\u015fturmaktad\u0131r.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[638,366,1000,1976,805],"knowledge_category":[280],"class_list":["post-12375854","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-theme-development","tag-development-guide","tag-template-files","tag-1976","tag-custom-themes","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,\u81ea\u5b9a\u4e49\u7f51\u7ad9\u6784\u5efa,\u6a21\u677f\u5c42\u6b21\u7ed3\u6784,\u4e3b\u9898\u529f\u80fd,\u672c\u5730\u73af\u5883\u642d\u5efa,header.php\u4e0efooter.php,WordPress\u6a21\u677f\u6587\u4ef6,\u4ece\u96f6\u5f00\u59cb\u5efa\u7ad9\u6559\u7a0b"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12375854","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\/12375854\/revisions"}],"predecessor-version":[{"id":12404217,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12375854\/revisions\/12404217"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12375854"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12375854"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12375854"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}