{"id":12372915,"date":"2026-03-16T20:08:33","date_gmt":"2026-03-16T12:08:33","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e4%bb%8e%e9%9b%b6%e5%bc%80%e5%a7%8b%ef%bc%9awordpress-%e4%b8%bb%e9%a2%98%e5%bc%80%e5%8f%91%e5%ae%8c%e6%95%b4%e6%8c%87%e5%8d%97%e4%b8%8e%e6%9c%80%e4%bd%b3%e5%ae%9e%e8%b7%b5\/"},"modified":"2026-06-04T08:10:51","modified_gmt":"2026-06-04T00:10:51","slug":"wordpress-theme-development-guide-best-practices-9awordpress","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-guide-best-practices-9awordpress\/","title":{"rendered":"S\u0131f\u0131rdan ba\u015flayarak: WordPress tema geli\u015ftirme eksiksiz rehberi ve en iyi uygulamalar\u0131."},"content":{"rendered":"<h2 class=\"wp-block-heading\">Haz\u0131rl\u0131k \u0130\u015flemleri ve Ortam Kurulumu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kod yazmaya ba\u015flamadan \u00f6nce, verimli ve standartlara uygun bir yerel geli\u015ftirme ortam\u0131 olu\u015fturmak \u00e7ok \u00f6nemlidir. Bu, sadece geli\u015ftirme verimlili\u011fini art\u0131rmakla kalmaz, ayn\u0131 zamanda teman\u0131n stabilitesini ve ta\u015f\u0131nabilirli\u011fini de sa\u011flar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Yerel geli\u015ftirme ortam\u0131n\u0131n yap\u0131land\u0131r\u0131lmas\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yerel sunucu yaz\u0131l\u0131m paketlerini kullanman\u0131z \u00f6nerilir; \u00f6rne\u011fin Local by Flywheel, XAMPP veya MAMP. Bu ara\u00e7lar, Apache\/Nginx, PHP ve MySQL\u2019i tek t\u0131klamayla kurman\u0131za ve ger\u00e7ek bir \u00e7evrimi\u00e7i sunucu ortam\u0131n\u0131 sim\u00fcle etmenize olanak tan\u0131r. PHP s\u00fcr\u00fcm\u00fcn\u00fcz\u00fcn 7.4 veya daha y\u00fcksek oldu\u011fundan emin olun ve gerekli eklentilerin (\u00f6rne\u011fin MySQLi, GD k\u00fct\u00fcphanesi) etkinle\u015ftirildi\u011finden emin olun.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c7ekirdek Dosyalar ve Klas\u00f6r Yap\u0131s\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bir standart WordPress temas\u0131 belirli dosyalar i\u00e7ermelidir. \u00d6ncelikle, WordPress kurulum dizininizin alt\u0131nda\u2026 <code data-no-auto-translation=\"\">wp-content\/themes<\/code> Dosya i\u00e7inde, konu ad\u0131n\u0131zla adland\u0131r\u0131lm\u0131\u015f bir klas\u00f6r olu\u015fturun, \u00f6rne\u011fin: <code data-no-auto-translation=\"\">my-first-theme<\/code>Bu klas\u00f6rde, iki temel dosya olu\u015fturulmal\u0131d\u0131r:<code data-no-auto-translation=\"\">style.css<\/code> \u548c <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\/ja\/knowledge\/wordpress\/wordpress-theme-development-complete-guide-from-scratch-8ewordpress\/\">M\u00fckemmel bir WordPress temas\u0131 olu\u015fturma: S\u0131f\u0131rdan uzmana kadar kapsaml\u0131 bir geli\u015ftirme rehberi<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">style.css<\/code> Sadece bir stil \u015femas\u0131 de\u011fil; ayn\u0131 zamanda bir teman\u0131n \u201ckimlik kart\u0131\u201dd\u0131r ve dosyan\u0131n ba\u015f k\u0131sm\u0131ndaki yorum bloklar\u0131, temanla ilgili bilgileri belirtmek i\u00e7in kullan\u0131l\u0131r. Temel bir \u00f6rnek a\u015fa\u011f\u0131daki gibidir:<\/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<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-css\" data-no-auto-translation=\"\">\/*\nTheme Name: My First Theme\nTheme URI: https:\/\/example.com\/my-first-theme\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\nDescription: \u4e00\u4e2a\u4ece\u96f6\u5f00\u59cb\u5f00\u53d1\u7684\u7b80\u6d01 WordPress \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\"><code data-no-auto-translation=\"\">index.php<\/code> Bu, konunun varsay\u0131lan \u015fablon dosyas\u0131d\u0131r ve di\u011fer \u015fablon dosyalar\u0131 eksik olsa bile mutlaka mevcut olmal\u0131d\u0131r. Bu durumda, test amac\u0131yla kullan\u0131labilecek basit bir HTML yap\u0131s\u0131 olabilir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u015eablon hiyerar\u015fisini anlamak ve temel \u015fablonlar olu\u015fturmak<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress, farkl\u0131 t\u00fcrdeki sayfalar i\u00e7in hangi \u015fablon dosyas\u0131n\u0131n y\u00fcklenece\u011fine karar vermek i\u00e7in bir \u015fablon hiyerar\u015fisi sistemi kullan\u0131r. Bu sistemi anlamak, tema geli\u015ftirmenin temelini olu\u015fturur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u015eablon dosyalar\u0131n\u0131n i\u015flevi ve y\u00fckleme s\u0131ras\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bir sayfaya eri\u015fildi\u011finde, WordPress ilgili \u015fablon dosyalar\u0131n\u0131 belirli bir s\u0131rayla arar. \u00d6rne\u011fin, bir blog makalesine eri\u015fildi\u011finde, WordPress s\u0131ras\u0131yla \u015funlar\u0131 arar:<code data-no-auto-translation=\"\">single-post-{post-id}.php<\/code>\u3001<code data-no-auto-translation=\"\">single-post.php<\/code>\u3001<code data-no-auto-translation=\"\">single.php<\/code>Son olarak, <code data-no-auto-translation=\"\">singular.php<\/code>E\u011fer hi\u00e7biri bulunamazsa, \u00f6nceki duruma geri d\u00f6n\u00fcl\u00fcr. <code data-no-auto-translation=\"\">index.php<\/code>Ana sayfa, makale sayfas\u0131, sayfa detaylar\u0131 ve kategori ar\u015fiv sayfalar\u0131n\u0131n her birinin kendine ait \u015fablon bulma mekanizmalar\u0131 vard\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bir ba\u015fl\u0131k ve alt bilgi (footer) \u015fablonu olu\u015fturun.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">DRY (Don't Repeat Yourself \u2013 Kendini Tekrarlama) ilkesine uymak i\u00e7in, ba\u015fl\u0131k ve alt bilgi (footer) kodlar\u0131n\u0131 ayr\u0131 dosyalar haline getirece\u011fiz. Haz\u0131rlay\u0131n. <code data-no-auto-translation=\"\">header.php<\/code> \u548c <code data-no-auto-translation=\"\">footer.php<\/code>\u3002<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/ja\/knowledge\/wordpress\/wordpress-theme-development-guide-from-beginner-to-expert-12372856\/\">WordPress Tema Geli\u015ftirme Konusunda Derinlemesine Bilgi: Ba\u015flang\u0131\u00e7tan Uzmanl\u0131\u011fa Kadar Temel Rehber<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">header.php<\/code> Dosyalar genellikle belge t\u00fcr\u00fc beyanlar\u0131n\u0131 i\u00e7erir.<code data-no-auto-translation=\"\"><\/code> B\u00f6lge ve sayfa ba\u015f\u0131ndaki ortak yap\u0131lar (\u00f6rne\u011fin web sitesi logosu ve ana navigasyon). \u00d6nemli olan, bunlar\u0131n \u00e7a\u011fr\u0131lmas\u0131 gerekti\u011fidir. <code data-no-auto-translation=\"\">wp_head()<\/code> Bu fonksiyonlar, WordPress \u00e7ekirde\u011finin, eklentilerin ve temalar\u0131n kendilerinin gerekli kodlar\u0131 (\u00f6rne\u011fin stil \u015femalar\u0131, betikler, meta etiketler) buraya enjekte edebilmesini sa\u011flar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">footer.php<\/code> Dosya, sayfan\u0131n alt k\u0131sm\u0131ndaki ortak i\u00e7eri\u011fi i\u00e7ermektedir ve mutlaka \u00e7a\u011fr\u0131lmal\u0131d\u0131r. <code data-no-auto-translation=\"\">wp_footer()<\/code> Fonksiyon. Sonra, <code data-no-auto-translation=\"\">index.php<\/code> Burada kullanabilirsiniz. <code data-no-auto-translation=\"\">get_header()<\/code> \u548c <code data-no-auto-translation=\"\">get_footer()<\/code> Onlar\u0131 kullanmak i\u00e7in bir fonksiyon kullan\u0131n:<\/p>\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&gt;\n    &lt;h1&gt;Merhaba, WordPress!&lt;\/h1&gt;\n    &lt;!-- \u4e3b\u5faa\u73af\u5c06\u5728\u8fd9\u91cc\u8fdb\u884c --&gt;\n&lt;\/main&gt;\n\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Ana d\u00f6ng\u00fcy\u00fc ve i\u00e7erik g\u00f6sterimini ger\u00e7ekle\u015ftirin.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress, veritaban\u0131ndan i\u00e7erik almak ve g\u00f6stermek i\u00e7in \u201cd\u00f6ng\u00fcler\u201d kullan\u0131r. D\u00f6ng\u00fcler, tema \u015fablonlar\u0131n\u0131n en \u00f6nemli par\u00e7alar\u0131d\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<h3 class=\"wp-block-heading\">D\u00f6ng\u00fclerin Temel S\u00f6zdizimi ve Yayg\u0131n Kullan\u0131lan Fonksiyonlar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00f6ng\u00fcn\u00fcn standart kod 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() ) : ?&gt;\n    &lt;?php while ( have_posts() ) : the_post(); ?&gt;\n\n&lt;!-- \u5728\u6b64\u5904\u8f93\u51fa\u6587\u7ae0\u5185\u5bb9 --&gt;\n\n&lt;?php endwhile; ?&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00f6ng\u00fc i\u00e7inde, i\u00e7eri\u011fi \u00e7\u0131karmak i\u00e7in bir dizi \u015fablon etiketi fonksiyonu kullanabilirsiniz, \u00f6rne\u011fin:<code data-no-auto-translation=\"\">the_title()<\/code> Makale Ba\u015fl\u0131\u011f\u0131:<code data-no-auto-translation=\"\">the_content()<\/code> \u00c7\u0131kt\u0131 makalesinin metnini verin.<code data-no-auto-translation=\"\">the_permalink()<\/code> Makale ba\u011flant\u0131s\u0131n\u0131 al\u0131n.<code data-no-auto-translation=\"\">the_post_thumbnail()<\/code> \u00c7\u0131k\u0131\u015f makalesinin \u00f6ne \u00e7\u0131kan g\u00f6rsellerini g\u00f6sterin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Makale listesi ve tek makale \u015fablonu olu\u015fturma<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ana sayfa veya ar\u015fiv sayfas\u0131 i\u00e7in genellikle makale listesini g\u00f6stermemiz gerekiyor. Bunu ger\u00e7ekle\u015ftirmek i\u00e7in bir \u015feyler olu\u015fturabiliriz. <code data-no-auto-translation=\"\">content.php<\/code> Veya kullan\u0131n. <code data-no-auto-translation=\"\">get_template_part()<\/code> Her makalenin \u00f6zetini mod\u00fcler bir \u015fekilde g\u00f6sterin. Ayn\u0131 zamanda, gerekli yap\u0131lar\u0131 olu\u015fturmal\u0131s\u0131n\u0131z. <code data-no-auto-translation=\"\">single.php<\/code> Tek bir makalenin tam i\u00e7eri\u011fini g\u00f6stermek i\u00e7in kullan\u0131l\u0131r, ayr\u0131ca\u2026 <code data-no-auto-translation=\"\">page.php<\/code> Statik sayfalar\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/ja\/knowledge\/wordpress\/wordpress-theme-development-complete-practice-guide\/\">WordPress Tema Geli\u015ftirme \u00dczerine Derinlemesine Analiz: Ba\u015flang\u0131\u00e7tan Uzmanl\u0131\u011fa Kadar Tam Bir Pratik Rehber<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<p class=\"wp-block-paragraph\">Basit bir makale listesi \u00f6\u011fesi \u00f6rne\u011fi:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;article id=&quot;post-&lt;?php the_ID(); ?&gt;&quot; no numeric noise key 1003&gt;\n    &lt;header class=&quot;entry-header&quot;&gt;\n        &lt;h2 class=&quot;entry-title&quot;&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;\/header&gt;\n    &lt;div class=&quot;entry-summary&quot;&gt;\n        &lt;?php the_excerpt(); ?&gt;\n    &lt;\/div&gt;\n&lt;\/article&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Entegre edilmi\u015f i\u015flevler ve geli\u015fmi\u015f \u00f6zellikler<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Olgun bir tema sadece i\u00e7eri\u011fi g\u00f6stermekle kalmaz; ayn\u0131 zamanda kenar \u00e7ubuklar\u0131, men\u00fcler, \u00f6zelle\u015ftirilebilir \u00f6zellikler gibi ek \u00f6zellikleri de entegre etmelidir.<\/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<h3 class=\"wp-block-heading\">Kay\u0131t men\u00fcs\u00fc ve yan men\u00fc.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress, temalar\u0131n navigasyon men\u00fclerini destekleyecek \u015fekilde ayarlanmas\u0131na izin verir. Teman\u0131n\u2026 <code data-no-auto-translation=\"\">functions.php<\/code> Dosyada, kullan\u0131lan\u2026 <code data-no-auto-translation=\"\">register_nav_menus()<\/code> Fonksiyonun kaydedilmesi:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function my_first_theme_setup() {\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;after_setup_theme&#039;, &#039;my_first_theme_setup&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Daha sonra, \u015fablon dosyas\u0131nda (\u00f6rne\u011fin\u2026) <code data-no-auto-translation=\"\">header.php<\/code>\u0130\u00e7erikte, <font> kullan\u0131lmaktad\u0131r.<\/font> <code data-no-auto-translation=\"\">wp_nav_menu()<\/code> Bir fonksiyon, men\u00fcy\u00fc g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kenar \u00e7ubu\u011fundaki (ara\u00e7 \u00e7ubu\u011fu) kay\u0131t i\u015flemi de benzer \u015fekilde yap\u0131l\u0131r. <code data-no-auto-translation=\"\">register_sidebar()<\/code> Daha sonra, kullan\u0131c\u0131lar arka plandaki \u201cAra\u00e7lar\u201d aray\u00fcz\u00fc \u00fczerinden bu b\u00f6lgelere i\u00e7erik ekleyebilirler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konu \u00f6zelle\u015ftiricisi ve \u00f6zelle\u015ftirme fonksiyonlar\u0131.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress\u2019\u0131n \u00d6zelle\u015ftirici (Customizer) arac\u0131, kullan\u0131c\u0131lar\u0131n tema ayarlar\u0131n\u0131 ger\u00e7ek zamanl\u0131 olarak \u00f6nizlemesine ve de\u011fi\u015ftirmesine olanak tan\u0131r. Bunu \u015fu \u015fekilde yapabilirsiniz: <code data-no-auto-translation=\"\">functions.php<\/code> Dosyalar\u0131 kullanmak i\u00e7in <code data-no-auto-translation=\"\">$wp_customize<\/code> API, site logosu, renk \u015femalar\u0131 veya sayfa alt\u0131 telif hakk\u0131 bilgileri gibi ayarlar ve kontrol \u00f6\u011feleri ekler. Bu, geleneksel tema se\u00e7enek sayfalar\u0131na k\u0131yasla WordPress\u2019in resmi standartlar\u0131na daha uygun bir yakla\u015f\u0131md\u0131r.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ayr\u0131ca, teman\u0131z\u0131n \u00f6zel g\u00f6rselleri destekledi\u011finden emin olun (bunu\u2026 yoluyla yapabilirsiniz). <code data-no-auto-translation=\"\">add_theme_support( \u2018post-thumbnails\u2019 )<\/code>Responsive tasar\u0131m ve iyi bir eri\u015filebilirlik altyap\u0131s\u0131na sahiptir.<\/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, bir ortam olu\u015fturmaktan, \u015fablon yap\u0131lar\u0131n\u0131 anlamaya, temel d\u00f6ng\u00fcleri ger\u00e7ekle\u015ftirmekten ve geli\u015fmi\u015f \u00f6zellikleri entegre etmeye kadar sistematik bir s\u00fcre\u00e7tir. \u015eablon bile\u015fenlerini kullanmak, men\u00fc ve kenar \u00e7ubuklar\u0131n\u0131 do\u011fru bir \u015fekilde kaydetmek, \u00f6zelle\u015ftirici API\u2019lerinden yararlanmak gibi en iyi uygulamalara uyum sa\u011flamak, sadece geli\u015ftirme verimlili\u011fini art\u0131rmakla kalmaz; ayn\u0131 zamanda stabil, kullan\u0131m\u0131 kolay ve standartlara uygun temalar olu\u015fturman\u0131za da olanak tan\u0131r. \u00d6nemli olan, WordPress\u2019in veri ak\u0131\u015f\u0131n\u0131 ve kancalama (hook) mekanizmalar\u0131n\u0131 anlamakt\u0131r; bu da size \u00f6zelle\u015ftirilmi\u015f \u00f6zellikler geli\u015ftirme imkan\u0131 sunar.<\/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\">###: Tema geli\u015ftirme i\u00e7in PHP bilmek zorunda m\u0131y\u0131m?<br \/>\nEvet, PHP, WordPress\u2019in temel programlama dilidir. Sayfa olu\u015fturucular kullan\u0131labilir; ancak derinlemesine \u00f6zelle\u015ftirmeler yapmak ve yeni \u00f6zellikler geli\u015ftirmek i\u00e7in PHP\u2019yi iyi bilmek \u015fartt\u0131r. Ayn\u0131 zamanda HTML, CSS ve temel JavaScript bilgilerine de sahip olman\u0131z gerekmektedir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">functions.php dosyas\u0131n\u0131n i\u015flevi nedir?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">functions.php<\/code> Bu dosya, teman\u0131z\u0131n \u201ci\u015flevsel k\u00fct\u00fcphanesi\u201ddir. Tema \u00f6zelliklerini eklemek, men\u00fcler ve kenar \u00e7ubuklar\u0131n\u0131 y\u00f6netmek, tema deste\u011fini (\u00f6rne\u011fin makale \u00f6zetlerini) etkinle\u015ftirmek, stil \u015femalar\u0131n\u0131 ve betik dosyalar\u0131n\u0131 s\u0131rayla y\u00fcklemek ve \u00e7e\u015fitli \u00f6zelle\u015ftirilmi\u015f fonksiyonlar tan\u0131mlamak i\u00e7in kullan\u0131l\u0131r. Tema ba\u015flat\u0131ld\u0131\u011f\u0131nda otomatik olarak y\u00fcklenir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nas\u0131l temam\u0131 \u00e7ok dilli olarak destekleyebilirim?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Metnin uluslararas\u0131la\u015ft\u0131r\u0131lmas\u0131 i\u00e7in haz\u0131rl\u0131klar\u0131n\u0131z\u0131 yapman\u0131z gerekiyor. Kodunuzda, kullan\u0131c\u0131ya y\u00f6nelik t\u00fcm metinler i\u00e7in WordPress\u2019in \u00e7eviri fonksiyonlar\u0131n\u0131 kullan\u0131n. \u00d6rne\u011fin: <code data-no-auto-translation=\"\">__()<\/code> \u6216 <code data-no-auto-translation=\"\">_e()<\/code>Ve bunlar i\u00e7in belirli konumlar\u0131 belirtin. <code data-no-auto-translation=\"\">style.css<\/code> Ba\u015fl\u0131k k\u0131sm\u0131nda tan\u0131mlanan metin alan\u0131 (Text Domain). Daha sonra, Poedit gibi bir ara\u00e7 kullanarak .pot \u00e7eviri \u015fablonu dosyas\u0131 olu\u015fturulur; \u00e7evirmenler bu \u015fablonu temel alarak .po ve .mo dil dosyalar\u0131n\u0131 olu\u015fturabilirler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Geli\u015ftirme i\u015flemi tamamland\u0131ktan sonra, bir teman\u0131n uyumlulu\u011funu nas\u0131l test edebiliriz?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ncelikle, farkl\u0131 PHP s\u00fcr\u00fcmlerinde (\u00f6zellikle daha yeni s\u00fcr\u00fcmlerde) testler yapmaktan emin olun. \u0130kincisi, potansiyel sorunlar\u0131 tespit etmek i\u00e7in WordPress sa\u011fl\u0131k kontrol ara\u00e7lar\u0131n\u0131 veya eklentilerini kullan\u0131n. Son olarak, \u00e7e\u015fitli taray\u0131c\u0131larda ve farkl\u0131 boyutlardaki cihazlarda \u00f6n u\u00e7 testleri ger\u00e7ekle\u015ftirin ve pop\u00fcler eklentilerle birlikte kullanmay\u0131 deneyin; herhangi bir \u00e7ak\u0131\u015fma olup olmad\u0131\u011f\u0131n\u0131 kontrol edin.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bu makale, WordPress tema geli\u015ftirmenin tam s\u00fcrecini sistematik bir \u015fekilde anlatmaktad\u0131r. \u00d6ncelikle yerel geli\u015ftirme ortam\u0131n\u0131n nas\u0131l kurulaca\u011f\u0131 ve standart klas\u00f6r yap\u0131s\u0131n\u0131n nas\u0131l olu\u015fturulaca\u011f\u0131 a\u00e7\u0131klanmaktad\u0131r. Daha sonra, \u015fablon hiyerar\u015fisi mekanizmas\u0131 ayr\u0131nt\u0131l\u0131 bir \u015fekilde incelenmekte ve ba\u015fl\u0131k ve alt bilgi \u015fablonlar\u0131n\u0131n nas\u0131l olu\u015fturulaca\u011f\u0131, ana d\u00f6ng\u00fcn\u00fcn ve i\u00e7erik g\u00f6steriminin nas\u0131l ger\u00e7ekle\u015ftirilece\u011fi konusunda y\u00f6nlendirmeler verilmektedir. B\u00f6ylece geli\u015ftiricilere net bir uygulama yol haritas\u0131 sunulmaktad\u0131r.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[638,2034,1910,1950,1906],"knowledge_category":[280],"class_list":["post-12372915","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-theme-development","tag-wordpress-development-guide","tag-theme-development-tutorial","tag-1950","tag-template-hierarchy","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,WordPress\u6559\u7a0b,\u4e3b\u9898\u5236\u4f5c\u6307\u5357,\u6a21\u677f\u5c42\u7ea7,\u4e3b\u5faa\u73af,\u672c\u5730\u73af\u5883\u642d\u5efa,WordPress\u4e3b\u9898\u6700\u4f73\u5b9e\u8df5,\u4ece\u96f6\u5f00\u53d1WordPress\u4e3b\u9898"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12372915","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\/12372915\/revisions"}],"predecessor-version":[{"id":12405540,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12372915\/revisions\/12405540"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12372915"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12372915"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12372915"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}