{"id":12367728,"date":"2026-03-14T07:39:03","date_gmt":"2026-03-13T23:39:03","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e6%b7%b1%e5%ba%a6%e8%a7%a3%e6%9e%90%e4%b8%bb%e9%a2%98%e5%bc%80%e5%8f%91%e6%a0%b8%e5%bf%83%ef%bc%9a%e4%bb%8e%e9%9b%b6%e6%9e%84%e5%bb%ba%e9%ab%98%e6%95%88wordpress%e4%b8%bb%e9%a2%98%e7%9a%84%e5%ae%8c\/"},"modified":"2026-06-04T12:05:35","modified_gmt":"2026-06-04T04:05:35","slug":"wordpress-theme-development-complete-guide-from-scratch-88wordpress","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-complete-guide-from-scratch-88wordpress\/","title":{"rendered":"Derinlemesine Analiz: Tema Geli\u015ftirmenin \u00d6z\u00fc \u2013 S\u0131f\u0131rdan Y\u00fcksek Verimli Bir WordPress Temas\u0131 Olu\u015fturman\u0131n Kapsaml\u0131 Rehberi"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Geli\u015ftirme Ortam\u0131 ve Proje Ba\u015flatma<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bir WordPress temas\u0131n\u0131n ba\u015far\u0131l\u0131 bir \u015fekilde geli\u015ftirilmesi, sa\u011flam bir pratik ortam\u0131ndan ba\u015flar. Local, XAMPP veya DevKinsta gibi yerel geli\u015ftirme ortamlar\u0131n\u0131n kullan\u0131lmas\u0131 \u00f6nerilir; bu ortamlar \u00e7evrimi\u00e7i sunucu ko\u015fullar\u0131n\u0131 sim\u00fcle eder ve h\u0131zl\u0131 bir geri d\u00f6n\u00fc\u015f sa\u011flar. WordPress\u2019i yerel ortama kurduktan sonra, teman\u0131n temel yap\u0131s\u0131n\u0131 olu\u015fturmaya ba\u015flayabilirsiniz.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bir WordPress temas\u0131, esasen bir\u2026<code data-no-auto-translation=\"\">wp-content\/themes\/<\/code>Katalogdaki klas\u00f6rler. \u00d6ncelikle, konu ad\u0131yla adland\u0131r\u0131lm\u0131\u015f bir klas\u00f6r olu\u015fturman\u0131z gerekiyor, \u00f6rne\u011fin\u2026<code data-no-auto-translation=\"\">my-advanced-theme<\/code>Bu klas\u00f6rde, iki temel dosyan\u0131n bulunmas\u0131 gerekmektedir:<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>Dosya sadece stilleri i\u00e7ermekle kalmaz; ayn\u0131 zamanda \u00fcst k\u0131sm\u0131ndaki yorum blo\u011fu, teman\u0131n \u201ckimlik kart\u0131\u201d g\u00f6revi g\u00f6r\u00fcr ve WordPress\u2019e tema ile ilgili bilgileri bildirir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konu bilgi beyan\u0131 dosyas\u0131.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">style.css<\/code>Dosyan\u0131n en \u00fcst\u00fcndeki yorum blo\u011fu zorunludur. Bu blok, teman\u0131n ad\u0131n\u0131, yazar\u0131n\u0131, a\u00e7\u0131klamas\u0131n\u0131, s\u00fcr\u00fcm\u00fcn\u00fc ve di\u011fer meta verilerini tan\u0131mlar. WordPress aray\u00fcz\u00fcndeki \u201cG\u00f6r\u00fcn\u00fcm\u201d -&gt; \u201cTemalar\u201d b\u00f6l\u00fcm\u00fc, teman\u0131z\u0131 g\u00f6stermek i\u00e7in bu bilgileri okur.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/fi\/knowledge\/wordpress\/wordpress-theme-development-guide-build-responsive-website-from-scratch\/\">WordPress Tema Geli\u015ftirme Pratik Rehberi: S\u0131f\u0131rdan Ba\u015flayarak Profesyonel ve Uyarlanabilir 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-css\" data-no-auto-translation=\"\">\/*\nTheme Name: My Advanced Theme\nTheme URI: https:\/\/example.com\/my-advanced-theme\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\nDescription: \u4e00\u4e2a\u4e3a\u9ad8\u6548\u4e0e\u53ef\u5b9a\u5236\u6027\u800c\u751f\u7684\u73b0\u4ee3WordPress\u4e3b\u9898\u3002\nVersion: 1.0.0\nLicense: GPL v2 or later\nText Domain: my-advanced-theme\n*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Dikkat:<code data-no-auto-translation=\"\">Text Domain<\/code>Uluslararas\u0131la\u015ft\u0131rma amac\u0131yla kullan\u0131l\u0131r ve tema klas\u00f6r\u00fcn\u00fcz\u00fcn ad\u0131yla uyumlu olmal\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\/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<h3 class=\"wp-block-heading\">Temel \u015fablon dosyalar\u0131n\u0131n yap\u0131s\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">index.php<\/code>Bu, teman\u0131n varsay\u0131lan \u015fablon dosyas\u0131d\u0131r ve ayn\u0131 zamanda t\u00fcm sayfalar i\u00e7in yedek \u015fablon olarak da kullan\u0131l\u0131r. En basit ve uygulanabilir se\u00e7enek budur.<code data-no-auto-translation=\"\">index.php<\/code>Yaln\u0131zca web sitesinin ba\u015f k\u0131sm\u0131n\u0131, i\u00e7erik d\u00f6ng\u00fcs\u00fcn\u00fc ve alt k\u0131sm\u0131n\u0131 (footer) almak i\u00e7in gerekli temel fonksiyon \u00e7a\u011fr\u0131lar\u0131n\u0131 i\u00e7erebilir.<\/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 id=&quot;primary&quot; class=&quot;site-main&quot;&gt;\n    &lt;?php\n    if ( have_posts() ) :\n        while ( have_posts() ) :\n            the_post();\n            \/\/ \u6587\u7ae0\u5185\u5bb9\u8f93\u51fa\n        endwhile;\n    else :\n        \/\/ \u6ca1\u6709\u627e\u5230\u5185\u5bb9\u7684\u8f93\u51fa\n    endif;\n    ?&gt;\n&lt;\/main&gt;\n\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c7ekirdek \u015eablon Yap\u0131sal \u0130zlemi ve Fonksiyonlar\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress\u2019in \u015fablon hiyerar\u015fisini anlamak, verimli geli\u015ftirmenin anahtar\u0131d\u0131r. WordPress, mevcut sayfa t\u00fcr\u00fcne (\u00f6rne\u011fin ana sayfa, makale sayfas\u0131, sayfa, kategori ar\u015fivi) g\u00f6re en uygun \u015fablon dosyas\u0131n\u0131 otomatik olarak bulur; bu da geli\u015ftiricilerin karma\u015f\u0131k ko\u015ful kontrol\u00fc mant\u0131\u011f\u0131 yazmalar\u0131n\u0131 \u00f6nler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u015eablon dosyalar\u0131n\u0131n y\u00fckleme s\u0131ras\u0131n\u0131 anlamak<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kullan\u0131c\u0131lar bir makaleye eri\u015fti\u011finde, WordPress a\u015fa\u011f\u0131daki dosyalar\u0131 s\u0131rayla arar:<code data-no-auto-translation=\"\">single-post-{post-type}-{slug}.php<\/code>, <code data-no-auto-translation=\"\">single-post-{post-type}.php<\/code>, <code data-no-auto-translation=\"\">single.php<\/code>, <code data-no-auto-translation=\"\">singular.php<\/code>Son olarak,<code data-no-auto-translation=\"\">index.php<\/code>Bu hiyerar\u015fik yap\u0131, farkl\u0131 i\u00e7erik t\u00fcrleri i\u00e7in son derece \u00f6zelle\u015ftirilmi\u015f d\u00fczenlemeler olu\u015fturman\u0131za olanak tan\u0131r. \u00d6rne\u011fin, bir\u2026<code data-no-auto-translation=\"\">single-book.php<\/code>\u201cKitap\u201d \u00f6zel makale t\u00fcr\u00fcn\u00fc \u00f6zel olarak sergileyen makalelerin stil ve yap\u0131s\u0131, normal blog makalelerinden ba\u011f\u0131ms\u0131z olacakt\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Yayg\u0131n Kullan\u0131lan \u015eablon Etiketleri ve D\u00f6ng\u00fcler<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u015eablon etiketleri, WordPress taraf\u0131ndan sa\u011flanan yerle\u015fik PHP fonksiyonlar\u0131d\u0131r ve \u015fablon dosyalar\u0131nda dinamik i\u00e7eriklerin g\u00f6r\u00fcnt\u00fclenmesi i\u00e7in kullan\u0131l\u0131r. En temel olan\u0131 \u201cD\u00f6ng\u00fc\u201d (The Loop)\u2019d\u00fcr; bu d\u00f6ng\u00fc, mevcut sorgu sonucu elde edilen makale listesini gezinmek ve bu makaleleri 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\/tr\/fi\/knowledge\/wordpress\/wordpress-theme-development-complete-guide-tutorial-a1wordpress\/\">WordPress Tema Geli\u015ftirme: S\u0131f\u0131rdan Ba\u015flayarak Kapsaml\u0131 Bir Rehber ve Pratik Teknikler<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<p class=\"wp-block-paragraph\">D\u00f6ng\u00fc i\u00e7inde, \u015funlar gibi \u015feyler kullanabilirsiniz:<code data-no-auto-translation=\"\">the_title()<\/code>\u3001<code data-no-auto-translation=\"\">the_content()<\/code>\u3001<code data-no-auto-translation=\"\">the_permalink()<\/code>\u3001<code data-no-auto-translation=\"\">the_post_thumbnail()<\/code>Her makalenin ayr\u0131nt\u0131l\u0131 bilgilerini \u00e7\u0131karmak i\u00e7in `print` gibi fonksiyonlar 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 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;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-content&quot;&gt;\n            &lt;?php the_excerpt(); \/\/ \u8f93\u51fa\u6587\u7ae0\u6458\u8981 ?&gt;\n        &lt;\/div&gt;\n    &lt;\/article&gt;\n&lt;?php endwhile; ?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">post_class()<\/code>Fonksiyon, makale konteyneri i\u00e7in bir dizi CSS s\u0131n\u0131f\u0131 olu\u015fturur; bu da makale t\u00fcr\u00fcne, format\u0131na vb. g\u00f6re stil belirlemede b\u00fcy\u00fck kolayl\u0131k sa\u011flar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Konu \u00f6zelliklerinin ve stillerinin entegrasyonu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Profesyonel bir tema sadece estetik bir aray\u00fcze sahip olmakla kalmamal\u0131, ayn\u0131 zamanda i\u015flevsel dosyalar arac\u0131l\u0131\u011f\u0131yla yeteneklerini de geli\u015ftirmeli ve stiller ile betikleri de uygun bir \u015fekilde y\u00f6netmelidir.<\/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\">Konu \u00d6zellikleri Dosyas\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">functions.php<\/code>Bu dosya, teman\u0131z\u0131n \u201ckontrol merkezidir\u201d. Bir \u015fablon dosyas\u0131 de\u011fil; teman\u0131z ba\u015flat\u0131ld\u0131\u011f\u0131nda otomatik olarak y\u00fcklenir. Burada teman\u0131n\u0131z\u0131n destekledi\u011fi \u00f6zellikleri tan\u0131mlayabilir, men\u00fcler ve kenar \u00e7ubuklar\u0131n\u0131 ekleyebilir, teman\u0131n\u0131za \u00f6zel \u00f6zellikler ekleyebilir ve ayr\u0131ca betikleri ve stil \u015femalar\u0131n\u0131 g\u00fcvenli bir \u015fekilde dahil edebilirsiniz.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Kay\u0131t men\u00fcs\u00fc ve kenar \u00e7ubu\u011fu<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">ge\u00e7mek (bir fatura veya tefti\u015f vb.)<code data-no-auto-translation=\"\">register_nav_menus()<\/code>Fonksiyonlar arac\u0131l\u0131\u011f\u0131yla, temada kullan\u0131labilir yemek birimlerinin konumlar\u0131n\u0131 tan\u0131mlayabilirsiniz.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function my_advanced_theme_setup() {\n    \/\/ \u6ce8\u518c\u83dc\u5355\u4f4d\u7f6e\n    register_nav_menus( array(\n        &#039;primary&#039; =&gt; esc_html__( &#039;\u4e3b\u5bfc\u822a\u83dc\u5355&#039;, &#039;my-advanced-theme&#039; ),\n        &#039;footer&#039;  =&gt; esc_html__( &#039;\u9875\u811a\u83dc\u5355&#039;, &#039;my-advanced-theme&#039; ),\n    ) );\n    \/\/ \u6dfb\u52a0\u4e3b\u9898\u5bf9\u201c\u6587\u7ae0\u7279\u8272\u56fe\u50cf\u201d\u7684\u652f\u6301\n    add_theme_support( &#039;post-thumbnails&#039; );\n    \/\/ \u6dfb\u52a0\u5bf9HTML5\u6807\u8bb0\u7684\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}\nadd_action( &#039;after_setup_theme&#039;, &#039;my_advanced_theme_setup&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Kenar \u00e7ubu\u011fu (veya \u201cara\u00e7 \u00e7ubu\u011fu\u201d olarak da adland\u0131r\u0131l\u0131r),<code data-no-auto-translation=\"\">register_sidebar()<\/code>Fonksiyon kayd\u0131, kullan\u0131c\u0131lar\u0131n arka plandaki \u201cara\u00e7lar\u201d aray\u00fcz\u00fcnde i\u00e7erikleri dinamik olarak eklemesine olanak tan\u0131r.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/fi\/knowledge\/wordpress\/how-to-make-a-professional-wordpress-theme-from-scratch-to-launch\/\">Profesyonel bir WordPress temas\u0131 nas\u0131l olu\u015fturulur: S\u0131f\u0131rdan ba\u015flay\u0131p yay\u0131na al\u0131nana kadar olan tam k\u0131lavuz<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<h3 class=\"wp-block-heading\">Kuyruklu Y\u00f6netim: Scriptler ve Stil \u015eemalar\u0131<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kesinlikle \u015fablon dosyalar\u0131nda do\u011frudan kullanmay\u0131n.<code data-no-auto-translation=\"\">&lt;link&gt;<\/code>\u6216<code data-no-auto-translation=\"\">&lt;script&gt;<\/code>Etiketler arac\u0131l\u0131\u011f\u0131yla kaynaklar\u0131n dahil edilmesi, do\u011fru y\u00f6ntem \u015fu \u015fekildedir:<code data-no-auto-translation=\"\">wp_enqueue_style()<\/code>\u548c<code data-no-auto-translation=\"\">wp_enqueue_script()<\/code>Bu fonksiyonlar, WordPress\u2019un kuyruk sisteminin (queue system) bir par\u00e7as\u0131 olarak eklenir. Bu sayede ba\u011f\u0131ml\u0131l\u0131klar do\u011fru bir \u015fekilde y\u00f6netilir ve i\u00e7eriklerin tekrar tekrar y\u00fcklenmesi \u00f6nlenir.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function my_advanced_theme_scripts() {\n    \/\/ \u5f15\u5165\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( &#039;my-advanced-theme-style&#039;, get_stylesheet_uri(), array(), wp_get_theme()-&gt;get( &#039;Version&#039; ) );\n    \/\/ \u5f15\u5165\u81ea\u5b9a\u4e49JavaScript\u6587\u4ef6\n    wp_enqueue_script( &#039;my-advanced-theme-navigation&#039;, get_template_directory_uri() . &#039;\/js\/navigation.js&#039;, array(), wp_get_theme()-&gt;get( &#039;Version&#039; ), true );\n}\nadd_action( &#039;wp_enqueue_scripts&#039;, &#039;my_advanced_theme_scripts&#039; );<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u0130leri \u00d6zellikler ve Performans Optimizasyonlar\u0131<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Temel \u00f6zellikler tamamland\u0131ktan sonra, ileri seviye \u00f6zelliklerin eklenmesi ve performans\u0131n optimize edilmesi, teman\u0131n\u0131z\u0131n di\u011ferlerinden s\u0131yr\u0131lmas\u0131n\u0131n anahtar\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\/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\">\u00d6zelle\u015ftirilmi\u015f makale t\u00fcrlerini ve kategorilerini ger\u00e7ekle\u015ftirme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bazen, varsay\u0131lan \u201cmakale\u201d ve \u201csayfa\u201d t\u00fcrleri ihtiya\u00e7lar\u0131 kar\u015f\u0131lamak i\u00e7in yetersiz kal\u0131r. \u00d6rne\u011fin, bir portfolyo olu\u015fturmak i\u00e7in \u201cproje\u201d ad\u0131nda \u00f6zel bir makale t\u00fcr\u00fc olu\u015fturabilirsiniz. Bu genellikle\u2026<code data-no-auto-translation=\"\">functions.php<\/code>\u00c7in'de<code data-no-auto-translation=\"\">register_post_type()<\/code>\u0130\u015flem tamamland\u0131. En iyi uygulama, bu kodu bir fonksiyon i\u00e7ine yerle\u015ftirmek ve ard\u0131ndan bu fonksiyonu gerekti\u011finde \u00e7a\u011f\u0131rmakt\u0131r.<code data-no-auto-translation=\"\">init<\/code>Hook i\u015flemi ger\u00e7ekle\u015ftirildi.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function my_advanced_theme_register_project_cpt() {\n    $labels = array(\n        &#039;name&#039; =&gt; _x( &#039;\u9879\u76ee&#039;, &#039;\u9879\u76ee\u7c7b\u578b\u901a\u7528\u540d\u79f0&#039;, &#039;my-advanced-theme&#039; ),\n        &#039;singular_name&#039; =&gt; _x( &#039;\u9879\u76ee&#039;, &#039;\u9879\u76ee\u7c7b\u578b\u5355\u6570\u540d\u79f0&#039;, &#039;my-advanced-theme&#039; ),\n    );\n    $args = array(\n        &#039;labels&#039; =&gt; $labels,\n        &#039;public&#039; =&gt; true,\n        &#039;has_archive&#039; =&gt; true,\n        &#039;menu_icon&#039; =&gt; &#039;dashicons-portfolio&#039;,\n        &#039;supports&#039; =&gt; array( &#039;title&#039;, &#039;editor&#039;, &#039;thumbnail&#039;, &#039;excerpt&#039; ),\n        &#039;show_in_rest&#039; =&gt; true, \/\/ \u542f\u7528\u53e4\u817e\u5821\u7f16\u8f91\u5668\u652f\u6301\n    );\n    register_post_type( &#039;project&#039;, $args );\n}\nadd_action( &#039;init&#039;, &#039;my_advanced_theme_register_project_cpt&#039; );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Konu: Performans Optimizasyon Stratejileri<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Performans, kullan\u0131c\u0131 deneyimini ve SEO s\u0131ralamalar\u0131n\u0131 do\u011frudan etkiler. Optimizasyon \u00f6nlemleri aras\u0131nda \u015funlar bulunur: T\u00fcm resimlerin uygun \u015fekilde s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131n\u0131 ve boyutlar\u0131n\u0131n optimize edilmesini sa\u011flamak; kullanmak\u2026<code data-no-auto-translation=\"\">wp_enqueue_script()<\/code>Son parametre, \u00f6nemsiz JavaScript betiklerinin asenkron veya gecikmeli olarak y\u00fcklenmesini sa\u011flar. Bu \u00f6zelle\u015ftirme, alt temalar arac\u0131l\u0131\u011f\u0131yla g\u00fcvenli bir \u015fekilde yap\u0131l\u0131r; b\u00f6ylece ana tema dosyalar\u0131na do\u011frudan de\u011fi\u015fiklik yap\u0131lmas\u0131ndan ka\u00e7\u0131n\u0131l\u0131r ve gelecekteki g\u00fcncellemeler kolayla\u015ft\u0131r\u0131l\u0131r. Ayr\u0131ca, WordPress\u2019in ge\u00e7ici \u00f6nbellek \u00f6zelliklerinden de yararlan\u0131l\u0131r.<code data-no-auto-translation=\"\">set_transient()<\/code>\u548c<code data-no-auto-translation=\"\">get_transient()<\/code>Zaman al\u0131c\u0131 veritaban\u0131 sorgu sonu\u00e7lar\u0131n\u0131 depolamak, sunucu y\u00fck\u00fcn\u00fc \u00f6nemli \u00f6l\u00e7\u00fcde azaltabilir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konu G\u00fcvenli\u011fi ve Uluslararas\u0131la\u015ft\u0131rma<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">T\u00fcm kullan\u0131c\u0131 girdileri, \u00e7\u0131kt\u0131ya verilmeden \u00f6nce mutlaka escape (ka\u00e7\u0131rma) i\u015flemine tabi tutulmal\u0131d\u0131r. WordPress taraf\u0131ndan sa\u011flanan fonksiyonlar kullan\u0131larak bu i\u015flem ger\u00e7ekle\u015ftirilebilir.<code data-no-auto-translation=\"\">esc_html()<\/code>\u3001<code data-no-auto-translation=\"\">esc_url()<\/code>\u548c<code data-no-auto-translation=\"\">wp_kses_post()<\/code>Bu, \u00e7apraz sitelik betik sald\u0131r\u0131lar\u0131n\u0131 (Cross-Site Scripting \u2013 XSS) \u00f6nlemek i\u00e7indir. Ayn\u0131 zamanda, uluslararas\u0131la\u015fmaya en ba\u015f\u0131ndan itibaren haz\u0131rl\u0131k yapmak \u00f6nemlidir: Kullan\u0131c\u0131lara y\u00f6nelik t\u00fcm metinler uluslararas\u0131 standartlara uygun \u015fekilde olu\u015fturulmal\u0131d\u0131r.<code data-no-auto-translation=\"\">__()<\/code>\u6216<code data-no-auto-translation=\"\">_e()<\/code>Fonksiyon paketlenir ve daha \u00f6nce kullan\u0131lan y\u00f6ntemlerle birlikte kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">style.css<\/code>\u00c7in'de tan\u0131mlanan.<code data-no-auto-translation=\"\">Text Domain<\/code>\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">$greeting = sprintf(\n    \/* translators: %s: \u8bbf\u5ba2\u540d\u5b57 *\/\n    __( &#039;\u4f60\u597d\uff0c%s\uff01&#039;, &#039;my-advanced-theme&#039; ),\n    esc_html( $visitor_name )\n);\necho $greeting;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u00d6zetle.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">S\u0131f\u0131rdan verimli bir WordPress temas\u0131 geli\u015ftirmek, sistematik bir i\u015ftir ve geli\u015ftiricilerin sadece PHP, HTML, CSS ve JavaScript gibi \u00f6n u\u00e7 teknolojileri bilmelerini de\u011fil, ayn\u0131 zamanda WordPress\u2019in temel yap\u0131s\u0131n\u0131 da derinlemesine anlamalar\u0131n\u0131 gerektirir. Bu yap\u0131, \u015fablon hiyerar\u015fisi, eklenti sistemleri (hook\u2019lar) ve veri ak\u0131\u015f\u0131n\u0131 i\u00e7erir. Proje yap\u0131s\u0131n\u0131 do\u011fru bir \u015fekilde ba\u015flatmaktan, \u015fablon etiketlerini ve d\u00f6ng\u00fclerini kullanmaya kadar\u2026<code data-no-auto-translation=\"\">functions.php<\/code>Zhongji, i\u015flevsellik ve y\u00f6netim kaynaklar\u0131n\u0131 ba\u015far\u0131yla birle\u015ftirerek, her ad\u0131mda stabil ve geni\u015fletilebilir bir WordPress temas\u0131 olu\u015fturman\u0131n temellerini atar. \u0130leri seviye \u00f6zellikler aras\u0131nda, \u00f6zelle\u015ftirilmi\u015f i\u00e7erik t\u00fcrlerine destek, performans optimizasyonu ve g\u00fcvenlik ile uluslararas\u0131la\u015ft\u0131rma uygulamalar\u0131na verilen \u00f6nem, temalar\u0131 \u201ckullan\u0131labilir\u201d seviyeden \u201cprofesyonel\u201d seviyeye ta\u015f\u0131man\u0131n anahtar\u0131d\u0131r. Bu temel ilkeleri ve uygulamalar\u0131 takip ederek, hem g\u00f6rsel olarak \u00e7ekici hem de kod kalitesi ve kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan sa\u011flam 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<p class=\"wp-block-paragraph\">###: Konu geli\u015ftirmesi mutlaka s\u0131f\u0131rdan m\u0131 ba\u015flamal\u0131?<br \/>\nMutlaka de\u011fil. Temel prensipleri \u00f6\u011frenmek veya son derece \u00f6zelle\u015ftirilmi\u015f projeler geli\u015ftirmek i\u00e7in s\u0131f\u0131rdan ba\u015flamak m\u00fckemmel bir se\u00e7enektir. Ancak ger\u00e7ek projelerde, geli\u015ftirme verimlili\u011fini art\u0131rmak i\u00e7in \u00f6nceden haz\u0131rlanm\u0131\u015f ve estetik bir ba\u015flang\u0131\u00e7 temas\u0131 (Starter Theme) kullan\u0131labilir. \u00d6rne\u011fin, resmi _s (Underscores) temas\u0131, en iyi uygulamalara uygun standart bir kod yap\u0131s\u0131 sunar ve bu temel \u00fczerine h\u0131zl\u0131 bir \u015fekilde geli\u015ftirme yapman\u0131za olanak tan\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nas\u0131l temam\u0131 Gutenberg edit\u00f6r\u00fcn\u00fc destekleyecek hale getirebilirim?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ncelikle, <font>'den emin olun.<\/font><code data-no-auto-translation=\"\">functions.php<\/code>\u00c7in'de<code data-no-auto-translation=\"\">add_theme_support('editor-styles')<\/code>D\u00fczenleyici stil deste\u011fini etkinle\u015ftirin. Daha sonra, bunu kullanabilirsiniz.<code data-no-auto-translation=\"\">add_editor_style()<\/code>Konunun stil \u015femas\u0131n\u0131 veya \u00f6zel bir edit\u00f6r stil \u015femas\u0131n\u0131 edit\u00f6r aray\u00fcz\u00fcne dahil edin. Daha da \u00f6nemlisi, \u00f6zel makale t\u00fcrleri veya bloklar i\u00e7in \u00f6zel stiller veya bloklar kaydetmek gerekmektedir; bu da JavaScript ve React geli\u015ftirmesi konusunda derinlemesine bilgi gerektirir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Geli\u015ftirme s\u0131ras\u0131nda taray\u0131c\u0131 uyumlulu\u011fu ile ilgilenmek gerekiyor mu?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Evet, bu profesyonel geli\u015ftirmenin \u00f6nemli bir par\u00e7as\u0131d\u0131r. Modern taray\u0131c\u0131 standartlar\u0131 giderek daha birle\u015fik hale gelmesine ra\u011fmen, teman\u0131z\u0131n Chrome, Firefox, Safari, Edge gibi pop\u00fcler taray\u0131c\u0131lar\u0131n en yeni s\u00fcr\u00fcmlerinde tutarl\u0131 bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flamak temel bir gerekliliktir. Autoprefixer gibi ara\u00e7lar\u0131 kullanarak CSS \u00f6neklerini otomatik olarak eklemek ve taray\u0131c\u0131lar aras\u0131 testler yapmak gerekli ad\u0131mlard\u0131r.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konular\u0131n resmi kataloga g\u00f6nderilmesi i\u00e7in hangi gereksinimler bulunmaktad\u0131r?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress.org\u2019un resmi tema katalo\u011fu i\u00e7in kat\u0131 gereksinimler bulunmaktad\u0131r. Tema kodlar\u0131n\u0131n WordPress kodlama standartlar\u0131na uygun olmas\u0131, g\u00fcvenli fonksiyonlar\u0131n kullan\u0131lmas\u0131, ciddi hatalar\u0131n bulunmamas\u0131 ve Theme Check eklentisinin temel testlerinden ge\u00e7mesi gerekmektedir. Ayr\u0131ca, t\u00fcm PHP dosyalar\u0131n\u0131n GPL uyumlu lisanslar i\u00e7ermesi ve t\u00fcm kaynaklar\u0131n (resimler, yaz\u0131 tipleri vb.) gerekli \u015fartlar\u0131 kar\u015f\u0131lamas\u0131 gerekmektedir. G\u00f6ndermeden \u00f6nce, resmi tema inceleme standartlar\u0131n\u0131 dikkatlice okuman\u0131z \u00f6nemlidir.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bu makale, bir WordPress temas\u0131 olu\u015fturman\u0131n kapsaml\u0131 bir rehberidir. \u00d6ncelikle, yerel geli\u015ftirme ortam\u0131n\u0131n nas\u0131l kurulaca\u011f\u0131 ve tema projelerinin nas\u0131l ba\u015flat\u0131laca\u011f\u0131 anlat\u0131lmaktad\u0131r; bu s\u00fcre\u00e7te gerekli olan style.css ve index.php dosyalar\u0131n\u0131n olu\u015fturulmas\u0131 da dahildir. Daha sonra, WordPress temalar\u0131n\u0131n temel \u015fablon yap\u0131s\u0131n\u0131n, dosya y\u00fckleme s\u0131ras\u0131n\u0131n ve dinamik i\u00e7eri\u011fin nas\u0131l \u015fablon etiketleri ve d\u00f6ng\u00fcler kullan\u0131larak g\u00f6r\u00fcnt\u00fclenece\u011finin ayr\u0131nt\u0131l\u0131 bir \u015fekilde a\u00e7\u0131klanmas\u0131yla, geli\u015ftiricilere verimli bir geli\u015ftirme temeli sa\u011flanmaktad\u0131r.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[638,436,809,1923,379],"knowledge_category":[280],"class_list":["post-12367728","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-theme-development","tag-wordpress-tutorial","tag-theme-making-guide","tag-1923","tag-web-development","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1\uff0c\u4e3b\u9898\u6784\u5efa\u6307\u5357\uff0c\u6a21\u677f\u5c42\u6b21\u7ed3\u6784\uff0c\u6a21\u677f\u6807\u7b7e\uff0cThe Loop\u5faa\u73af\uff0c\u4ece\u96f6\u5f00\u53d1WordPress\u4e3b\u9898\uff0c\u9ad8\u6548\u4e3b\u9898\u521b\u5efa"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12367728","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\/12367728\/revisions"}],"predecessor-version":[{"id":12405785,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12367728\/revisions\/12405785"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12367728"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12367728"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12367728"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}