{"id":12379858,"date":"2026-03-20T18:20:40","date_gmt":"2026-03-20T10:20:40","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e6%89%8b%e6%8a%8a%e6%89%8b%e6%95%99%e4%bd%a0%e4%bb%8e%e9%9b%b6%e5%bc%80%e5%a7%8b%e6%8e%8c%e6%8f%a1wordpress%e4%b8%bb%e9%a2%98%e5%bc%80%e5%8f%91%e7%9a%84%e6%a0%b8%e5%bf%83%e6%8a%80%e8%83%bd\/"},"modified":"2026-06-03T20:27:28","modified_gmt":"2026-06-03T12:27:28","slug":"wordpress-theme-development-tutorial-from-scratch-a1wordpress","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-tutorial-from-scratch-a1wordpress\/","title":{"rendered":"S\u0131f\u0131rdan ba\u015flayarak WordPress tema geli\u015ftirmenin temel becerilerini \u00f6\u011frenmenize yard\u0131mc\u0131 olaca\u011f\u0131m."},"content":{"rendered":"<h2 class=\"wp-block-heading\">WordPress Tema Geli\u015ftirme Ortam\u0131 Ayarlar\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress temas\u0131 geli\u015ftirmeye ba\u015flamak i\u00e7in \u00f6ncelikle stabil ve verimli bir yerel geli\u015ftirme ortam\u0131na ihtiyac\u0131n\u0131z vard\u0131r. Bu genellikle, bilgisayar\u0131n\u0131zda Apache veya Nginx gibi bir sunucu, MySQL gibi bir veritaban\u0131 ve PHP\u2019nin entegre edildi\u011fi bir yaz\u0131l\u0131m y\u0131\u011f\u0131n\u0131 kurmay\u0131 ifade eder. Pop\u00fcler \u00e7\u00f6z\u00fcmler aras\u0131nda XAMPP, MAMP, Local by Flywheel veya Laravel Valet bulunmaktad\u0131r. Bu ortamlar, WordPress\u2019in bulut sunucular\u0131nda \u00e7al\u0131\u015f\u0131yormu\u015f gibi davranmas\u0131n\u0131 sa\u011flar; b\u00f6ylece \u00e7evrimd\u0131\u015f\u0131 olarak geli\u015ftirme, hata ay\u0131klama ve yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fikliklerin an\u0131nda sonu\u00e7lar\u0131n\u0131 g\u00f6rebilirsiniz.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Temel yaz\u0131l\u0131m kurulumunu tamamlad\u0131ktan sonra, bir kod edit\u00f6r\u00fc veya entegre geli\u015ftirme ortam\u0131 (IDE) kurmak gerekiyor. G\u00fc\u00e7l\u00fc ve \u00fccretsiz olan Visual Studio Code, \u015fu an pop\u00fcler bir se\u00e7enektir. Visual Studio Code, s\u00f6zdizimi vurgulama, kod \u00f6nerileri ve s\u00fcr\u00fcm kontrol\u00fc entegrasyonu gibi bir\u00e7ok geni\u015fletme eklentisine sahiptir ve bu da geli\u015ftirme verimlili\u011fini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde art\u0131r\u0131r. Ayr\u0131ca, yerel Git ara\u00e7lar\u0131n\u0131n yap\u0131land\u0131r\u0131lmas\u0131 da \u00e7ok \u00f6nemlidir; bu ara\u00e7lar kod s\u00fcr\u00fcmlerini y\u00f6netmenize yard\u0131mc\u0131 olur ve yanl\u0131\u015f i\u015flemler nedeniyle olu\u015fabilecek veri kay\u0131plar\u0131n\u0131 \u00f6nler.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Haz\u0131rl\u0131k i\u015flemleri tamamland\u0131ktan sonra, yerel ortamda yeni bir WordPress kurulumu olu\u015fturman\u0131z gerekmektedir. En yeni WordPress kurulum paketini yerel sunucunun web sitesi k\u00f6k dizinine \u00e7\u0131kar\u0131n ve buna kar\u015f\u0131l\u0131k gelen bir veritaban\u0131 olu\u015fturun. Yerel adresi ziyaret ederek (\u00f6rne\u011fin: <code data-no-auto-translation=\"\">http:\/\/localhost\/your-project<\/code>WordPress kurulum rehberini tamamlamak i\u00e7in bu ad\u0131mlar\u0131 izleyin.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/en\/knowledge\/wordpress\/ultimate-guide-to-creating-perfect-wordpress-theme-design-to-development\/\">M\u00fckemmel WordPress temas\u0131n\u0131 olu\u015fturman\u0131n kapsaml\u0131 rehberi: tasar\u0131mdan geli\u015ftirmeye kadar.<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<h2 class=\"wp-block-heading\">Konunun temel yap\u0131s\u0131n\u0131 ve \u015fablon dosyalar\u0131n\u0131 anlamak<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Standart bir WordPress temas\u0131, belirli bir konumda bulunan bir dosyad\u0131r.<code data-no-auto-translation=\"\">\/wp-content\/themes\/<\/code>Katalogdaki klas\u00f6rler, belirli adland\u0131rma ve hiyerar\u015fi kurallar\u0131na uyan bir dizi PHP \u015fablon dosyas\u0131ndan olu\u015fmaktad\u0131r. Bu yap\u0131y\u0131 anlamak, geli\u015ftirmenin temel ta\u015flar\u0131ndan biridir.<\/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<p class=\"wp-block-paragraph\">En temel ve gerekli olan \u015fablon dosyas\u0131d\u0131r.<code data-no-auto-translation=\"\">index.php<\/code>Bu, t\u00fcm teman\u0131n yedek ve acil durum i\u00e7in haz\u0131rlanan dosyalar\u0131d\u0131r. Bir ziyaret\u00e7inin istedi\u011fi sayfa i\u00e7in daha spesifik bir \u015fablon dosyas\u0131 mevcut de\u011filse, WordPress otomatik olarak geri d\u00f6n\u00fc\u015f yapar ve bu yedek dosyalar\u0131 kullan\u0131r.<code data-no-auto-translation=\"\">index.php<\/code>Sayfay\u0131 renderlamak i\u00e7in kullan\u0131l\u0131r. Bu, teman\u0131z\u0131n \u201cana sayfa\u201d mant\u0131\u011f\u0131na benzer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bir teman\u0131n WordPress sistemi taraf\u0131ndan tan\u0131nabilmesi i\u00e7in, teman\u0131n meta bilgilerini tan\u0131mlayan bir stil \u015femas\u0131 (stylesheet) i\u00e7ermesi gerekmektedir.<code data-no-auto-translation=\"\">style.css<\/code>Bu dosyan\u0131n ba\u015fl\u0131k k\u0131sm\u0131ndaki yorum blo\u011fu \u00e7ok \u00f6nemlidir; i\u00e7eri\u011fi, teman\u0131n arka planda (arka u\u00e7ta) nas\u0131l g\u00f6r\u00fcnece\u011fini belirler.<\/p>\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\u4e3b\u9898\nTheme URI: https:\/\/example.com\/my-first-theme\/\nAuthor: \u5f00\u53d1\u8005\u59d3\u540d\nDescription: \u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5b66\u4e60WordPress\u4e3b\u9898\u5f00\u53d1\u7684\u7b80\u6d01\u4e3b\u9898\u3002\nVersion: 1.0\n*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Di\u011fer bir temel dosya ise\u2026<code data-no-auto-translation=\"\">functions.php<\/code>Bu dosya do\u011frudan i\u00e7erik \u00e7\u0131karmak i\u00e7in kullan\u0131lmaz; asl\u0131nda bir teman\u0131n \u201ci\u015flev merkezidir\u201d. Burada \u00f6zel fonksiyonlar ekleyebilir, men\u00fcler ve kenar \u00e7ubuklar\u0131n\u0131 tan\u0131mlayabilir, CSS ve JavaScript dosyalar\u0131 dahil edebilirsiniz. Ayr\u0131ca, WordPress\u2019in sundu\u011fu \u00e7e\u015fitli \u201chook\u2019lar\u0131\u201d kullanarak teman\u0131n i\u015flevlerini geni\u015fletebilir veya de\u011fi\u015ftirebilirsiniz. \u00d6rne\u011fin, teman\u0131n davran\u0131\u015flar\u0131n\u0131 de\u011fi\u015ftirmek i\u00e7in baz\u0131 kodlar\u0131 bu dosyaya ekleyebilirsiniz.<code data-no-auto-translation=\"\">add_theme_support()<\/code>Bu fonksiyon, teman\u0131z i\u00e7in \u00f6zel g\u00f6rsellerin, makale formatlar\u0131n\u0131n ve di\u011fer \u00f6zeliklerin etkinle\u015ftirilmesini sa\u011flar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Temel \u015fablon dosyalar\u0131n\u0131 ve tema d\u00f6ng\u00fclerini \u00f6\u011frenmek.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Temel dosyalar\u0131n yan\u0131 s\u0131ra, WordPress farkl\u0131 t\u00fcrdeki sayfalar\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc hassas bir \u015fekilde kontrol etmek i\u00e7in bir dizi \u00f6zel ama\u00e7l\u0131 \u015fablon dosyas\u0131 sunar. \u00d6rne\u011fin, t\u00fcm sitenin ana sayfas\u0131n\u0131n nas\u0131l g\u00f6r\u00fcnt\u00fclenece\u011fini kontrol eden \u015fablonlar bulunmaktad\u0131r.<code data-no-auto-translation=\"\">home.php<\/code>Tek bir makalenin ayr\u0131nt\u0131l\u0131 sayfas\u0131n\u0131 kontrol eden \u015fablon \u015fudur:<code data-no-auto-translation=\"\">single.php<\/code>Statik sayfalar\u0131 (\u00f6rne\u011fin \u201cHakk\u0131m\u0131zda\u201d sayfas\u0131n\u0131) kontrol eden \u015fablon ise\u2026<code data-no-auto-translation=\"\">page.php<\/code>Bu dosyalar mevcut oldu\u011funda, sistem bunlar\u0131 genel olanlar yerine \u00f6ncelikli olarak kullan\u0131r.<code data-no-auto-translation=\"\">index.php<\/code>\u3002<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/en\/knowledge\/wordpress\/wordpress-theme-development-from-beginner-to-expert-2026\/\">WordPress Tema Geli\u015ftirme: S\u0131f\u0131rdan Ba\u015flayarak \u00d6zel Temalar Olu\u015fturmak<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<p class=\"wp-block-paragraph\">T\u00fcm bu \u015fablon dosyalar\u0131n\u0131n temel \u00f6z\u00fc \u201cWordPress d\u00f6ng\u00fcs\u00fcd\u00fcr\u201d. D\u00f6ng\u00fcler, veritaban\u0131ndan makale veya sayfa i\u00e7eriklerini almak ve bunlar\u0131 web sayfas\u0131nda g\u00f6stermek i\u00e7in kullan\u0131lan PHP kod yap\u0131lar\u0131d\u0131r. En temel d\u00f6ng\u00fc kodu a\u015fa\u011f\u0131daki gibidir:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;article&gt;\n            &lt;h2&gt;&lt;?php the_title(); ?&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;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bu kod, ko\u015fullu ifadeler kullanmaktad\u0131r.<code data-no-auto-translation=\"\">have_posts()<\/code>Mevcut sorgunun herhangi bir makale i\u00e7erip i\u00e7ermedi\u011fini kontrol edin. E\u011fer varsa, ilgili sayfaya ge\u00e7in.<code data-no-auto-translation=\"\">while<\/code>D\u00f6ng\u00fc, \u00e7a\u011fr\u0131<code data-no-auto-translation=\"\">the_post()<\/code>Mevcut makalenin verilerini ayarlamak i\u00e7in buraya gelin. D\u00f6ng\u00fc i\u00e7inde, makale bilgilerini g\u00f6r\u00fcnt\u00fclemek i\u00e7in bir dizi \u015eablon Etiketi (Template Tag) kullan\u0131labilir. \u00d6rne\u011fin:<code data-no-auto-translation=\"\">the_title()<\/code>Makale Ba\u015fl\u0131\u011f\u0131:<code data-no-auto-translation=\"\">the_content()<\/code>Makale i\u00e7eri\u011fini \u00e7evirmek i\u00e7in makalenin tam metnini sa\u011flaman\u0131z gerekmektedir. L\u00fctfen makalenin t\u00fcm b\u00f6l\u00fcmlerini veya ilgili b\u00f6l\u00fcmlerini buraya yaz\u0131n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ana sorgu d\u00f6ng\u00fcs\u00fcn\u00fcn ba\u015f\u0131na ve sonuna kod ekleyerek veya d\u00f6ng\u00fc i\u00e7inde ko\u015fullu ifadeler kullanarak\u2026<code data-no-auto-translation=\"\">is_home()<\/code>\u3001<code data-no-auto-translation=\"\">is_single()<\/code>Farkl\u0131 sayfa i\u00e7eriklerini ayr\u0131nt\u0131l\u0131 bir \u015fekilde \u00f6zelle\u015ftirebilirsiniz.<\/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<h2 class=\"wp-block-heading\">Geli\u015fmi\u015f \u00f6zellikler olu\u015fturmak ve modern geli\u015ftirme uygulamalar\u0131n\u0131 benimsemek<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Temel \u015fablonlar\u0131 ve d\u00f6ng\u00fcleri \u00f6\u011frendikten sonra, daha karma\u015f\u0131k temal\u0131 \u00f6zelliklerin ger\u00e7ekle\u015ftirilmesine ba\u015flayabilir ve bunlar\u0131n profesyonelli\u011fini ve yeniden kullan\u0131labilirli\u011fini art\u0131rabilirsiniz.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bir fonksiyon kullanarak teman\u0131n geli\u015fmi\u015f \u00f6zelliklerini etkinle\u015ftirin.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728<code data-no-auto-translation=\"\">functions.php<\/code>Dosyada, bunu \u015fu \u015fekilde yapabilirsiniz:<code data-no-auto-translation=\"\">add_theme_support()<\/code>Bu fonksiyon, teman\u0131z\u0131n destekledi\u011fi \u00f6zellikleri belirtmek i\u00e7in kullan\u0131l\u0131r. Bu, \u00f6nemli bir ad\u0131md\u0131r; \u00e7\u00fcnk\u00fc WordPress\u2019e teman\u0131z\u0131n tasar\u0131m\u0131 s\u0131ras\u0131nda bu \u00f6zelliklerin g\u00f6z \u00f6n\u00fcnde bulunduruldu\u011funu bildirir. \u00d6rne\u011fin, teman\u0131z\u0131n makale \u00f6zel resimlerini desteklemesini sa\u011flayabilirsiniz; b\u00f6ylece kullan\u0131c\u0131lar makaleleri d\u00fczenlerken bir k\u00fc\u00e7\u00fck resim ayarlayabilirler.<\/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    \/\/ \u652f\u6301\u6587\u7ae0\u548c\u9875\u9762\u7684\u201c\u7279\u8272\u56fe\u50cf\u201d\u529f\u80fd\n    add_theme_support(&#039;post-thumbnails&#039;);\n    \/\/ \u652f\u6301HTML5\u7684\u4ee3\u7801\u7ed3\u6784\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;));\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 kenar \u00e7ubu\u011fu b\u00f6lgesi<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Profesyonel bir tema, kullan\u0131c\u0131lar\u0131n i\u00e7eri\u011fi arka plan ara\u00e7lar\u0131 ve men\u00fc aray\u00fczleri arac\u0131l\u0131\u011f\u0131yla y\u00f6netebilmesine olanak tan\u0131mal\u0131d\u0131r. Bunun i\u00e7in sizin\u2026<code data-no-auto-translation=\"\">functions.php<\/code>Bu b\u00f6lgeleri sisteme kaydedin. Bir navigasyon men\u00fcs\u00fc kaydettikten sonra, kullan\u0131c\u0131lar \u201cG\u00f6r\u00fcn\u00fcm\u201d -&gt; \u201cMen\u00fc\u201d b\u00f6l\u00fcm\u00fcnde men\u00fcleri olu\u015fturabilir ve bu men\u00fcleri ilgili konumlara atayabilirler.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/en\/knowledge\/wordpress\/wordpress-theme-development-guide-build-responsive-theme-from-scratch\/\">WordPress Tema Geli\u015ftirme Pratik Rehberi: S\u0131f\u0131rdan Ba\u015flayarak Profesyonel ve responsive (uyumlu mobil cihazlara) bir tema 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=\"\">\/\/ \u6ce8\u518c\u4e00\u4e2a\u5bfc\u822a\u83dc\u5355\u4f4d\u7f6e\nregister_nav_menus(array(\n    &#039;primary&#039; =&amp;gt; __(&#039;\u4e3b\u83dc\u5355&#039;, &#039;my-theme-text-domain&#039;),\n));\n\n\/\/ \u6ce8\u518c\u4e00\u4e2a\u4fa7\u8fb9\u680f\uff08\u5c0f\u5de5\u5177\u533a\u57df\uff09\nfunction mytheme_widgets_init() {\n    register_sidebar(array(\n        &#039;name&#039;          =&amp;gt; __(&#039;\u4e3b\u4fa7\u8fb9\u680f&#039;, &#039;my-theme-text-domain&#039;),\n        &#039;id&#039;            =&amp;gt; &#039;sidebar-1&#039;,\n        &#039;before_widget&#039; =&amp;gt; &#039;&lt;section id=&quot;%1$s&quot; class=&quot;widget %2$s&quot;&gt;&#039;,\n        &#039;after_widget&#039;  =&amp;gt; &#039;&lt;\/section&gt;&#039;,\n        &#039;before_title&#039;  =&amp;gt; &#039;&lt;h2 class=&quot;widget-title&quot;&gt;&#039;,\n        &#039;after_title&#039;   =&amp;gt; &#039;&lt;\/h2&gt;&#039;,\n    ));\n}\nadd_action(&#039;widgets_init&#039;, &#039;mytheme_widgets_init&#039;);<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Stillerin ve betiklerin do\u011fru bir \u015fekilde dahil edilmesi<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">CSS ve JavaScript dosyalar\u0131n\u0131 do\u011frudan \u015fablon dosyalar\u0131na yazmak hem standartlara ayk\u0131r\u0131d\u0131r hem de bak\u0131m\u0131 zordur. Do\u011fru yakla\u015f\u0131m, bu dosyalar\u0131 \u015fablon dosyalar\u0131ndan ayr\u0131 olarak tutmakt\u0131r.<code data-no-auto-translation=\"\">functions.php<\/code>\u00c7ince'de kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">wp_enqueue_style()<\/code>\u548c<code data-no-auto-translation=\"\">wp_enqueue_script()<\/code>Fonksiyonlar, g\u00fcvenli bir \u015fekilde s\u0131raya koyularak 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    \/\/ \u5f15\u5165\u4e3b\u9898\u7684\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style(&#039;mytheme-style&#039;, get_stylesheet_uri());\n    \/\/ \u5f15\u5165\u4e00\u4e2a\u81ea\u5b9a\u4e49\u7684JavaScript\u6587\u4ef6\n    wp_enqueue_script(&#039;mytheme-navigation&#039;, get_template_directory_uri() . &#039;\/js\/navigation.js&#039;, array(), null, true);\n}\nadd_action(&#039;wp_enqueue_scripts&#039;, &#039;mytheme_scripts&#039;);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bu y\u00f6ntem, dosyalar\u0131n do\u011fru \u015fekilde y\u00fcklendi\u011finden emin olur, \u00e7ak\u0131\u015fmalar\u0131 \u00f6nler ve WordPress\u2019in ba\u011f\u0131ml\u0131l\u0131k y\u00f6netimi ile \u00f6nbellek mekanizmalar\u0131ndan yararlan\u0131lmas\u0131n\u0131 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\/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<h2 class=\"wp-block-heading\">\u00d6zetle.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress tema geli\u015ftirme, bir klas\u00f6r olu\u015fturmak ve temel \u015fablon dosyalar\u0131n\u0131 yazmaktan ba\u015flayarak, \u015fablon yap\u0131lar\u0131n\u0131 anlamaya, d\u00f6ng\u00fc mant\u0131\u011f\u0131n\u0131 kavramaya, daha sonra ileri seviye \u00f6zellikler geli\u015ftirmeye ve en iyi uygulamalara uyum sa\u011flamaya kadar ilerleyen sistematik bir s\u00fcre\u00e7tir. Yerel bir ortam kurarak, \u015fablon yap\u0131lar\u0131n\u0131 \u00f6\u011frenerek, WordPress d\u00f6ng\u00fclerini kullanarak ve\u2026<code data-no-auto-translation=\"\">functions.php<\/code>Ortadaki organizasyonel kod yap\u0131s\u0131 sayesinde, hatta yeni ba\u015flayanlar bile s\u0131f\u0131rdan ba\u015flayarak i\u015flevsel ve yap\u0131sal olarak b\u00fct\u00fcnl\u00fckl\u00fc \u00f6zel temalar olu\u015fturabilirler. \u00d6nemli olan pratik yapmak ve \u201ckod \u2013 \u00f6nizleme \u2013 hata ay\u0131klama\u201d d\u00f6ng\u00fcs\u00fc i\u00e7inde s\u00fcrekli deneyim kazanarak bu beceriyi ger\u00e7ekten \u00f6\u011frenmektir.<\/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\">###: WordPress temas\u0131 geli\u015ftirmek i\u00e7in PHP \u00f6\u011frenmek zorunda m\u0131y\u0131m?<br \/>\nEvet, PHP, i\u015flevsel bir WordPress temas\u0131 geli\u015ftirmek i\u00e7in gerekli bir beceridir. \u00c7\u00fcnk\u00fc t\u00fcm WordPress \u015fablon dosyalar\u0131 ve \u00e7ekirdek mant\u0131\u011f\u0131 PHP ile yaz\u0131lm\u0131\u015ft\u0131r. G\u00f6r\u00fcn\u00fcm\u00fc tasarlamak i\u00e7in sayfa olu\u015fturucular kullanabilirsiniz; ancak bir teman\u0131n davran\u0131\u015flar\u0131n\u0131, veri sorgular\u0131n\u0131 ve \u015fablon yap\u0131s\u0131n\u0131 derinlemesine \u00f6zelle\u015ftirmek istiyorsan\u0131z, PHP kodunu anlamak ve yazabilmek \u015fartt\u0131r. Ayr\u0131ca HTML, CSS ve temel JavaScript bilgisine sahip olmak da ba\u015far\u0131l\u0131 bir tema geli\u015ftirmek i\u00e7in \u00f6nemli bir \u00f6n ko\u015fuldur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">`style.css` dosyas\u0131n\u0131n bir konu (topic) ile ilgili \u00f6zel bir i\u015flevi nedir?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">style.css<\/code>WordPress temalar\u0131nda dosyalar \u00e7ift rol oynar. \u0130lk olarak, dosyan\u0131n en \u00fcst\u00fcndeki yorum blo\u011fu, bir temay\u0131 tan\u0131mlamak i\u00e7in WordPress\u2019in kulland\u0131\u011f\u0131 \u201ckimlik kart\u0131d\u0131r\u201d ve teman\u0131n ad\u0131n\u0131, yazar\u0131n\u0131, a\u00e7\u0131klamas\u0131n\u0131, s\u00fcr\u00fcm numaras\u0131n\u0131 ve di\u011fer \u00f6nemli meta verilerini i\u00e7erir. Bu bilgiler olmadan, tema arka planda etkinle\u015ftirilemez. \u0130kincisi ve en \u00f6nemlisi, bu dosya teman\u0131n t\u00fcm stil kurallar\u0131n\u0131 i\u00e7eren ana stil \u015femas\u0131d\u0131r. Teman\u0131n\u0131z\u0131n birden fazla CSS dosyas\u0131 olsa bile, bu ana stil \u015femas\u0131 t\u00fcm stil ayarlar\u0131n\u0131 y\u00f6netir.<code data-no-auto-translation=\"\">style.css<\/code>Ve ba\u015fl\u0131k bilgileri hala mevcut olmal\u0131d\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\">Bir teman\u0131n di\u011fer dillere \u00e7evrilebilmesi i\u00e7in, geli\u015ftirme a\u015famas\u0131nda uluslararas\u0131la\u015ft\u0131rma (internationalization) i\u015flemlerinin yap\u0131lmas\u0131 gerekmektedir. \u00d6nemli olan, kullan\u0131c\u0131ya y\u00f6nelik t\u00fcm metinleri WordPress\u2019in sa\u011flad\u0131\u011f\u0131 \u00e7eviri fonksiyonlar\u0131 ile sararak korumakt\u0131r. En yayg\u0131n olarak kullan\u0131lan fonksiyon \u015fudur:<code data-no-auto-translation=\"\">()<\/code>\u00c7eviriyi geri g\u00f6stermek i\u00e7in kullan\u0131l\u0131r, ve<code data-no-auto-translation=\"\">esc_html()<\/code>Kullan\u0131m amac\u0131, karakterleri \u00f6zel anlamlar i\u00e7in d\u00f6n\u00fc\u015ft\u00fcrmek ve ard\u0131ndan orijinal hallerini tekrar g\u00f6stermektir. Ayn\u0131 zamanda, bunu yapmak i\u00e7in baz\u0131 ad\u0131mlar atman\u0131z gerekecektir.<code data-no-auto-translation=\"\">functions.php<\/code>Veya ana dosyada kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">load_theme_textdomain()<\/code>Bu fonksiyon, \u00e7eviri dosyalar\u0131n\u0131 y\u00fcklemek i\u00e7in kullan\u0131l\u0131r. Kod d\u00fczeyindeki haz\u0131rl\u0131klar tamamland\u0131ktan sonra, Poedit gibi ara\u00e7lar kullan\u0131larak \u00e7eviri dosyalar\u0131 olu\u015fturulabilir.<code data-no-auto-translation=\"\">.pot<\/code>\u015eablon dosyas\u0131, \u00e7evirmenlerin farkl\u0131 dillerde i\u00e7erikler olu\u015fturmas\u0131 i\u00e7in kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">.po<\/code>\u548c<code data-no-auto-translation=\"\">.mo<\/code>Dosya.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bir alt konu (subtopic) nedir ve neden buna ihtiyac\u0131m var?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Alt tema, ba\u015fka bir temadan (ana tema olarak adland\u0131r\u0131l\u0131r) t\u00fcm \u00f6zellikleri ve stilleri miras alan ba\u011f\u0131ms\u0131z bir temad\u0131r. Mevcut bir teman\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve i\u015flevlerini, ana teman\u0131n orijinal dosyalar\u0131n\u0131 do\u011frudan de\u011fi\u015ftirmeden g\u00fcvenli bir \u015fekilde de\u011fi\u015ftirmenize ve \u00f6zelle\u015ftirmenize olanak tan\u0131r. Bunun en b\u00fcy\u00fck avantaj\u0131, ana tema g\u00fcvenlik g\u00fcncellemeleri veya i\u015flevsel y\u00fckseltmeler ald\u0131\u011f\u0131nda, ana temay\u0131 do\u011frudan g\u00fcncelleyebilmenizdir; alt temada yapt\u0131\u011f\u0131n\u0131z \u00f6zelle\u015ftirmeler genellikle kaybolmaz veya \u00fczerine yaz\u0131lmaz. Bu, web sitesinin uzun vadeli istikrar\u0131n\u0131 ve g\u00fcvenli\u011fini korumak i\u00e7in \u00e7ok \u00f6nemlidir. Bir alt tema olu\u015fturmak i\u00e7in, standart ba\u015fl\u0131k bilgilerini i\u00e7eren bir dosyaya ihtiyac\u0131n\u0131z vard\u0131r.<code data-no-auto-translation=\"\">style.css<\/code>Ve biriyle<code data-no-auto-translation=\"\">functions.php<\/code>Sadece dosyaya ihtiyac\u0131m\u0131z var.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bu makale, WordPress tema geli\u015ftirmeye ba\u015flaman\u0131n ad\u0131mlar\u0131n\u0131 anlatmaktad\u0131r. \u00d6ncelikle, yerel geli\u015ftirme ortam\u0131n\u0131n nas\u0131l yap\u0131land\u0131r\u0131laca\u011f\u0131 ve bir kod edit\u00f6r\u00fcn\u00fcn nas\u0131l y\u00fcklenece\u011fi a\u00e7\u0131klanmaktad\u0131r. Daha sonra, WordPress temalar\u0131n\u0131n temel dosya yap\u0131s\u0131 detayl\u0131 bir \u015fekilde incelenmektedir; bunlar aras\u0131nda gerekli olan style.css ve functions.php dosyalar\u0131 yer almaktad\u0131r. Son olarak, temel \u015fablon dosyalar\u0131n\u0131n i\u015flevleri ve \u201cWordPress d\u00f6ng\u00fcs\u00fcn\u00fcn\u201d temel kod mant\u0131\u011f\u0131 a\u00e7\u0131klanarak, yeni ba\u015flayanlar i\u00e7in sa\u011flam bir geli\u015ftirme temeli olu\u015fturulmaktad\u0131r.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[1002,638,1001,1977,1000],"knowledge_category":[280],"class_list":["post-12379858","knowledge_post","type-knowledge_post","status-publish","hentry","tag-functions-php","tag-wordpress-theme-development","tag-theme-loop","tag-development-environment-setup","tag-template-files","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,WordPress\u6559\u7a0b,\u672c\u5730\u73af\u5883\u914d\u7f6e,\u4e3b\u9898\u7ed3\u6784,\u6a21\u677f\u6587\u4ef6,WordPress\u5faa\u73af,\u6838\u5fc3\u6280\u80fd,\u4ece\u96f6\u5f00\u59cb"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12379858","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\/12379858\/revisions"}],"predecessor-version":[{"id":12404078,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12379858\/revisions\/12404078"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12379858"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12379858"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12379858"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}