{"id":12372094,"date":"2026-03-16T09:17:45","date_gmt":"2026-03-16T01:17:45","guid":{"rendered":"https:\/\/www.likacloud.com\/knowledge\/%e6%8e%8c%e6%8f%a1wordpress%e4%b8%bb%e9%a2%98%e5%bc%80%e5%8f%91%ef%bc%9a%e4%bb%8e%e5%85%a5%e9%97%a8%e5%88%b0%e7%b2%be%e9%80%9a%e7%9a%84%e6%a0%b8%e5%bf%83%e6%8c%87%e5%8d%97%e4%b8%8e%e5%ae%9e%e8%b7%b5\/"},"modified":"2026-06-05T06:22:57","modified_gmt":"2026-06-04T22:22:57","slug":"wordpress-theme-development-guide-from-beginner-to-expert-a1wordpress","status":"publish","type":"knowledge_post","link":"https:\/\/www.likacloud.com\/tr\/knowledge\/wordpress\/wordpress-theme-development-guide-from-beginner-to-expert-a1wordpress\/","title":{"rendered":"WordPress Tema Geli\u015ftirme Konusunda Uzmanla\u015fmak: Ba\u015flang\u0131\u00e7tan Uzmanl\u0131\u011fa Kadar Temel Rehberler ve Pratik Ad\u0131mlar"},"content":{"rendered":"

WordPress temalar\u0131n\u0131n temel yap\u0131s\u0131n\u0131 ve \u00e7ekirdek dosyalar\u0131n\u0131 anlamak<\/h2>\n\n\n\n

Standart bir WordPress temas\u0131, belirli dosyalar\u0131 ve klas\u00f6rleri i\u00e7eren bir klas\u00f6rd\u00fcr ve web sitesinin belirli bir b\u00f6l\u00fcm\u00fcnde bulunur.\/wp-content\/themes\/<\/code>Bu dosyalar, katalogun i\u00e7inde yer al\u0131r ve birlikte \u00e7al\u0131\u015farak web sitesinin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve i\u015flevlerini tan\u0131mlarlar. Bu temel dosyalar\u0131 anlamak, geli\u015ftirme s\u00fcrecinin ilk ad\u0131m\u0131d\u0131r.<\/p>\n\n\n\n

En temel dosya \u015fudur:style.css<\/code>Bu dosya sadece bir teman\u0131n stil \u015femas\u0131 de\u011fil; ayn\u0131 zamanda teman\u0131n \u201ckimlik kart\u0131\u201dd\u0131r. Dosyan\u0131n ba\u015f k\u0131sm\u0131ndaki yorumlar, teman\u0131n ad\u0131n\u0131, yazar\u0131n\u0131, a\u00e7\u0131klamas\u0131n\u0131, s\u00fcr\u00fcm\u00fcn\u00fc ve di\u011fer meta bilgilerini i\u00e7erir. WordPress, temay\u0131 arka planda tan\u0131mak ve g\u00f6stermek i\u00e7in bu bilgileri okur.<\/p>\n\n\n\n

\/*\nTheme Name: My Custom Theme\nTheme URI: https:\/\/example.com\/my-theme\nAuthor: Your Name\nAuthor URI: https:\/\/example.com\nDescription: A custom WordPress theme built for learning.\nVersion: 1.0.0\n*\/<\/code><\/pre>\n\n\n\n
Di\u011fer kesinlikle gerekli dosya ise\u2026index.php<\/code>Bu, teman\u0131n varsay\u0131lan \u015fablon dosyas\u0131d\u0131r. WordPress daha spesifik bir \u015fablon dosyas\u0131 bulamad\u0131\u011f\u0131nda, sayfay\u0131 renderlamak i\u00e7in bu dosyay\u0131 kullan\u0131r.<\/p>\n
Tavsiye edilen okuma S\u0131f\u0131rdan Uzmanl\u0131\u011fa WordPress Tema Geli\u015ftirme K\u0131lavuzu<\/a>\u3002<\/p>\n\n\n\n\n
Bu iki dosyan\u0131n yan\u0131 s\u0131ra, i\u015flevsel bir tema genellikle ba\u015fka \u015fablon dosyalar\u0131 da i\u00e7erir. \u00d6rne\u011fin,header.php<\/code>Web sayfas\u0131n\u0131n ba\u015f k\u0131sm\u0131n\u0131 (DOCTYPE, b\u00f6lge, navigasyon men\u00fcs\u00fc vb.) olu\u015fturmaktan sorumludur.footer.php<\/code>Sayfa alt k\u0131sm\u0131n\u0131n (footer) olu\u015fturulmas\u0131ndan sorumludur.sidebar.php<\/code>Bu durumda, bir kenar \u00e7ubu\u011fu tan\u0131mlanm\u0131\u015ft\u0131r. Bunu kullanarak\u2026get_header()<\/code>\uff0c get_footer()<\/code>\u548cget_sidebar()<\/code>Bu \u015fablon etiketlerini, ana \u015fablon dosyas\u0131na kolayca ekleyebilir ve b\u00f6ylece kodun mod\u00fclerli\u011fini ve yeniden kullan\u0131labilirli\u011fini sa\u011flayabilirsiniz.<\/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
Kritik \u015fablon dosyalar\u0131n\u0131n i\u015flevi<\/h3>\n\n\n\n
Teman\u0131n i\u015flevleri, bir dizi \u015fablon dosyas\u0131 arac\u0131l\u0131\u011f\u0131yla ger\u00e7ekle\u015ftirilir.single.php<\/code>Tek bir blog makalesini veya \u00f6zel makale t\u00fcr\u00fcn\u00fc renderlemek i\u00e7in kullan\u0131lan tek i\u00e7erik sayfas\u0131d\u0131r. Kullan\u0131c\u0131 bir makaleyi okumak i\u00e7in t\u0131klad\u0131\u011f\u0131nda, WordPress bu \u015fablonu \u00e7a\u011f\u0131r\u0131r.<\/p>\n\n\n\n
Makale listelerini g\u00f6stermek i\u00e7in, \u00f6rne\u011fin bir blogun ana sayfas\u0131nda veya kategori dizin sayfas\u0131nda\u2026archive.php<\/code>\u548chome.php<\/code>\/index.php<\/code>\u00d6nemli bir rol oynad\u0131. Bunlar aras\u0131nda,archive.php<\/code>Bu, kategoriler, etiketler, yazarlar veya tarihler baz\u0131nda ar\u015fivlenen makale listelerini g\u00f6stermek i\u00e7in kullan\u0131lan genel bir ar\u015fiv \u015fablonudur. E\u011fer konu belirtilmemi\u015fse\u2026home.php<\/code>O zaman\u2026index.php<\/code>Blog makaleleri i\u00e7in indeks sayfas\u0131 olarak kullan\u0131lacak varsay\u0131lan \u015fablon olacakt\u0131r.<\/p>\n\n\n\n
Sayfa \u015fablonlar\u0131 ise\u2026page.php<\/code>Bu, WordPress aray\u00fcz\u00fcnde olu\u015fturulan statik sayfalar\u0131n g\u00f6r\u00fcnt\u00fclenmesi i\u00e7in kullan\u0131l\u0131r. Belirli bir sayfa i\u00e7in \u00f6zel bir tasar\u0131m olu\u015fturman\u0131z gerekiyorsa, dosyan\u0131n ba\u015f k\u0131sm\u0131na belirli bir \u015fablon ad\u0131 ekleyerek \u00f6zel sayfa \u015fablonlar\u0131 da olu\u015fturabilirsiniz.<\/p>\n\n\n\n
Konu \u015fablonlar\u0131n\u0131n yap\u0131sal seviyelerini ve d\u00f6ng\u00fc mekanizmalar\u0131n\u0131 kavramak<\/h2>\n\n\n\n
WordPress, belirli bir iste\u011fe hangi \u015fablon dosyas\u0131n\u0131n kullan\u0131laca\u011f\u0131n\u0131 belirlemek i\u00e7in ak\u0131ll\u0131 bir \u015fablon hiyerar\u015fisi sistemi kullan\u0131r. Bu sistem, \u00f6zel durumlar\u0131n genel durumlardan \u00f6nce ele al\u0131nmas\u0131 ilkesine dayan\u0131r ve geli\u015ftiricilere web sitesinin farkl\u0131 b\u00f6l\u00fcmleri i\u00e7in daha ayr\u0131nt\u0131l\u0131 bir tasar\u0131m sunma imkan\u0131 sa\u011flar.<\/p>\n
Tavsiye edilen okuma M\u00fckemmel bir WordPress temas\u0131 olu\u015fturma: S\u0131f\u0131rdan uzmana kadar kapsaml\u0131 bir geli\u015ftirme rehberi<\/a>\u3002<\/p>\n\n\n\n\n
\u00d6rne\u011fin, bir kullan\u0131c\u0131 \u201cHaberler\u201d kategorisindeki bir makaleye eri\u015fti\u011finde, WordPress s\u0131rayla \u015funlar\u0131 arar:category-news.php<\/code>(\u00d6zel Kategori \u015eablonu) -> category-5.php<\/code>(Kategori ID \u015eablonu) -> category.php<\/code>(Genel Kategori \u015eablonu) -> archive.php<\/code>(Genel Ar\u015fivleme \u015eablonu) -> En sona kalan bu.index.php<\/code>Bu yap\u0131y\u0131 anlay\u0131p kullanarak, son derece \u00f6zelle\u015ftirilmi\u015f sayfa g\u00f6r\u00fcn\u00fcmleri olu\u015fturabilirsiniz.<\/p>\n\n\n\n
WordPress \u00c7ekirdek Sorgular\u0131 ve D\u00f6ng\u00fcleri<\/h3>\n\n\n\n
T\u00fcm i\u00e7eri\u011fin g\u00f6r\u00fcnt\u00fclenmesini sa\u011flayan temel unsur \u201cWordPress d\u00f6ng\u00fcs\u00fcd\u00fcr\u201d. Bu, hangi \u201cmakalelerin\u201d g\u00f6r\u00fcnt\u00fclenmesi gerekti\u011fini kontrol etmek i\u00e7in kullan\u0131lan bir PHP kod yap\u0131s\u0131d\u0131r; e\u011fer makaleler varsa, her biri d\u00f6ng\u00fc yoluyla tek tek g\u00f6r\u00fcnt\u00fclenir. D\u00f6ng\u00fc, neredeyse t\u00fcm \u015fablon dosyalar\u0131n\u0131n merkezindedir.<\/p>\n\n\n\n
En temel d\u00f6ng\u00fc yap\u0131s\u0131 a\u015fa\u011f\u0131daki gibidir. Bu yap\u0131,have_posts()<\/code>\u548cthe_post()<\/code>Bu fonksiyon, sorgulanarak elde edilen makale koleksiyonunu tarar.<\/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
<h2><?php the_title(); ?><\/h2>\n        <div><?php the_content(); ?><\/div>\n    \n    <p>Hiçbir makale bulunamad\u0131.<\/p>\n<?php endif; ?><\/code><\/pre>\n\n\n\n
D\u00f6ng\u00fc i\u00e7inde, makale bilgilerini \u00e7\u0131karmak i\u00e7in bir dizi \u015fablon etiketi kullanabilirsiniz, \u00f6rne\u011fin:the_title()<\/code>\u00c7\u0131k\u0131\u015f Ba\u015fl\u0131\u011f\u0131:the_content()<\/code>L\u00fctfen i\u00e7eri\u011fin tamam\u0131n\u0131 sa\u011flay\u0131n, b\u00f6ylece \u00e7eviriyi yapabilirim. E\u011fer metin par\u00e7alar\u0131 varsa, bunlar\u0131 da ayr\u0131 ayr\u0131 belirtin.the_excerpt()<\/code>\u00c7\u0131kt\u0131 \u00f6zeti vethe_permalink()<\/code>Makale ba\u011flant\u0131s\u0131n\u0131 al\u0131n. D\u00f6ng\u00fc, web sitesi i\u00e7eri\u011finin dinamik olarak sunulmas\u0131n\u0131 sa\u011flar.<\/p>\n\n\n\n
Fonksiyonlar ve hook\u2019lar kullanarak tema \u00f6zelliklerini geni\u015fletme<\/h2>\n\n\n\n
functions.php<\/code>Dosya, teman\u0131n \u201cg\u00fc\u00e7 merkezidir\u201d. Bu bir \u015fablon dosyas\u0131 de\u011fil; teman\u0131n ba\u015flat\u0131lmas\u0131 s\u0131ras\u0131nda otomatik olarak y\u00fcklenen bir PHP dosyas\u0131d\u0131r. Burada fonksiyonlar tan\u0131mlayabilir, \u00f6zellikler kaydedebilir, filtreler (Filter) ve eylem (Action) i\u015flemleri ekleyebilirsiniz. B\u00f6ylece WordPress\u2019in \u00e7ekirdek kodunu de\u011fi\u015ftirmeden teman\u0131n i\u015flevlerini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde geni\u015fletebilir ve \u00f6zelle\u015ftirebilirsiniz.<\/p>\n\n\n\n
ge\u00e7mek (bir fatura veya tefti\u015f vb.)add_theme_support()<\/code>Bu fonksiyonlar sayesinde teman\u0131za \u00e7e\u015fitli WordPress \u00e7ekirdek \u00f6zelliklerini etkinle\u015ftirebilirsiniz. \u00d6rne\u011fin, makale \u00f6zetlerinin (\u00f6zel g\u00f6rsellerin) g\u00f6r\u00fcnmesini sa\u011flayabilir ve kullan\u0131c\u0131lar\u0131n makaleler i\u00e7in temsil eden g\u00f6rseller belirlemesine izin verebilirsiniz.<\/p>\n
Tavsiye edilen okuma WordPress Tema Geli\u015ftirme Ba\u015flang\u0131\u00e7 K\u0131lavuzu: S\u0131f\u0131rdan \u00d6zelle\u015ftirilmi\u015f Tema Yap\u0131s\u0131n\u0131 ve \u015eablonlar\u0131n\u0131 Olu\u015fturma<\/a>\u3002<\/p>\n\n\n\n\n
function mytheme_setup() {\n    \/\/ \u542f\u7528\u6587\u7ae0\u548c\u8bc4\u8bba\u7684Feed\u94fe\u63a5\n    add_theme_support( 'automatic-feed-links' );\n    \/\/ \u542f\u7528\u6587\u7ae0\u7f29\u7565\u56fe\u529f\u80fd\n    add_theme_support( 'post-thumbnails' );\n    \/\/ \u542f\u7528\u81ea\u5b9a\u4e49Logo\u529f\u80fd\n    add_theme_support( 'custom-logo' );\n}\nadd_action( 'after_setup_theme', 'mytheme_setup' );<\/code><\/pre>\n\n\n\n
Eylem ve filtre hook\u2019lar\u0131n\u0131 kullanmak<\/h3>\n\n\n\n
WordPress\u2019in hook mekanizmas\u0131, geni\u015fletilebilirli\u011finin temel ta\u015f\u0131d\u0131r. Eylem hook\u2019lar\u0131 (Action Hooks), belirli zaman noktalar\u0131nda \u00f6zel kodlar\u0131n eklenmesine ve \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131na olanak tan\u0131r. \u00d6rne\u011fin, bunu kullanarak\u2026wp_enqueue_scripts<\/code>Kancalar, bir temaya stil \u015femalar\u0131 ve JavaScript betiklerini g\u00fcvenli bir \u015fekilde eklemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n
function mytheme_scripts() {\n    \/\/ \u5f15\u5165\u4e3b\u9898\u7684\u4e3b\u6837\u5f0f\u8868\n    wp_enqueue_style( 'mytheme-style', get_stylesheet_uri() );\n    \/\/ \u5f15\u5165\u81ea\u5b9a\u4e49JavaScript\u6587\u4ef6\n    wp_enqueue_script( 'mytheme-navigation', get_template_directory_uri() . '\/js\/navigation.js', array(), '1.0.0', true );\n}\nadd_action( 'wp_enqueue_scripts', 'mytheme_scripts' );<\/code><\/pre>\n\n\n\n
Filtre kancalar\u0131 (Filter Hooks), i\u015flem s\u0131ras\u0131nda olu\u015fturulan veya \u00e7\u0131kt\u0131 olarak verilen verileri de\u011fi\u015ftirmenize olanak tan\u0131r. \u00d6rne\u011fin, bunlar\u0131 kullanarak\u2026excerpt_length<\/code>Filtreler, makale \u00f6zetlerinin varsay\u0131lan kelime say\u0131s\u0131n\u0131 de\u011fi\u015ftirebilir.<\/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
function mytheme_custom_excerpt_length( $length ) {\n    return 30; \/\/ \u5c06\u6458\u8981\u5b57\u6570\u6539\u4e3a30\u5b57\n}\nadd_filter( 'excerpt_length', 'mytheme_custom_excerpt_length' );<\/code><\/pre>\n\n\n\n
Responsive tasar\u0131m\u0131 ve performans optimizasyonunu uygulay\u0131n.<\/h2>\n\n\n\n
Modern WordPress temalar\u0131n\u0131n duyarl\u0131 (responsive) olmas\u0131 gerekmektedir; yani masa\u00fcst\u00fcnden cep telefonuna kadar \u00e7e\u015fitli ekran boyutlar\u0131na uyum sa\u011flayabilmelidir. Duyarl\u0131 tasar\u0131m\u0131 ger\u00e7ekle\u015ftirmenin en etkili yolu CSS medya sorgular\u0131 (Media Queries) kullanmakt\u0131r. Bunu \u015fu \u015fekilde yapabilirsiniz:style.css<\/code>Farkl\u0131 ekran geni\u015flikleri i\u00e7in stil kurallar\u0131 burada tan\u0131mlanm\u0131\u015ft\u0131r.<\/p>\n\n\n\n
Ayn\u0131 zamanda, resimler gibi medya \u00f6\u011felerinin de duyarl\u0131 (responsive) olmas\u0131n\u0131 sa\u011flay\u0131n. Basit bir y\u00f6ntem, resimlere uygun \u00f6zellikler atamakt\u0131r.max-width: 100%;<\/code>\u548cheight: auto;<\/code>B\u00f6ylece resim, kendi konteyneri i\u00e7inde otomatik olarak \u00f6l\u00e7eklenebilir.<\/p>\n\n\n\n
Konu y\u00fckleme h\u0131z\u0131n\u0131 art\u0131r\u0131n.<\/h3>\n\n\n\n
Performans optimizasyonu, kullan\u0131c\u0131 deneyimi ve SEO (Arama Motoru Optimizasyonu) a\u00e7\u0131s\u0131ndan son derece \u00f6nemlidir. \u00d6ncelikle, betiklerin ve stil \u015femalar\u0131n\u0131n do\u011fru s\u0131rayla y\u00fcklenmesini sa\u011flamak ve render i\u015fleminin engellenmesini \u00f6nlemek gerekmektedir.wp_enqueue_script()<\/code>Bu durumda, ayarlamalar yap\u0131labilir.in_footer<\/code>Parametreler \u015funlard\u0131r:true<\/code>\u00d6nemli olmayan betikleri sayfan\u0131n en alt k\u0131sm\u0131na koyarak y\u00fckleyin.<\/p>\n\n\n\n
Resimler i\u00e7in her zaman uygun boyutlar sa\u011flanmal\u0131d\u0131r. WordPress\u2019te\u2026add_image_size()<\/code>Bu fonksiyon, \u00f6zel resim boyutlar\u0131n\u0131 kaydetmenize olanak tan\u0131r ve daha sonra \u015fablonlarda bunlar\u0131 kullanabilirsiniz.the_post_thumbnail( \u2018custom-size\u2019 )<\/code>B\u00f6ylece taray\u0131c\u0131, orijinal resmin b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc \u00f6l\u00e7erek uygun boyutta bir resim y\u00fckler; b\u00fcy\u00fck orijinal resmi \u00f6l\u00e7eklendirmez.<\/p>\n\n\n\n
Ayr\u0131ca, temaya \u201cgecikmeli y\u00fckleme\u201d (Lazy Load) \u00f6zelli\u011finin eklenmesini de d\u00fc\u015f\u00fcnebilirsiniz. WordPress 5.5\u2019ten itibaren, \u00e7ekirdek yaz\u0131l\u0131m resimler i\u00e7in yerle\u015fik bir gecikmeli y\u00fckleme deste\u011fi sunmaktad\u0131r; ancak bu \u00f6zelli\u011fi eklentiler veya \u00f6zelle\u015ftirilmi\u015f kodlar arac\u0131l\u0131\u011f\u0131yla daha da iyile\u015ftirebilirsiniz.<\/p>\n\n\n\n
Kodlama standartlar\u0131na ve g\u00fcvenli\u011fe uyun.<\/h3>\n\n\n\n
G\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir kod yazmak, profesyonel geli\u015ftiricilerin bir \u00f6zelli\u011fidir. Dinamik i\u00e7erikleri olu\u015fturmak i\u00e7in her zaman WordPress taraf\u0131ndan sa\u011flanan API fonksiyonlar\u0131n\u0131 kullan\u0131n; \u00f6rne\u011fin:esc_html()<\/code>\uff0c esc_url()<\/code>\u00c7\u0131kt\u0131y\u0131 e\u015fitlemek i\u00e7in \u015funu kullan\u0131n:wp_kses_post()<\/code>G\u00fcvenli HTML etiketlerinin ge\u00e7mesine izin vermek, \u00e7apraz sitelik betik (XSS) sald\u0131r\u0131lar\u0131n\u0131 etkili bir \u015fekilde \u00f6nleyebilir.<\/p>\n\n\n\n
Kullan\u0131c\u0131 girdilerini i\u00e7eren formlar olu\u015ftururken veya veritaban\u0131yla etkile\u015fimde bulunurken, isteklerin ge\u00e7erlili\u011fini do\u011frulamak i\u00e7in mutlaka \u201cNonce\u201d (tek seferlik say\u0131lar) kullanmal\u0131s\u0131n\u0131z ve ayr\u0131ca \u00f6nceden i\u015flenmi\u015f sorgular (preprocessed queries) kullanmal\u0131s\u0131n\u0131z.$wpdb->prepare()<\/code>Bu, SQL enjeksiyonu sald\u0131r\u0131lar\u0131n\u0131 \u00f6nlemek i\u00e7in veritaban\u0131 sorgular\u0131n\u0131 ger\u00e7ekle\u015ftirmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\n
\u00d6zetle.<\/h2>\n\n\n\n
WordPress tema geli\u015ftirme, yarat\u0131c\u0131l\u0131\u011f\u0131 ve teknolojiyi bir araya getiren bir s\u00fcre\u00e7tir. Ba\u015flang\u0131\u00e7ta\u2026style.css<\/code>\u548cindex.php<\/code>Temel dosyalarla ba\u015flayarak, ad\u0131m ad\u0131m \u015fablon seviyeleri, d\u00f6ng\u00fc mekanizmalar\u0131 gibi temel kavramlara derinle\u015fin.functions.php<\/code>G\u00fc\u00e7l\u00fc bir kancalama (hooking) sistemi sayesinde temalara s\u0131n\u0131rs\u0131z olanaklar katabilirsiniz. Son olarak, duyarl\u0131 tasar\u0131m (responsive design), performans optimizasyonu ve g\u00fcvenli kodlama, ba\u015far\u0131l\u0131, profesyonel ve g\u00fcvenilir bir WordPress temas\u0131 olu\u015fturman\u0131n vazge\u00e7ilmez unsurlar\u0131d\u0131r. S\u00fcrekli pratik yaparak, daha geli\u015fmi\u015f tema \u00f6zelle\u015ftirmeleri ve alt tema (subtheme) geli\u015ftirme tekniklerini ke\u015ffedin; b\u00f6ylece her t\u00fcrl\u00fc ihtiyac\u0131 kar\u015f\u0131layan g\u00fc\u00e7l\u00fc web siteleri olu\u015fturabilirsiniz.<\/p>\n\n\n\n
S\u0131k\u00e7a Sorulan Sorular.<\/h2>\n\n\n\n
WordPress temas\u0131 geli\u015ftirmek 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 temellerine sahip olman\u0131z gerekmektedir. Ayr\u0131ca, WordPress\u2019\u00fcn \u00e7ekirde\u011fi ve tema \u015fablonlar\u0131n\u0131n PHP ile yaz\u0131lm\u0131\u015f olmas\u0131 nedeniyle PHP\u2019nin temel bilgilerine de hakim olman\u0131z \u015fartt\u0131r. JavaScript konusunda temel bir bilgiye sahip olmak, etkile\u015fimli \u00f6zellikler eklemenize yard\u0131mc\u0131 olacakt\u0131r; ancak bu, ba\u015flamak i\u00e7in zorunlu de\u011fildir.<\/p>\n\n\n\n
Bir \u00fcst temay\u0131 de\u011fi\u015ftirmeden nas\u0131l \u00f6zelle\u015ftirme yapabilirim?<\/h3>\n\n\n\n
\u00d6zelle\u015ftirmeler yapmak i\u00e7in alt temalar\u0131n (Child Themes) kullan\u0131lmas\u0131 \u015fiddetle tavsiye edilir. Alt temalar yaln\u0131zca sizin de\u011fi\u015ftirdi\u011finiz dosyalar\u0131 i\u00e7erir.style.css<\/code>\uff0c functions.php<\/code>Veya \u00f6zel bir \u015fablon kullanarak, \u00fcst teman\u0131n t\u00fcm \u00f6zelliklerini devral\u0131r. \u00dcst tema g\u00fcncellendi\u011finde, yapt\u0131\u011f\u0131n\u0131z \u00f6zel de\u011fi\u015fiklikler kaybolmaz. Bir alt tema olu\u015fturmak i\u00e7in yaln\u0131zca belirli ba\u015fl\u0131k bilgilerine sahip bir dosya olu\u015fturman\u0131z yeterlidir.style.css<\/code>Dosya ve bir tane daha\u2026functions.php<\/code>Dosya.<\/p>\n\n\n\n
Bir teman\u0131n `functions.php` dosyas\u0131 ile bir eklentinin (plugin) i\u015flevleri aras\u0131ndaki farklar nelerdir?<\/h3>\n\n\n\n
functions.php<\/code>Bu \u00f6zellikler mevcut temaya ba\u011fl\u0131d\u0131r. E\u011fer temay\u0131 de\u011fi\u015ftirirseniz, bu \u00f6zellikler art\u0131k kullan\u0131lamaz hale gelir. \u00d6te yandan, eklentiler taraf\u0131ndan sa\u011flanan \u00f6zellikler temadan ba\u011f\u0131ms\u0131zd\u0131r; hangi temay\u0131 kullan\u0131rsan\u0131z kullan\u0131n, eklentinin \u00f6zellikleri devam eder. Genellikle, bir \u00f6zellik yaln\u0131zca g\u00f6r\u00fcn\u00fcm\u00fc veya d\u00fczeni de\u011fi\u015ftirmek i\u00e7in tasarlanm\u0131\u015fsa, temaya eklenmesi daha uygundur; ancak web sitesine genel kullan\u0131m i\u00e7in \u00f6zellikler (\u00f6rne\u011fin ileti\u015fim formlar\u0131, SEO optimizasyonu) eklemek istiyorsan\u0131z, bu \u00f6zelliklerin bir eklenti olarak olu\u015fturulmas\u0131 daha iyidir.<\/p>\n\n\n\n
Temam\u0131 nas\u0131l birden \u00e7ok dil \u00e7evirisine destekleyebilirim?<\/h3>\n\n\n\n
Bunu uluslararas\u0131la\u015ft\u0131rma (i18n) ve yerelle\u015ftirme (l10n) y\u00f6ntemleriyle ger\u00e7ekle\u015ftirebilirsiniz. Tema kodunuzda, kullan\u0131c\u0131ya y\u00f6nelik t\u00fcm metinler i\u00e7in WordPress\u2019in \u00e7eviri fonksiyonlar\u0131n\u0131 kullan\u0131n.()<\/code>\uff0c _e()<\/code>\uff0c esc_html()<\/code>Daha sonra, Poedit gibi bir ara\u00e7 kullanarak bunu olu\u015fturun..pot<\/code>\u015eablon dosyalar\u0131; \u00e7evirmenler, bu dosyalara dayanarak farkl\u0131 dillerde i\u00e7erikler olu\u015fturabilirler..po<\/code>\u548c.mo<\/code>Dosya. Son olarak,functions.php<\/code>\u00c7ince'de kullan\u0131l\u0131r.load_theme_textdomain()<\/code>Bir fonksiyon, \u00e7eviri dosyalar\u0131n\u0131 y\u00fcklemek i\u00e7in kullan\u0131l\u0131r.<\/p>","protected":false},"excerpt":{"rendered":"
Bu makale, WordPress tema geli\u015ftirmenin temel bilgilerini sistematik bir \u015fekilde sunmaktad\u0131r. \u00d6ncelikle, teman\u0131n temel yap\u0131s\u0131n\u0131 ve gerekli dosyalar\u0131n\u0131 (\u00f6rne\u011fin style.css ve index.php) a\u00e7\u0131klamaktad\u0131r. Daha sonra, kilit tema dosyalar\u0131n\u0131n i\u015flevlerini ve tema hiyerar\u015fisi mekanizmas\u0131n\u0131 anlatmaktad\u0131r. Ayr\u0131ca, i\u00e7eri\u011fin g\u00f6r\u00fcnt\u00fclenmesini sa\u011flayan WordPress d\u00f6ng\u00fclerini ayr\u0131nt\u0131l\u0131 bir \u015fekilde a\u00e7\u0131klamaktad\u0131r. Son olarak, tema i\u015flevlerini geni\u015fletmek i\u00e7in fonksiyonlar ve eklentilerin (hook\u2019lar) kullan\u0131m\u0131ndan bahsetmekte ve geli\u015ftiricilere net bir \u00f6\u011frenme yolunu sunmaktad\u0131r.<\/p>","protected":false},"author":7,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"tags":[638,2379,2923,2149,1910],"knowledge_category":[280],"class_list":["post-12372094","knowledge_post","type-knowledge_post","status-publish","hentry","tag-wordpress-theme-development","tag-wordpress-theme-structure","tag-wordpress-template-files","tag-theme-development-guide","tag-theme-development-tutorial","knowledge_category-wordpress"],"acf":{"site_seo_keywords":"WordPress\u4e3b\u9898\u5f00\u53d1,\u4e3b\u9898\u7ed3\u6784,\u6a21\u677f\u6587\u4ef6,\u6a21\u677f\u5c42\u7ea7,WordPress\u5faa\u73af,functions.php,\u4e3b\u9898\u5f00\u53d1\u6307\u5357,\u4ece\u5165\u95e8\u5230\u7cbe\u901a"},"_links":{"self":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12372094","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\/12372094\/revisions"}],"predecessor-version":[{"id":12406591,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_posts\/12372094\/revisions\/12406591"}],"wp:attachment":[{"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/media?parent=12372094"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/tags?post=12372094"},{"taxonomy":"knowledge_category","embeddable":true,"href":"https:\/\/www.likacloud.com\/tr\/wp-json\/wp\/v2\/knowledge_category?post=12372094"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}