{"id":12378256,"date":"2026-03-19T19:16:40","date_gmt":"2026-03-19T11:16:40","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e4%bb%8e%e9%9b%b6%e5%bc%80%e5%a7%8b%ef%bc%9a%e5%be%aa%e5%ba%8f%e6%b8%90%e8%bf%9b%e5%ad%a6%e4%b9%a0-wordpress-%e4%b8%bb%e9%a2%98%e5%bc%80%e5%8f%91%e7%9a%84%e5%ae%8c%e6%95%b4%e6%95%99%e7%a8%8b\/"},"modified":"2026-06-03T20:45:19","modified_gmt":"2026-06-03T12:45:19","slug":"wordpress-theme-development-tutorial-from-scratch-12378256","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-tutorial-from-scratch-12378256\/","title":{"rendered":"S\u0131f\u0131rdan Ba\u015flayarak: WordPress Tema Geli\u015ftirmeyi Ad\u0131m Ad\u0131m \u00d6\u011frenme K\u0131lavuzu"},"content":{"rendered":"

WordPress temalar\u0131, bir web sitesinin g\u00f6r\u00fcn\u00fcm\u00fc ve i\u015flevlerinin temelini olu\u015fturur. Bir dizi \u015fablon dosyas\u0131, stil dosyas\u0131, betik ve resimden olu\u015furlar ve bu dosyalar birlikte \u00e7al\u0131\u015farak veritaban\u0131ndaki i\u00e7erikleri (makaleler, sayfalar vb.) ziyaret\u00e7ilere belirli bir d\u00fczen ve tasar\u0131mla sunar. Eklentilerin i\u015flev eklemeye odaklanmas\u0131n\u0131n aksine, temalar esas olarak web sitesinin g\u00f6rsel sunumunu kontrol eder; ancak modern temalar genellikle baz\u0131 temel i\u015flevleri de i\u00e7erir. Tema geli\u015ftirmeyi \u00f6\u011frenmek, web sitesinin tasar\u0131m mant\u0131\u011f\u0131n\u0131, performans optimizasyonunu ve kod yap\u0131s\u0131n\u0131 tamamen kontrol edebilmeniz anlam\u0131na gelir ve bu da benzersiz, verimli ve g\u00fcvenli web siteleri olu\u015fturmak i\u00e7in \u00e7ok \u00f6nemlidir.<\/p>\n\n\n\n

Geli\u015ftirme ortam\u0131 kurmak<\/h2>\n\n\n\n

\u0130lk sat\u0131r kodu yazmadan \u00f6nce, profesyonel bir yerel geli\u015ftirme ortam\u0131 \u015fartt\u0131r. Bu, \u00e7evrimi\u00e7i web sitesini etkilemeden \u00f6zg\u00fcrce test ve hata ay\u0131klama yapman\u0131za olanak tan\u0131r.<\/p>\n\n\n\n

Yerel sunucu ayarlar\u0131<\/h3>\n\n\n\n

Entegre yerel sunucu yaz\u0131l\u0131m paketlerini kullanman\u0131z\u0131 \u00f6neririz; \u00f6rne\u011fin Local by Flywheel, XAMPP veya MAMP. Bu ara\u00e7lar, Apache\/Nginx, PHP ve MySQL\u2019i tek t\u0131klamayla kurar. Local\u2019u \u00f6rnek al\u0131rsak, kurulumdan sonra h\u0131zl\u0131 bir \u015fekilde yeni bir WordPress sitesi olu\u015fturabilir ve veritaban\u0131 ile PHP ayarlar\u0131n\u0131 otomatik olarak yap\u0131land\u0131rabilirsiniz. Kulland\u0131\u011f\u0131n\u0131z PHP s\u00fcr\u00fcm\u00fcn\u00fcn (7.4 veya daha y\u00fcksek \u00f6nerilir) ve MySQL s\u00fcr\u00fcm\u00fcn\u00fcn WordPress\u2019in en yeni gereksinimlerine uygun oldu\u011fundan emin olun.<\/p>\n

Tavsiye edilen okuma WordPress Tema Geli\u015ftirme ve \u00d6zelle\u015ftirme K\u0131lavuzu: Ba\u015flang\u0131\u00e7tan Uzmanl\u0131\u011fa Kadar Kendi Web Sitenizi Olu\u015fturun<\/a>\u3002<\/p>\n\n\n\n\n

Kod D\u00fczenleyicileri ve Ara\u00e7lar\u0131<\/h3>\n\n\n\n

G\u00fc\u00e7l\u00fc bir kod edit\u00f6r\u00fc se\u00e7mek, verimlili\u011fi art\u0131rman\u0131n anahtar\u0131d\u0131r. Visual Studio Code, WordPress i\u00e7in kod par\u00e7alar\u0131, PHP Intelephense (kod i\u00e7in ak\u0131ll\u0131 \u00f6neriler), ger\u00e7ek zamanl\u0131 \u00f6nizleme gibi bir\u00e7ok eklentiye sahip oldu\u011fundan \u015fu an \u00e7ok pop\u00fcler bir se\u00e7enektir. Ayr\u0131ca, HTML, CSS ve JavaScript\u2019i ger\u00e7ek zamanl\u0131 olarak hata ay\u0131klamak i\u00e7in bir taray\u0131c\u0131 geli\u015ftirici arac\u0131na (\u00f6rne\u011fin Chrome DevTools) ihtiyac\u0131n\u0131z olacakt\u0131r. S\u00fcr\u00fcm kontrol arac\u0131 olarak Git kullan\u0131lmal\u0131 ve kod s\u00fcr\u00fcmleriniz GitHub, GitLab veya Bitbucket gibi platformlar arac\u0131l\u0131\u011f\u0131yla y\u00f6netilmelidir.<\/p>\n\n\r\n

\r\n \r\n
\r\n \r\n UltaHost WordPress Sunucusu <\/strong>\r\n
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
\r\n \r\n \"UltaHost\r\n \r\n <\/a>\r\n \r\n \r\n Sayfaya eri\u015fin. <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n\n\n\n

WordPress Temalar\u0131n\u0131n Temel Yap\u0131s\u0131 ve Dosyalar\u0131<\/h2>\n\n\n\n

En temel bir WordPress temas\u0131 yaln\u0131zca iki dosya gerektirir; ancak i\u015flevsel bir tema, her biri belirli bir g\u00f6revi yerine getiren bir dizi standartla\u015ft\u0131r\u0131lm\u0131\u015f dosyadan olu\u015fur.<\/p>\n\n\n\n

\u00c7ekirdek stil \u015femas\u0131 ve fonksiyon dosyalar\u0131<\/h3>\n\n\n\n

Konunun \u201ckimlik kart\u0131\u201d nedir? style.css<\/code> Bu dosya, bir tema ile ilgilidir. Dosyan\u0131n ba\u015f k\u0131sm\u0131ndaki yorum blo\u011fu, sadece stil bilgilerini sa\u011flamakla kalmaz; ayn\u0131 zamanda teman\u0131n meta verilerini de i\u00e7erir (tema ad\u0131, yazar, a\u00e7\u0131klama, s\u00fcr\u00fcm numaras\u0131 vb.). WordPress, bu bilgileri okuyarak temalar\u0131 arka planda tan\u0131r ve y\u00f6netir.<\/p>\n\n\n\n

\/*\nTheme Name: My First Theme\nTheme URI: https:\/\/example.com\/my-first-theme\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\nDescription: A simple, clean WordPress theme for learning.\nVersion: 1.0.0\nLicense: GPL v2 or later\nText Domain: my-first-theme\n*\/<\/code><\/pre>\n\n\n\n
Di\u011fer bir temel dosya ise\u2026 functions.php<\/code>Bu bir eklenti de\u011fil; bir teman\u0131n i\u015flevsel geni\u015fletme dosyas\u0131d\u0131r. Burada, teman\u0131n destekledi\u011fi \u00f6zellikleri ekleyebilir, men\u00fcler ve kenar \u00e7ubuklar\u0131n\u0131 olu\u015fturabilir, stil \u015femalar\u0131n\u0131 ve betikleri y\u00fckleyebilir, \u00f6zel fonksiyonlar tan\u0131mlayabilirsiniz. Teman\u0131n \u201cbeyni\u201d olarak adland\u0131r\u0131labilir ve \u015fablon dosyalar\u0131 ile WordPress\u2019in \u00e7ekirdek i\u015flevleri aras\u0131nda ba\u011flant\u0131 kurar.<\/p>\n\n\n\n
\u00c7ekirdek \u015fablon dosyas\u0131<\/h3>\n\n\n\n
\u015eablon dosyalar\u0131, web sitesinin farkl\u0131 b\u00f6l\u00fcmlerinin nas\u0131l g\u00f6r\u00fcnt\u00fclenece\u011fini kontrol eder. En temel \u015fablon dosyalar\u0131 \u015funlar\u0131 i\u00e7erir:
\n*   index.php<\/code>Konunun varsay\u0131lan ve yedek \u015fablonlar\u0131d\u0131r; daha spesifik \u015fablonlar mevcut de\u011filse, WordPress bunlar\u0131 kullan\u0131r.
\n*   header.php<\/code>Belgeyi i\u00e7eren <head><\/code> Baz\u0131 b\u00f6l\u00fcmler ve sayfa ba\u015flar\u0131nda bulunan HTML yap\u0131lar\u0131 (\u00f6rne\u011fin site simgesi, navigasyon men\u00fcs\u00fc). \u015eablonlarda kullan\u0131l\u0131r. get_header()<\/code> Fonksiyon \u00e7a\u011fr\u0131s\u0131.
\n*   footer.php<\/code>Sayfan\u0131n alt k\u0131sm\u0131nda bulunan HTML yap\u0131s\u0131n\u0131 (telif hakk\u0131 bilgileri gibi) i\u00e7erir. Kullan\u0131m\u0131: get_footer()<\/code> Fonksiyon \u00e7a\u011fr\u0131s\u0131.
\n*   sidebar.php<\/code>Yan men\u00fcdeki ara\u00e7 \u00e7ubu\u011fu b\u00f6lgesini tan\u0131mlay\u0131n. Kullan\u0131m\u0131 \u015fu \u015fekildedir: get_sidebar()<\/code> Fonksiyon \u00e7a\u011fr\u0131s\u0131.
\n*   page.php<\/code>Tek bir sayfay\u0131 g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.
\n*   single.php<\/code>Tek bir makaleyi g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.
\n*   archive.php<\/code>Makale kategorilerini, etiketlerini, yazarlar\u0131n\u0131 ve di\u011fer ar\u015fiv sayfalar\u0131n\u0131 g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<\/p>\n
Tavsiye edilen okuma Neden \u00f6zel WordPress temas\u0131n\u0131 se\u00e7tiniz?<\/a>\u3002<\/p>\n\n\n\n\n
Bu dosyalar\u0131 birle\u015ftirerek, WordPress\u2019in \u015fablon hiyerar\u015fisi sistemi farkl\u0131 i\u00e7erik t\u00fcrleri i\u00e7in en uygun \u015fablonu otomatik olarak se\u00e7er ve i\u00e7eri\u011fi bu \u015fablonlar kullanarak renderlar.<\/p>\n\n\n\n
Konu: Temel \u00d6zelliklerin Geli\u015ftirilmesi<\/h2>\n\n\n\n
Temel dosyalar\u0131 \u00f6\u011frendikten sonra, s\u0131radaki ad\u0131m temay\u0131 \u201ccanland\u0131rmak\u201d, yani dinamik i\u00e7erik ve \u00f6zellikler eklemektir.<\/p>\n\n\n\n
Men\u00fc ekleyin ve dinamik i\u00e7erik \u00e7a\u011fr\u0131lar\u0131n\u0131 ger\u00e7ekle\u015ftirin.<\/h3>\n\n\n\n
\u5728 functions.php<\/code> \u00c7in'de, kullan\u0131l\u0131r. register_nav_menus()<\/code> B\u00f6lgelerin (\u00f6rne\u011fin \u201cana navigasyon\u201d ve \u201calt navigasyon\u201d) konumlar\u0131n\u0131 kaydetmek i\u00e7in bir fonksiyon kullan\u0131l\u0131r.<\/p>\n\n\r\n
\r\n     \r\n  
\r\n    \r\n      hosting.com Payla\u015f\u0131ml\u0131 Bar\u0131nd\u0131rma    <\/strong>\r\n    
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  
\r\n          \r\n                  \"hosting.com\r\n          \r\n              <\/a>\r\n    \r\n    \r\n       Sayfaya eri\u015fin.    <\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n\n\n\n
function my_first_theme_setup() {\n    register_nav_menus( array(\n        'primary' => __( 'Primary Menu', 'my-first-theme' ),\n        'footer'  => __( 'Footer Menu', 'my-first-theme' ),\n    ) );\n}\nadd_action( 'after_setup_theme', 'my_first_theme_setup' );<\/code><\/pre>\n\n\n\n
Kay\u0131t olduktan sonra, arka planda \u201cG\u00f6r\u00fcn\u00fcm\u201d -> \u201cMen\u00fc\u201d b\u00f6l\u00fcm\u00fcnden men\u00fcleri atayabilirsiniz. \u015eablon dosyalar\u0131nda (\u00f6rne\u011fin\u2026) header.php<\/code>\u0130\u00e7erikte,  kullan\u0131lmaktad\u0131r.<\/font> wp_nav_menu()<\/code> Bir fonksiyon, men\u00fcy\u00fc g\u00f6stermek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n
Dinamik i\u00e7eri\u011fi \u00e7a\u011f\u0131rmak, tema geli\u015ftirmenin temelidir. WordPress\u2019in \u015fablon etiketlerini kullanarak veritaban\u0131ndan i\u00e7erik al\u0131n\u0131r ve ekrana g\u00f6r\u00fcnt\u00fclenir; bunlar PHP fonksiyonlar\u0131d\u0131r. \u00d6rne\u011fin, \u201cThe Loop\u201d (D\u00f6ng\u00fc) i\u00e7inde bunlar kullan\u0131l\u0131r. the_title()<\/code> Makale ba\u015fl\u0131\u011f\u0131n\u0131 g\u00f6ster.the_content()<\/code> Makale i\u00e7eri\u011fini g\u00f6ster.the_permalink()<\/code> Makale ba\u011flant\u0131s\u0131n\u0131 al\u0131n.the_post_thumbnail()<\/code> \u00d6zel g\u00f6rselleri g\u00f6ster.<\/p>\n\n\n\n
K\u00fc\u00e7\u00fck Ara\u00e7lar B\u00f6lgesi ve \u00d6zel G\u00f6rseller Deste\u011fi<\/h3>\n\n\n\n
K\u00fc\u00e7\u00fck Ara\u00e7lar B\u00f6lgesi (Sidebar), kullan\u0131c\u0131lar\u0131n belirli alanlara (\u00f6rne\u011fin kenar \u00e7ubu\u011fu, sayfa alt\u0131) i\u00e7erik mod\u00fclleri eklemesine olanak tan\u0131r; bu i\u015flem s\u00fcr\u00fckleyip b\u0131rakma y\u00f6ntemiyle ger\u00e7ekle\u015ftirilir. functions.php<\/code> \u00c7ince'de kullan\u0131l\u0131r. register_sidebar()<\/code> Fonksiyon kaydediliyor.<\/p>\n
Tavsiye edilen okuma WordPress tema geli\u015ftirme tam rehberi: S\u0131f\u0131rdan birinci s\u0131n\u0131f \u00f6zel temalar olu\u015fturmak.<\/a>\u3002<\/p>\n\n\n\n\n
function my_first_theme_widgets_init() {\n    register_sidebar( array(\n        'name'          =&gt; __( 'Main Sidebar', 'my-first-theme' ),\n        'id'            =&gt; 'sidebar-1',\n        'description'   =&gt; __( 'Add widgets here.', 'my-first-theme' ),\n        'before_widget' =&gt; '<section id="%1$s" class="widget %2$s">',\n        'after_widget'  =&gt; '<\/section>',\n        'before_title'  =&gt; '<h2 class="widget-title">',\n        'after_title'   =&gt; '<\/h2>',\n    ) );\n}\nadd_action( 'widgets_init', 'my_first_theme_widgets_init' );<\/code><\/pre>\n\n\n\n
\u5728 sidebar.php<\/code> \u00c7in'de, kullan\u0131l\u0131r. dynamic_sidebar( \u2018sidebar-1\u2019 )<\/code> Onu \u00e7a\u011f\u0131rmak i\u00e7in\u2026<\/p>\n\n\n\n
Kullan\u0131c\u0131lar\u0131n makaleler i\u00e7in kapak resmi ayarlayabilmesi i\u00e7in, temada \u201cMakale K\u00fc\u00e7\u00fck Resimleri\u201d (Post Thumbnails) \u00f6zelli\u011finin desteklendi\u011finin belirtilmesi gerekmektedir. functions.php<\/code> \u7684 after_setup_theme<\/code> Hook fonksiyonuna ekleyin. add_theme_support( \u2018post-thumbnails\u2019 );<\/code>Daha sonra, \u015fablonlarda bunu kullanabilirsiniz. the_post_thumbnail()<\/code> Bunu g\u00f6stermek i\u00e7in, bir \u00f6rnek vereyim.<\/p>\n\n\r\n
\r\n     \r\n  
\r\n    \r\n      InterServer Payla\u015f\u0131ml\u0131 Bar\u0131nd\u0131rma    <\/strong>\r\n    
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  
\r\n          \r\n                  \"InterServer\r\n          \r\n              <\/a>\r\n    \r\n    \r\n       Sayfaya eri\u015fin.    <\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n\n\n\n
\u0130leri Seviye Tema Geli\u015ftirme Teknikleri<\/h2>\n\n\n\n
Temel \u00f6zellikler geli\u015ftirildikten sonra, a\u015fa\u011f\u0131daki teknikler teman\u0131n profesyonelli\u011fini, s\u00fcrd\u00fcr\u00fclebilirli\u011fini ve kullan\u0131c\u0131 deneyimini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir.<\/p>\n\n\n\n
Alt konular\u0131 kullanarak \u00f6zelle\u015ftirmeler yap\u0131n ve g\u00fcncellemeler ger\u00e7ekle\u015ftirin.<\/h3>\n\n\n\n
Asla \u00fc\u00e7\u00fcnc\u00fc parti veya \u00fcst tema dosyalar\u0131n\u0131 do\u011frudan de\u011fi\u015ftirmeyin; \u00e7\u00fcnk\u00fc yap\u0131lan g\u00fcncellemeler sizin yapt\u0131\u011f\u0131n\u0131z de\u011fi\u015fiklikleri siler. Do\u011fru y\u00f6ntem, bir alt tema (subtheme) olu\u015fturmakt\u0131r. Bir alt tema yaln\u0131zca bir dosya i\u00e7erir. style.css<\/code> Ve bir se\u00e7enekle birlikte\u2026 functions.php<\/code>Alt konular\u0131n i\u00e7inde\u2026 style.css<\/code> Ba\u015fl\u0131k k\u0131sm\u0131, kullan\u0131m\u0131\u2026 Template:<\/code> Bu alan, \u00fcst teman\u0131n klas\u00f6r ad\u0131n\u0131 belirtir. Alt temalar\u0131n stil ve i\u015flevleri otomatik olarak \u00fcst temadan devral\u0131n\u0131r ve \u00fczerine yaz\u0131l\u0131r; b\u00f6ylece g\u00fcvenli bir \u015fekilde \u00f6zelle\u015ftirmeler yaparken ayn\u0131 zamanda \u00fcst teman\u0131n g\u00fcncellemelerinden de yararlanabilirsiniz.<\/p>\n\n\n\n
Konu \u00f6zelle\u015ftirici API ve komut dosyas\u0131 tarz\u0131 y\u00f6netimi.<\/h3>\n\n\n\n
WordPress\u2019\u0131n \u00d6zelle\u015ftirici (Customizer) arac\u0131, kullan\u0131c\u0131lar\u0131n tema ayarlar\u0131n\u0131 (renkler, logolar vb.) ger\u00e7ek zamanl\u0131 olarak \u00f6nizlemesine ve de\u011fi\u015ftirmesine olanak tan\u0131r. \u00d6zelle\u015ftirici API\u2019si arac\u0131l\u0131\u011f\u0131yla, teman\u0131za bu ayar se\u00e7eneklerini ekleyebilirsiniz. Bu s\u00fcre\u00e7, belirli fonksiyonlar\u0131n ve aray\u00fcz \u00f6\u011felerinin kullan\u0131lmas\u0131n\u0131 gerektirir. $wp_customize->add_setting()<\/code> \u548c $wp_customize->add_control()<\/code> Bu y\u00f6ntemlerle, ayarlar\u0131 kontrollerle ili\u015fkilendirir ve de\u011ferleri g\u00fcvenli bir \u015fekilde \u00f6n uca (frontend) iletirsiniz.<\/p>\n\n\n\n
CSS ve JavaScript dosyalar\u0131n\u0131n do\u011fru bir \u015fekilde y\u00fcklenmesi \u00e7ok \u00f6nemlidir. Asla \u015fablon dosyalar\u0131na do\u011frudan bu kodlar\u0131 yazmay\u0131n. <link><\/code> \u6216 <script><\/code> Etiketler\u2026 Bunlar\u0131n yerle\u015ftirilmesi gerekiyor. functions.php<\/code> \u00c7ince'de kullan\u0131l\u0131r. wp_enqueue_style()<\/code> \u548c wp_enqueue_script()<\/code> Functionu olu\u015fturun ve ard\u0131ndan onu monte edin. wp_enqueue_scripts<\/code> Bu kancaya tak\u0131lm\u0131\u015f. Bu, ba\u011f\u0131ml\u0131l\u0131klar\u0131n y\u00f6netilmesini, tekrarlanan y\u00fcklemelerin \u00f6nlenmesini sa\u011flar ve WordPress\u2019in en iyi uygulamalar\u0131na uygun hareket edilmesini garanti eder.<\/p>\n\n\n\n
function my_first_theme_scripts() {\n    \/\/ \u52a0\u8f7d\u4e3b\u9898\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( 'my-first-theme-style', get_stylesheet_uri() );\n    \/\/ \u52a0\u8f7d\u4e00\u4e2a\u81ea\u5b9a\u4e49 JavaScript \u6587\u4ef6\n    wp_enqueue_script( 'my-first-theme-navigation', get_template_directory_uri() . '\/js\/navigation.js', array(), '1.0.0', true );\n}\nadd_action( 'wp_enqueue_scripts', 'my_first_theme_scripts' );<\/code><\/pre>\n\n\n\n
\u00d6zetle.<\/h2>\n\n\n\n
WordPress tema geli\u015ftirme, temel dosya yap\u0131s\u0131n\u0131 anlamaktan ba\u015flayarak, dinamik i\u00e7erik \u00e7a\u011fr\u0131lar\u0131na, \u00f6zelliklerin kaydedilmesine ve geli\u015fmi\u015f API\u2019lerin kullan\u0131m\u0131na kadar ilerleyen bir s\u00fcre\u00e7tir. \u00d6nemli olan nokta, \u015fablon hiyerar\u015fisini kavramakt\u0131r.functions.php<\/code> WordPress\u2019te stil ve i\u015flevlerin kullan\u0131m\u0131, ayn\u0131 zamanda WordPress kodlama standartlar\u0131na uyulmas\u0131 \u00f6nemlidir. Yerel bir ortam olu\u015fturarak, temel \u015fablonlar olu\u015fturarak, \u00e7ekirdek \u00f6zellikleri entegre ederek ve son olarak alt temalar ile \u00f6zelle\u015ftiriciler kullanarak geni\u015fletmeler yaparak, geli\u015ftiriciler hem estetik hem de i\u015flevsel a\u00e7\u0131dan g\u00fc\u00e7l\u00fc ve bak\u0131m\u0131 kolay profesyonel temalar olu\u015fturabilirler. Stil ve betiklerin s\u0131ral\u0131 bir \u015fekilde y\u00f6netilmesi gerekti\u011fini her zaman unutmay\u0131n ve projenin s\u00fcrd\u00fcr\u00fclebilirli\u011fini sa\u011flamak i\u00e7in alt tema stratejilerini kullanmay\u0131 \u00f6nceliklendirin.<\/p>\n\n\n\n
S\u0131k\u00e7a Sorulan Sorular.<\/h2>\n\n\n\n
WordPress tema geli\u015ftirmeyi \u00f6\u011frenmek i\u00e7in hangi \u00f6n bilgi gereklidir?<\/h3>\n\n\n\n
Web sayfalar\u0131n\u0131n yap\u0131s\u0131n\u0131 ve stilini olu\u015fturmak i\u00e7in HTML ve CSS\u2019nin temel bilgilerine sahip olman\u0131z gerekmektedir. Ayr\u0131ca, PHP WordPress\u2019in temel programlama dilidir ve temel s\u00f6zdizimini, fonksiyonlar\u0131n\u0131, d\u00f6ng\u00fclerini ve ko\u015fullu ifadelerini anlaman\u0131z gerekmektedir. JavaScript konusunda temel bir bilgiye sahip olmak etkile\u015fimli \u00f6zellikler eklemenize yard\u0131mc\u0131 olacakt\u0131r, ancak bu kesin bir gereklilik de\u011fildir.<\/p>\n\n\n\n
Neden WordPress aray\u00fcz\u00fcnde yapt\u0131\u011f\u0131m tema de\u011fi\u015fiklikleri g\u00f6r\u00fcnm\u00fcyor?<\/h3>\n\n\n\n
\u00d6ncelikle, teman\u0131z\u0131n do\u011fru \u015fekilde etkinle\u015ftirildi\u011finden emin olun (G\u00f6r\u00fcn\u00fcm -> Tema). Ard\u0131ndan, kontrol edin. style.css<\/code> Ba\u015fl\u0131k b\u00f6l\u00fcm\u00fcndeki yorum bilgilerinin eksiksiz ve do\u011fru formatland\u0131r\u0131lm\u0131\u015f olmas\u0131, WordPress\u2019in temay\u0131 tan\u0131mas\u0131nda kritik \u00f6neme sahiptir. Son olarak, taray\u0131c\u0131 \u00f6nbelle\u011fini ve WordPress \u00f6nbellekleme eklentisinin (e\u011fer kullan\u0131l\u0131yorsa) \u00f6nbelle\u011fini temizleyin.<\/p>\n\n\n\n
Kendi temama \u00f6zel bir sayfa \u015fablonu nas\u0131l eklerim?<\/h3>\n\n\n\n
Konu dizininizde yeni bir PHP dosyas\u0131 olu\u015fturun, \u00f6rne\u011fin: template-fullwidth.php<\/code>Bu dosyan\u0131n en \u00fcst k\u0131sm\u0131na, ad\u0131n\u0131 tan\u0131mlamak i\u00e7in \u00f6zel bir \u015fablon yorumu ekleyin. Daha sonra, t\u0131pk\u0131 normal bir metin dosyas\u0131 yazarm\u0131\u015fs\u0131n\u0131z gibi devam edebilirsiniz. page.php<\/code> Bu \u015fablonun kodunu ayn\u0131 \u015fekilde yazabilirsiniz. Bir sayfa olu\u015ftururken veya d\u00fczenlerken, \u201cSayfa \u00d6zellikleri\u201d mod\u00fcl\u00fcnde bu yeni \u015fablonu se\u00e7ebilirsiniz.<\/p>\n\n\n\n
<?php\n\/*\nTemplate Name: \u5168\u5bbd\u9875\u9762\n*\/\n?><\/code><\/pre>\n\n\n\n
Ticari temal\u0131 uygulamalar geli\u015ftirirken hangi hukuki konulara dikkat edilmesi gerekiyor?<\/h3>\n\n\n\n
En \u00f6nemlisi, teman\u0131z\u0131n WordPress\u2019in GNU GPL lisans\u0131na uygun oldu\u011fundan emin olmakt\u0131r. Bu, teman\u0131z\u0131n PHP kod k\u0131sm\u0131n\u0131n da ayn\u0131 lisans alt\u0131nda yay\u0131nlanmas\u0131 gerekti\u011fi anlam\u0131na gelir. Teman\u0131z\u0131 GPL lisans\u0131 alt\u0131nda satabilirsiniz; ancak kullan\u0131c\u0131lar PHP kodunuzu \u00f6zg\u00fcrce de\u011fi\u015ftirebilir ve yeniden da\u011f\u0131tabilirler. Ayr\u0131ca, teman\u0131n\u0131zda kulland\u0131\u011f\u0131n\u0131z \u00fc\u00e7\u00fcnc\u00fc parti kaynaklar (resimler, fontlar, GPL ile uyumlu olmayan JS k\u00fct\u00fcphaneleri vb.) i\u00e7in uygun ticari kullan\u0131m izinlerine sahip olman\u0131z gerekir. Yay\u0131nlamadan \u00f6nce WordPress.org\u2019un tema inceleme standartlar\u0131n\u0131 ve ilgili lisans \u015fartlar\u0131n\u0131 dikkatlice okuman\u0131z \u00f6nerilir.<\/p>","protected":false},"excerpt":{"rendered":"
Bu makale, WordPress temalar\u0131n\u0131n geli\u015ftirilmesine dair kapsaml\u0131 bir ba\u015flang\u0131\u00e7 rehberidir. Yerel geli\u015ftirme ortam\u0131n\u0131n kurulmas\u0131yla ba\u015flayarak, teman\u0131n temel dosya yap\u0131s\u0131n\u0131 (style.css, functions.php ve \u00e7e\u015fitli \u015fablon dosyalar\u0131 gibi) ayr\u0131nt\u0131l\u0131 bir \u015fekilde a\u00e7\u0131klar ve men\u00fclerin nas\u0131l eklenece\u011fi, dinamik i\u00e7eriklerin nas\u0131l \u00e7a\u011fr\u0131laca\u011f\u0131 gibi temel \u00f6zelliklerin nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 anlat\u0131r. Amac\u0131, okuyucular\u0131n s\u0131f\u0131rdan ba\u015flayarak \u00f6zelle\u015ftirilmi\u015f bir WordPress temas\u0131 olu\u015fturma s\u00fcrecini sistematik bir \u015fekilde \u00f6\u011frenmelerine yard\u0131mc\u0131 olmakt\u0131r.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[118,804,3267,2155,364],"knowledge_category":[280],"class_list":["post-12378256","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress","tag-theme-development","tag-study-guide","tag-tutorial","tag-website-building","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,\u4e3b\u9898\u5f00\u53d1\u6559\u7a0b,WordPress\u6559\u7a0b,\u672c\u5730\u5f00\u53d1\u73af\u5883,\u6a21\u677f\u6587\u4ef6,functions.php,\u4e3b\u9898\u7ed3\u6784,\u52a8\u6001\u5185\u5bb9\u8c03\u7528"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12378256","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\/12378256\/revisions"}],"predecessor-version":[{"id":12404158,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12378256\/revisions\/12404158"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12378256"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12378256"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12378256"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}