{"id":12380312,"date":"2026-03-21T01:38:29","date_gmt":"2026-03-20T17:38:29","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e4%bb%8e%e9%9b%b6%e5%88%b0%e4%b8%80%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%e5%ae%9e%e8%b7%b5%e6%95%99%e7%a8%8b\/"},"modified":"2026-06-04T08:20:36","modified_gmt":"2026-06-04T00:20:36","slug":"wordpress-theme-development-guide-tutorial-12380312","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-guide-tutorial-12380312\/","title":{"rendered":"S\u0131f\u0131rdan Bir: WordPress Tema Geli\u015ftirme Kapsaml\u0131 Rehberi ve Uygulama E\u011fitimi"},"content":{"rendered":"<h2 class=\"wp-block-heading\">WordPress Tema Geli\u015ftirme Temelleri ve Ortam Kurulumu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress tema geli\u015ftirmeye ba\u015flamak i\u00e7in \u00f6ncelikle bir yerel geli\u015ftirme ortam\u0131 olu\u015fturman\u0131z gerekmektedir. Bu genellikle bir yerel sunucu yaz\u0131l\u0131m\u0131 (\u00f6rne\u011fin XAMPP, MAMP veya Local by Flywheel) ve bir kod edit\u00f6r\u00fc (\u00f6rne\u011fin VS Code, PhpStorm) kurmay\u0131 i\u00e7erir. Yerel ortam, \u00e7evrimi\u00e7i web sitenizi etkilemeden geli\u015ftirme ve test yapman\u0131za olanak tan\u0131r.<\/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\u00f6r. Bu klas\u00f6r\u00fcn iki temel dosya i\u00e7ermesi gerekmektedir:<code data-no-auto-translation=\"\">style.css<\/code>\u548c<code data-no-auto-translation=\"\">index.php<\/code>\u3002<code data-no-auto-translation=\"\">style.css<\/code>Sadece stil sa\u011flamakla kalmaz; ayn\u0131 zamanda dosyan\u0131n ba\u015f k\u0131sm\u0131ndaki yorumlar, teman\u0131n meta bilgilerini de i\u00e7erir ve teman\u0131n \u201ckimlik kart\u0131\u201d g\u00f6revi g\u00f6r\u00fcr.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konunun \u00f6z\u00fcn\u00fc anlamak i\u00e7in temel belge<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">style.css<\/code>Ba\u015fl\u0131k b\u00f6l\u00fcm\u00fcndeki yorumlar zorunludur; bu yorumlar konunun ad\u0131n\u0131, yazar\u0131n\u0131, a\u00e7\u0131klamas\u0131n\u0131, s\u00fcr\u00fcm\u00fcn\u00fc vb. tan\u0131mlar. \u0130\u015fte en temel \u00f6rnek:<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/hr\/knowledge\/website-building\/website-building-process-guide-from-start-to-finish\/\">Otoriter Rehber: Web Sitesi Kurma S\u00fcrecinin Tam Analizi \u2013 S\u0131f\u0131rdan Ba\u015flayarak Ba\u015far\u0131l\u0131 Bir Web Sitesi 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: \u6211\u7684\u7b2c\u4e00\u4e2a\u4e3b\u9898\nTheme URI: https:\/\/example.com\/my-first-theme\nAuthor: \u4f60\u7684\u540d\u5b57\nAuthor URI: https:\/\/example.com\nDescription: \u8fd9\u662f\u4e00\u4e2a\u7528\u4e8e\u5b66\u4e60WordPress\u4e3b\u9898\u5f00\u53d1\u7684\u7b80\u5355\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, teman\u0131n varsay\u0131lan \u015fablon dosyas\u0131d\u0131r ve t\u00fcm sayfalar i\u00e7in yedek bir \u015fablon g\u00f6revi g\u00f6r\u00fcr. Di\u011fer \u015fablon dosyalar\u0131 mevcut olmasa bile, WordPress bunu kullanmaya \u00e7al\u0131\u015f\u0131r.<code data-no-auto-translation=\"\">index.php<\/code>Sayfay\u0131 renderlemek i\u00e7in en basit y\u00f6ntem\u2026<code data-no-auto-translation=\"\">index.php<\/code>Muhtemelen yaln\u0131zca blog makalelerinin listesini \u00e7a\u011f\u0131ran bir d\u00f6ng\u00fc i\u00e7erir.<\/p>\n<!-- AUTO_SYNCED_PATTERN_INSERT_START -->\n\r\n<div class=\"flex justify-between items-center flex-col lg:flex-row xl:flex-col 2xl:flex-row gap-6 sm:gap-8 rounded-lg border border-gray-200 dark:border-gray-700 p-4 mb-8 lg:mb-10 sm:p-6 bg-white dark:bg-gray-750 shadow-md transition-colors duration-300\"\r\n     data-link=\"https:\/\/www.likacloud.com\/tr\/tolink\/ultahost-wordpress-hosting\/\">\r\n     \r\n  <div class=\"flex flex-col gap-3 gap-4 sm:gap-6 w-full\">\r\n    <strong class=\"text-2xl font-semibold text-gray-900 dark:text-gray-200\">\r\n      UltaHost WordPress Sunucusu    <\/strong>\r\n    <div class=\"text-gray-600 dark:text-gray-300 word-word\">30 g\u00fcn iade garantisi, s\u0131n\u0131rs\u0131z bant geni\u015fli\u011fi ve veritaban\u0131 kullan\u0131m\u0131, \u00fccretsiz DDoS korumas\u0131; 3 y\u0131ll\u0131k abonelikte indirim (50%).<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flex items-center flex-col md:flex-row lg:flex-col xl:flex-row 2xl:flex-col gap-6 shrink-0\">\r\n          <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/ultahost-wordpress-hosting\/\">\r\n                  <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251227020448.webp\" alt=\"UltaHost LOGOSU\" class=\"content-promotion-card-icon h-9 min-h-9 dark:hidden\" title=\"\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251229052118.webp\" alt=\"UltaHost LOGOSU\" class=\"content-promotion-card-icon h-9 min-h-9 hidden dark:block\" title=\"\">\r\n              <\/a>\r\n    \r\n    <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/ultahost-wordpress-hosting\/\"\r\n       class=\"bg-blue-500 w-full md:w-auto lg:w-full xl:w-auto 2xl:w-full text-center !text-white dark:!text-gray-200 !px-5 !py-1.5 rounded-full hover:bg-blue-600 transition-colors\">\r\n       Sayfaya eri\u015fin.    <\/a>\r\n  <\/div>\r\n<\/div>\n<!-- AUTO_SYNCED_PATTERN_INSERT_END -->\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Konu dosyas\u0131 yap\u0131s\u0131 ve \u015fablon seviyeleri<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress temalar\u0131, a\u00e7\u0131k ve g\u00fc\u00e7l\u00fc bir \u015fablon hiyerar\u015fisi sistemine sahiptir. Bu sistemi anlamak, verimli geli\u015ftirmenin anahtar\u0131d\u0131r; \u00e7\u00fcnk\u00fc WordPress\u2019in farkl\u0131 t\u00fcrdeki sayfalar i\u00e7in do\u011fru \u015fablon dosyas\u0131n\u0131 otomatik olarak nas\u0131l se\u00e7ece\u011fini belirler.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bir konunun temel yap\u0131s\u0131 a\u015fa\u011f\u0131daki i\u00e7erikleri i\u00e7erebilir:<code data-no-auto-translation=\"\">\/assets\/<\/code>(CSS, JavaScript ve resimlerin saklanmas\u0131 i\u00e7in kullan\u0131l\u0131r)<code data-no-auto-translation=\"\">\/template-parts\/<\/code>(Yeniden kullan\u0131labilir \u015fablon par\u00e7alar\u0131n\u0131n sakland\u0131\u011f\u0131 yer)<code data-no-auto-translation=\"\">\/inc\/<\/code>(I\u015flevsel fonksiyon dosyalar\u0131 burada saklan\u0131r.) \u00c7ekirdek \u015fablon dosyalar\u0131 ise do\u011frudan teman\u0131n k\u00f6k dizininde bulunur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u015eablon dosyalar\u0131n\u0131n i\u015flevini kavramak.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kullan\u0131c\u0131 bir sayfay\u0131 ziyaret etti\u011finde, WordPress \u015fablon dosyalar\u0131n\u0131 en spesifikten en genel olana do\u011fru, \u015fablon hiyerar\u015fisine g\u00f6re arar. \u00d6rne\u011fin, ID\u2019si 123 olan bir makale i\u00e7in WordPress s\u0131ras\u0131yla \u015funlar\u0131 arar:<code data-no-auto-translation=\"\">single-post-123.php<\/code> -&gt; <code data-no-auto-translation=\"\">single-post.php<\/code> -&gt; <code data-no-auto-translation=\"\">single.php<\/code> -&gt; <code data-no-auto-translation=\"\">singular.php<\/code> -&gt; <code data-no-auto-translation=\"\">index.php<\/code>\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ana \u015fablon dosyalar\u0131 \u015funlar\u0131 i\u00e7erir:<br \/>\n*   <code data-no-auto-translation=\"\">header.php<\/code>Web sitesi ba\u015fl\u0131\u011f\u0131 genellikle \u015funlar\u0131 i\u00e7erir:<code data-no-auto-translation=\"\">&lt;head&gt;<\/code>B\u00f6lge ve web sitesi ana men\u00fcs\u00fc.<br \/>\n*   <code data-no-auto-translation=\"\">footer.php<\/code>Web sitesi alt k\u0131sm\u0131 (footer).<br \/>\n*   <code data-no-auto-translation=\"\">sidebar.php<\/code>Sola\/sa\u011fa kayd\u0131r\u0131labilen bir kenar \u00e7ubu\u011fu.<br \/>\n*   <code data-no-auto-translation=\"\">front-page.php<\/code>Statik bir ana sayfa olarak kullan\u0131l\u0131r.<br \/>\n*   <code data-no-auto-translation=\"\">home.php<\/code>Blog Makaleleri \u0130ndeks Sayfas\u0131.<br \/>\n*   <code data-no-auto-translation=\"\">single.php<\/code>Tek makale sayfas\u0131.<br \/>\n*   <code data-no-auto-translation=\"\">page.php<\/code>Tek sayfal\u0131k sayfa.<br \/>\n*   <code data-no-auto-translation=\"\">archive.php<\/code>Kategoriler, etiketler, yazarlar ve di\u011fer ar\u015fiv sayfalar\u0131.<br \/>\n*   <code data-no-auto-translation=\"\">search.php<\/code>Arama Sonu\u00e7lar\u0131 Sayfas\u0131.<br \/>\n*   <code data-no-auto-translation=\"\">404.php<\/code>404 Hata Sayfas\u0131.<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/hr\/knowledge\/wordpress\/wordpress-theme-development-beginner-guide-12380100\/\">WordPress tema geli\u015ftirmeye ba\u015flamak i\u00e7in bir rehber: S\u0131f\u0131rdan ba\u015flayarak canl\u0131 yay\u0131na ge\u00e7mek.<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<p class=\"wp-block-paragraph\">\u015eablon dosyas\u0131nda, kullan\u0131n.<code data-no-auto-translation=\"\">get_header()<\/code>\u3001<code data-no-auto-translation=\"\">get_footer()<\/code>\u3001<code data-no-auto-translation=\"\">get_sidebar()<\/code>Bu ortak k\u0131s\u0131mlar\u0131 dahil etmek i\u00e7in `include` gibi fonksiyonlar\u0131 kullan\u0131n ve kodunuzun \u201cDRY\u201d (Don\u2019t Repeat Yourself \u2013 Kendinizi Tekrarlamay\u0131n) ilkesini koruyun.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Temel \u00d6zellikler: D\u00f6ng\u00fcler, Hook\u2019lar ve Fonksiyonlar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress temalar\u0131ndaki dinamik i\u00e7erikler esas olarak \u201cd\u00f6ng\u00fcler\u201d (loops) arac\u0131l\u0131\u011f\u0131yla g\u00f6r\u00fcnt\u00fclenir; teman\u0131n i\u015flevselli\u011finin geni\u015fletilebilirli\u011fi ise \u201ckancalar\u201d (hooks) sistemi \u00fczerine kuruludur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">WordPress d\u00f6ng\u00fclerini anlamak ve kullanmak<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cD\u00f6ng\u00fc\u201d, WordPress\u2019in veritaban\u0131ndan makaleleri al\u0131p g\u00f6r\u00fcnt\u00fclemek i\u00e7in kulland\u0131\u011f\u0131 PHP kod blo\u011fudur. Tema \u015fablonlar\u0131n\u0131n temelini olu\u015fturur. Standart bir d\u00f6ng\u00fc yap\u0131s\u0131 \u015fu \u015fekildedir:<\/p>\n<!-- AUTO_SYNCED_PATTERN_INSERT_START -->\n\r\n<div class=\"flex justify-between items-center flex-col lg:flex-row xl:flex-col 2xl:flex-row gap-6 sm:gap-8 rounded-lg border border-gray-200 dark:border-gray-700 p-4 mb-8 lg:mb-10 sm:p-6 bg-white dark:bg-gray-750 shadow-md transition-colors duration-300\"\r\n     data-link=\"https:\/\/www.likacloud.com\/tr\/tolink\/hosting-shared-hosting\/\">\r\n     \r\n  <div class=\"flex flex-col gap-3 gap-4 sm:gap-6 w-full\">\r\n    <strong class=\"text-2xl font-semibold text-gray-900 dark:text-gray-200\">\r\n      hosting.com Payla\u015f\u0131ml\u0131 Bar\u0131nd\u0131rma    <\/strong>\r\n    <div class=\"text-gray-600 dark:text-gray-300 word-word\">AMD EPYC CPU'lar, NVMe SSD depolama ve LiteSpeed ile y\u00fcksek performans, 7\/24, 7x7 uzman \u015firket i\u00e7i destek, SSL, kaba kuvvet, k\u00f6t\u00fc ama\u00e7l\u0131 yaz\u0131l\u0131m ve DDoS korumas\u0131 dahil geli\u015fmi\u015f g\u00fcvenlik \u00f6nlemleri, 73%'ye kadar tasarruf<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flex items-center flex-col md:flex-row lg:flex-col xl:flex-row 2xl:flex-col gap-6 shrink-0\">\r\n          <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/hosting-shared-hosting\/\">\r\n                  <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/09\/20250901222940.svg\" alt=\"hosting.com LOGO\" class=\"content-promotion-card-icon h-9 min-h-9 dark:hidden\" title=\"\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.likacloud.com\/wp-content\/uploads\/2025\/12\/20251228220957.webp\" alt=\"hosting.com LOGO\" class=\"content-promotion-card-icon h-9 min-h-9 hidden dark:block\" title=\"\">\r\n              <\/a>\r\n    \r\n    <a href=\"https:\/\/www.likacloud.com\/tr\/tolink\/hosting-shared-hosting\/\"\r\n       class=\"bg-blue-500 w-full md:w-auto lg:w-full xl:w-auto 2xl:w-full text-center !text-white dark:!text-gray-200 !px-5 !py-1.5 rounded-full hover:bg-blue-600 transition-colors\">\r\n       Sayfaya eri\u015fin.    <\/a>\r\n  <\/div>\r\n<\/div>\n<!-- AUTO_SYNCED_PATTERN_INSERT_END -->\n\n\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">&lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;\n    &lt;article id=&quot;post-&lt;?php the_ID(); ?&gt;&quot; no numeric noise key 1006&gt;\n        &lt;h2&gt;&lt;a href=&quot;\/tr\/&lt;\/?php the_permalink(); ?&gt;&quot;&gt;&lt;?php the_title(); ?&gt;&lt;\/a&gt;&lt;\/h2&gt;\n        &lt;div class=&quot;entry-content&quot;&gt;\n            &lt;?php the_content(); ?&gt;\n        &lt;\/div&gt;\n    &lt;\/article&gt;\n&lt;?php endwhile; else : ?&gt;\n    &lt;p&gt;&lt;?php _e( &#039;\u62b1\u6b49\uff0c\u6ca1\u6709\u627e\u5230\u4efb\u4f55\u6587\u7ae0\u3002&#039;, &#039;my-first-theme&#039; ); ?&gt;&lt;\/p&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00f6ng\u00fc i\u00e7inde, bir dizi \u015fablon etiketi ve fonksiyonu kullanabilirsiniz, \u00f6rne\u011fin:<code data-no-auto-translation=\"\">the_title()<\/code>\u3001<code data-no-auto-translation=\"\">the_content()<\/code>\u3001<code data-no-auto-translation=\"\">the_excerpt()<\/code>\u3001<code data-no-auto-translation=\"\">the_post_thumbnail()<\/code>Makale bilgilerini \u00e7\u0131kt\u0131 olarak verin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Temalar\u0131n \u00f6zelliklerini hook\u2019lar (d\u00fc\u011f\u00fcmler) kullanarak geni\u015fletmek<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Kancalar iki t\u00fcre ayr\u0131l\u0131r: Eylem kancalar\u0131 ve filtre kancalar\u0131. Eylem kancalar\u0131, belirli bir zamanda kendi kodunuzu \u201c\u00e7al\u0131\u015ft\u0131rman\u0131za\u201d olanak tan\u0131r; filtre kancalar\u0131 ise verileri \u201cde\u011fi\u015ftirmenize\u201d imkan verir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6rne\u011fin, \u015fu yollarla bunu yapabilirsiniz:<code data-no-auto-translation=\"\">wp_enqueue_scripts<\/code>Eylem kancalar\u0131, temalara stil \u015femalar\u0131 ve betik dosyalar\u0131n\u0131 g\u00fcvenli bir \u015fekilde eklemek i\u00e7in kullan\u0131l\u0131r. Bu genellikle teman\u0131n\u2026<code data-no-auto-translation=\"\">functions.php<\/code>Dosyada tamamland\u0131:<\/p>\n<!-- AUTO_INTERNAL_LINKS_START --><p>Tavsiye edilen okuma <a href=\"https:\/\/www.likacloud.com\/tr\/hr\/knowledge\/wordpress\/what-is-a-wordpress-theme-e7-9f-a5-e8-af-86\/\">WordPress temas\u0131 nedir?<\/a>\u3002<\/p><!-- AUTO_INTERNAL_LINKS_END -->\n\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function my_theme_scripts() {\n    \/\/ \u5f15\u5165\u4e3b\u9898\u7684\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( &#039;my-theme-style&#039;, get_stylesheet_uri() );\n    \/\/ \u5f15\u5165\u81ea\u5b9a\u4e49\u7684JavaScript\u6587\u4ef6\n    wp_enqueue_script( &#039;my-theme-script&#039;, get_template_directory_uri() . &#039;\/assets\/js\/main.js&#039;, array(), &#039;1.0&#039;, true );\n}\nadd_action( &#039;wp_enqueue_scripts&#039;, &#039;my_theme_scripts&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><code data-no-auto-translation=\"\">functions.php<\/code>Dosyalar, teman\u0131n \u201ci\u015flev merkezidir\u201d; yeni \u00f6zellikler eklemek veya varsay\u0131lan davran\u0131\u015flar\u0131 de\u011fi\u015ftirmek i\u00e7in kullan\u0131l\u0131r ve bu i\u015flemler \u00e7ekirdek dosyalar\u0131 de\u011fi\u015ftirmeden ger\u00e7ekle\u015ftirilebilir.<code data-no-auto-translation=\"\">add_theme_support()<\/code>Bu fonksiyon arac\u0131l\u0131\u011f\u0131yla, makale \u00f6zetleri, \u00f6zelle\u015ftirilmi\u015f logolar, HTML5 i\u015faretleme deste\u011fi gibi \u00e7e\u015fitli \u00f6zellikleri temaya ekleyebilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Konu \u00d6zelle\u015ftirme ve Geli\u015fmi\u015f \u00d6zellikler<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">G\u00fcn\u00fcm\u00fczde WordPress temalar\u0131n\u0131n geli\u015ftirilmesi, \u00f6zelle\u015ftirilebilir \u00f6zelliklere ve kullan\u0131c\u0131 deneyimine verilen \u00f6nemden ayr\u0131lamaz. Bu, tema \u00f6zelle\u015ftiricileri arac\u0131l\u0131\u011f\u0131yla ger\u00e7ek zamanl\u0131 \u00f6nizleme se\u00e7eneklerinin sunulmas\u0131n\u0131 ve farkl\u0131 cihazlara uyumlu, duyarl\u0131 (responsive) tasar\u0131mlar\u0131n olu\u015fturulmas\u0131n\u0131 i\u00e7erir.<\/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\">WordPress \u00d6zelle\u015ftiricileri ile Entegrasyon<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress\u2019\u0131n \u00d6zelle\u015ftirici (Customizer) arac\u0131, kullan\u0131c\u0131lar\u0131n teman\u0131n baz\u0131 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=\"\">WP_Customize_Manager<\/code>Nesnenize teman\u0131z i\u00e7in ayarlar ve kontroller ekleyin. \u00d6rne\u011fin, sayfa alt\u0131 metnini de\u011fi\u015ftirebilece\u011finiz bir se\u00e7enek ekleyin:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-auto-translation=\"\"><code class=\"language-php\" data-no-auto-translation=\"\">function my_theme_customize_register( $wp_customize ) {\n    \/\/ \u6dfb\u52a0\u4e00\u4e2a\u8bbe\u7f6e\uff08\u5b58\u50a8\u5728\u6570\u636e\u5e93\u4e2d\uff09\n    $wp_customize-&gt;add_setting( &#039;footer_text&#039;, array(\n        &#039;default&#039; =&gt; &#039;\u00a9 2026 \u6211\u7684\u7f51\u7ad9&#039;,\n        &#039;transport&#039; =&gt; &#039;refresh&#039;,\n    ) );\n    \/\/ \u6dfb\u52a0\u4e00\u4e2a\u63a7\u4ef6\uff08\u5b9a\u5236\u5668UI\u4e2d\u7684\u8f93\u5165\u6846\uff09\n    $wp_customize-&gt;add_control( &#039;footer_text&#039;, array(\n        &#039;label&#039; =&gt; __( &#039;\u9875\u811a\u6587\u672c&#039;, &#039;my-first-theme&#039; ),\n        &#039;section&#039; =&gt; &#039;title_tagline&#039;, \/\/ \u653e\u5728\u201c\u7ad9\u70b9\u8eab\u4efd\u201d\u533a\u57df\n        &#039;type&#039; =&gt; &#039;text&#039;,\n    ) );\n}\nadd_action( &#039;customize_register&#039;, &#039;my_theme_customize_register&#039; );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Sonra,<code data-no-auto-translation=\"\">footer.php<\/code>\u00c7in'de, kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">get_theme_mod()<\/code>Bu de\u011feri \u00e7\u0131karmak i\u00e7in bir fonksiyon kullan\u0131n:<code data-no-auto-translation=\"\">&lt;?php echo get_theme_mod( &#039;footer_text&#039;, &#039;\u00a9 2026 \u6211\u7684\u7f51\u7ad9&#039; ); ?&gt;<\/code>\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tepkisel tasar\u0131m ve performans optimizasyonunu ger\u00e7ekle\u015ftirin.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Profesyonel bir web sitesinin temas\u0131 mutlaka responsive (uyumlu) olmal\u0131d\u0131r. Bu, web sitesinin mobil cihazlarda, tabletlerde ve masa\u00fcst\u00fc cihazlarda da iyi bir g\u00f6r\u00fcn\u00fcm sunmas\u0131n\u0131 sa\u011flamak i\u00e7in CSS medya sorgular\u0131 kullanman\u0131z gerekti\u011fi anlam\u0131na gelir. Genellikle, bu i\u015flem ak\u0131c\u0131 bir \u0131zgara d\u00fczeni (grid layout) ve \u00f6l\u00e7eklenebilir resimler (scalable images) tasarlamay\u0131 i\u00e7erir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Performans optimizasyonu da son derece \u00f6nemlidir. Bunlar aras\u0131nda: CSS\/JS dosyalar\u0131n\u0131 s\u0131k\u0131\u015ft\u0131rmak ve birle\u015ftirmek, uygun resim formatlar\u0131 ve boyutlar\u0131n\u0131 kullanmak, ve betiklerin sayfan\u0131n en alt k\u0131sm\u0131nda y\u00fcklenmesini sa\u011flamak yer al\u0131r.<code data-no-auto-translation=\"\">true<\/code>Parametreler \u015funa aktar\u0131l\u0131r:<code data-no-auto-translation=\"\">wp_enqueue_script<\/code>Son parametrenin yan\u0131 s\u0131ra, gecikmeli y\u00fckleme (lazy loading) teknolojisinin kullan\u0131lmas\u0131n\u0131 da d\u00fc\u015f\u00fcnebilirsiniz. Ayr\u0131ca, WordPress kodlama standartlar\u0131na uymak ve temay\u0131 modifiye etmek i\u00e7in alt temalar (subthemes) kullanmak, teman\u0131n kalitesini ve s\u00fcrd\u00fcr\u00fclebilirli\u011fini sa\u011flaman\u0131n en iyi uygulamalar\u0131d\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00d6zetle.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress tema geli\u015ftirme, tasar\u0131m\u0131, \u00f6n u\u00e7 teknolojilerini ve PHP arka u\u00e7 mant\u0131\u011f\u0131n\u0131 bir araya getiren bir s\u00fcre\u00e7tir. Temel bir ortam olu\u015fturmaktan, \u015fablon yap\u0131lar\u0131n\u0131 anlamaya, d\u00f6ng\u00fcler ve eklentileri (hook\u2019lar\u0131) \u00f6\u011frenmeye, ard\u0131ndan da \u00f6zelle\u015ftirilmi\u015f ve duyarl\u0131 (responsive) tasar\u0131mlar\u0131 ger\u00e7ekle\u015ftirmeye kadar her ad\u0131m, i\u015flevsel, kullan\u0131c\u0131 dostu ve kolayca s\u00fcrd\u00fcr\u00fclebilir bir web sitesi g\u00f6r\u00fcn\u00fcm\u00fc olu\u015fturur. \u00d6nemli olan, WordPress\u2019in kurallar\u0131na ve standartlar\u0131na uymak, g\u00fc\u00e7l\u00fc eklenti sisteminin (hook system) \u00f6zelliklerinden tam olarak yararlanmak ve her zaman kullan\u0131c\u0131 deneyimini ve web sitesi performans\u0131n\u0131 \u00f6ncelikli tutmakt\u0131r. \u015eablon dosyalar\u0131yla s\u00fcrekli pratik yaparak ve ara\u015ft\u0131rma yaparak\u2026<code data-no-auto-translation=\"\">functions.php<\/code>Kullan\u0131m\u0131n\u0131 \u00f6\u011frendi\u011finizde, benzersiz bir WordPress temas\u0131 olu\u015fturabileceksiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">S\u0131k\u00e7a Sorulan Sorular.<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">WordPress temas\u0131 geli\u015ftirmek i\u00e7in PHP\u2019de ustala\u015fmak zorunda m\u0131y\u0131m?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Evet, sa\u011flam bir PHP temeline sahip olmak gerekiyor. \u00d6n u\u00e7 teknolojileri (HTML, CSS, JavaScript) teman\u0131n g\u00f6rsel g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc olu\u015ftururken, WordPress kendisi PHP ile geli\u015ftirilmi\u015ftir. Temanlar\u0131n dinamik veri al\u0131m\u0131, \u015fablon mant\u0131\u011f\u0131 ve i\u015flevsellik geni\u015fletmeleri b\u00fcy\u00fck \u00f6l\u00e7\u00fcde PHP koduna ba\u011fl\u0131d\u0131r. PHP dilbilgisini, d\u00f6ng\u00fclerini, fonksiyonlar\u0131n\u0131 ve de\u011fi\u015fkenlerini anlamak, etkili tema geli\u015ftirmenin \u00f6n ko\u015fuludur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alt konu (subtopic) nedir ve neden kullan\u0131lmas\u0131 \u00f6nerilir?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Alt konu, ba\u015fka bir konuya (ana konuya) ba\u011fl\u0131 olan ve yaln\u0131zca kendisine ait i\u00e7erikleri i\u00e7eren bir konudur.<code data-no-auto-translation=\"\">style.css<\/code>\u3001<code data-no-auto-translation=\"\">functions.php<\/code>Di\u011fer de\u011fi\u015ftirilmesi gereken \u015fablon dosyalar\u0131 da bulunmaktad\u0131r. Alt temalar\u0131n kullan\u0131lmas\u0131 \u00f6nerilir; \u00e7\u00fcnk\u00fc bu, \u00fcst teman\u0131n \u00f6zelliklerini ve stillerini g\u00fcvenli bir \u015fekilde devralman\u0131za ve de\u011fi\u015ftirmenize olanak tan\u0131r. \u00dcst tema g\u00fcncellendi\u011finde, alt temadaki \u00f6zelle\u015ftirmeleriniz kaybolmaz, bu da bak\u0131m\u0131 ve g\u00fcvenli\u011fi b\u00fcy\u00fck \u00f6l\u00e7\u00fcde art\u0131r\u0131r.<\/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\">Bir teman\u0131n birden fazla dil deste\u011fine sahip olmas\u0131n\u0131 sa\u011flama s\u00fcrecine \u201culuslararas\u0131la\u015ft\u0131rma\u201d (internationalization) ve \u201cyerelle\u015ftirme\u201d (localization) denir. \u0130lk ad\u0131mda, teman\u0131n t\u00fcm metin dizelerinde WordPress\u2019in \u00e7eviri fonksiyonlar\u0131 kullan\u0131l\u0131r.<code data-no-auto-translation=\"\">__()<\/code>\u3001<code data-no-auto-translation=\"\">_e()<\/code>Ve bir metin alan\u0131 (Text Domain) belirtin. Daha sonra, Poedit gibi bir ara\u00e7 kullanarak bunu olu\u015fturun.<code data-no-auto-translation=\"\">.pot<\/code>\u015eablon dosyas\u0131.<code data-no-auto-translation=\"\">.po\/.mo<\/code>Dil dosyalar\u0131. Son olarak, bunlar\u0131 kullanarak\u2026<code data-no-auto-translation=\"\">load_theme_textdomain()<\/code>Function loading.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Konu geli\u015ftirme s\u00fcrecinde iyi bir g\u00fcvenlik sa\u011flamak i\u00e7in neler yap\u0131labilir?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">G\u00fcvenli\u011fi sa\u011flamak i\u00e7in bir\u00e7ok en iyi uygulamaya uyulmas\u0131 gerekmektedir: Kullan\u0131c\u0131lardan veya veritaban\u0131ndan al\u0131nan veriler \u00fczerinde her zaman escape fonksiyonlar\u0131 kullan\u0131lmal\u0131d\u0131r (\u00f6rne\u011fin\u2026).<code data-no-auto-translation=\"\">esc_html()<\/code>\uff0c <code data-no-auto-translation=\"\">esc_url()<\/code>XSS (Cross-Site Scripting) sald\u0131r\u0131lar\u0131n\u0131 \u00f6nlemek i\u00e7in; WordPress taraf\u0131ndan sa\u011flanan ve \u201cce\u201d olmayan, yetki do\u011frulama i\u015flevlerini kullan\u0131n (\u00f6rne\u011fin\u2026)<code data-no-auto-translation=\"\">wp_nonce_field()<\/code>\uff0c <code data-no-auto-translation=\"\">current_user_can()<\/code>Formlar\u0131 ve i\u015flemleri korumak i\u00e7in;<code data-no-auto-translation=\"\">wp_enqueue_style()<\/code>\u548c<code data-no-auto-translation=\"\">wp_enqueue_script()<\/code>Kaynaklar\u0131 dahil etmek i\u00e7in bunlar\u0131 do\u011frudan yazmaktan ka\u00e7\u0131n\u0131n.<code data-no-auto-translation=\"\">&lt;script&gt;<\/code>\u6216<code data-no-auto-translation=\"\">&lt;link&gt;<\/code>Etiketler kullan\u0131n; ayr\u0131ca bilinen g\u00fcvenlik a\u00e7\u0131klar\u0131na kar\u015f\u0131 kodunuzu d\u00fczenli olarak g\u00fcncelleyin.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bu makale, WordPress tema geli\u015ftirmenin temellerini ve uygulamalar\u0131n\u0131 anlatmaktad\u0131r. \u00d6ncelikle, yerel geli\u015ftirme ortam\u0131n\u0131n nas\u0131l kurulaca\u011f\u0131 ve bir teman\u0131n sahip olmas\u0131 gereken temel dosyalar a\u00e7\u0131klanmaktad\u0131r. Daha sonra, teman\u0131n dosya yap\u0131s\u0131, \u015fablon hiyerar\u015fisi sistemi ve ana \u015fablon dosyalar\u0131n\u0131n i\u015flevleri ayr\u0131nt\u0131l\u0131 bir \u015fekilde incelenmektedir. Son olarak, WordPress\u2019in dinamik i\u00e7eri\u011finin temeli olan d\u00f6ng\u00fcler ve geni\u015fletme \u00f6zelliklerinin hook (kancalama) sistemi ele al\u0131narak, geli\u015ftiricilere ba\u015flang\u0131\u00e7tan uygulamaya kadar tam bir yol g\u00f6sterilmektedir.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[21,366,2155,2248,3110],"knowledge_category":[280],"class_list":["post-12380312","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-themes","tag-development-guide","tag-tutorial","tag-local-environment","tag-template","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,WordPress\u6559\u7a0b,\u4e3b\u9898\u5f00\u53d1\u6307\u5357,\u6a21\u677f\u5c42\u7ea7,WordPress\u5faa\u73af,\u672c\u5730\u73af\u5883\u642d\u5efa,WordPress\u94a9\u5b50,\u4e3b\u9898\u6587\u4ef6\u7ed3\u6784"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12380312","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\/12380312\/revisions"}],"predecessor-version":[{"id":12405549,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12380312\/revisions\/12405549"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12380312"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12380312"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12380312"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}