Geliştirme Ortamı ve Proje Yapısının Kurulması
Kod yazmaya başlamadan önce, net ve verimli bir geliştirme ortamı oluşturmak son derece önemlidir. Bu sadece geliştirme verimliliğini artırmakla kalmaz, aynı zamanda sonraki bakım ve genişletme işlemleri için de sağlam bir temel oluşturur.
Yerel geliştirme ortamının yapılandırılması
Tipik bir yerel geliştirme ortamı, yerel bir sunucu, bir veritabanı ve bir PHP ortamını içerir. Local by Flywheel, XAMPP veya MAMP gibi entegre geliştirme araçlarının kullanılması önerilir. Bu araçlar, Apache/Nginx, MySQL/MariaDB ve PHP’yi tek bir tıklamayla kurmanıza olanak tanır ve karmaşık yapılandırma işlemlerinden sizi kurtarır. Kullandığınız PHP sürümünün en yeni WordPress sürümüyle uyumlu olduğundan emin olun ve gerekli eklentileri (extensions) etkinleştirin.mysqli和gd。
Konu dizininin ve temel dosyaların oluşturulması
WordPress主题是一个位于/wp-content/themes/Katalogdaki klasörler. Öncelikle, konunuz için benzersiz bir klasör adı oluşturun, örneğin…my-professional-themeBu klasörde, iki temel dosya oluşturulmalıdır:style.css和index.php。
Tavsiye edilen okuma WordPress Tema Geliştirmenin Özünü Kavrayın: Başlangıçtan Uzmanlığa Kadar Tam Kılavuz。
style.cssDosyalar sadece stil şablonları değil; aynı zamanda temanın “kimlik kartı”dır. Dosyanın üst kısmındaki yorum bloğu, WordPress’e tema ile ilgili bilgileri bildirmek için kullanılır.
/*
Theme Name: My Professional Theme
Theme URI: https://example.com/my-professional-theme
Author: Your Name
Author URI: https://example.com
Description: 这是一个用于教学的专业WordPress主题。
Version: 1.0.0
License: GPL v2 or later
Text Domain: my-professional-theme
*/index.phpBu, temanın varsayılan şablon dosyasıdır ve aynı zamanda tüm sayfalar için yedek şablon olarak da kullanılır. En basit örneği…index.phpYalnızca çağrı başlıklarını ve döngü kodlarını içeren dosyalar oluşturabilirsiniz. Geliştirmenin ilerlemesiyle birlikte, diğer şablon dosyaları da oluşturmanız gerekecektir, örneğin…header.php、footer.php、functions.phpBunlar birlikte konunun iskeletini oluştururlar.
Çekirdek şablon dosyası ve tema yapısı
WordPress, belirli bir sayfa için hangi şablon dosyasının kullanılacağını belirlemek için şablon hiyerarşisi sistemini kullanır. Bu dosyaları anlamak ve doğru bir şekilde oluşturmak, tema geliştirmenin temelini oluşturur.
Kafa ve taban şablonları.
header.phpDosyalar genellikle HTML belgelerinin baş kısmını (header) içerir.<head>Site tanımları ve ana navigasyon öğeleri. Kullanımı:wp_head()Fonksiyonlar çok önemlidir; çünkü eklentilere ve temalara, başlık bölümüne CSS, JavaScript ve meta veriler eklemelerine olanak tanır.
footer.phpDosya, sayfa altı içeriğini, telif hakkı bilgilerini ve diğer bilgileri içermekte olup…wp_footer()Fonksiyon sonu. Sayfa şablonunda kullanılır.get_header()和get_footer()Bu fonksiyonlar, onları içe aktarmak için kullanılır.
Tavsiye edilen okuma WordPress Tema Geliştirme Rehberi: Sıfırdan Başlayarak Profesyonel Temalar Oluşturma。
İçerik Döngüsü ve Makale Şablonları
İçeriğin gösterimindeki ana unsur “Döngü”dür (The Loop). Bu, makalelerin olup olmadığını kontrol etmek ve makaleler varsa bunları döngüsel olarak göstermek için kullanılan bir PHP kodudur. Temel bir döngü yapısı aşağıda yazılmıştır:index.php或single.phpOrta.
<article id="post-<?php the_ID(); ?>" no numeric noise key 1005>
<h2><a href="/tr/</?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div class="entry-content">
<?php the_content(); ?>
</div>
</article>the_title()、the_content()、the_permalink()İlgili makale verilerini çıktı olarak vermek için eq şablon etiketleri kullanılır.post_class()Fonksiyon, makale konteyneri için zengin CSS sınıfları üretir; bu da stil kontrolünü kolaylaştırır.
Sidebar ve İşlevsellik Dosyaları
sidebar.phpBir kenar çubuğu bölgesi tanımlandı. Kullanılıyor.dynamic_sidebar()Bu fonksiyon, WordPress arka planındaki “Eklentiler” bölümünde kaydedilen bir kenar çubuğunu çağırmak için kullanılır. Kenar çubuğunun etkinleştirilmesi gerekmektedir.functions.phpÇin'deregister_sidebar()Fonksiyon kaydediliyor.
functions.phpBu, temanın “beyni” olarak adlandırılır ve işlevlerin eklenmesi, menülerin ve kenar çubuklarının oluşturulması, ayrıca stillerin ve betiklerin yönetilmesi için kullanılır. Bir şablon dosyası değildir; ancak temanın işlevselliğini doğrudan etkiler.
Konu Özellikleri ve Özelleştirilmiş Geliştirmeler
Profesyonel bir tema sadece güzel bir görünüme sahip olmakla kalmamalı, aynı zamanda güçlü özelliklere ve iyi bir genişletilebilirliğe de sahip olmalıdır.
Konu özelliklerinin yapılandırılması için gerekli dosyalar
在functions.phpÖncelikle, temanın çekirdek özellikleri destekleyecek şekilde ayarlanması gerekmektedir. Örneğin,add_theme_support()Fonksiyonlar, makale özetlerinin, özelleştirilmiş simgelerin ve HTML5 işaretlemelerinin etkinleştirilmesini sağlar.
Tavsiye edilen okuma WordPress Tema Geliştirme Konusunda Uzmanlaşın: Başlangıçtan Uzmanlığa Kadar Kapsamlı Bir Pratik Rehber。
function my_theme_setup() {
// 添加文章和评论的HTML5标记支持
add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption', 'style', 'script' ) );
// 启用文章特色图像
add_theme_support( 'post-thumbnails' );
// 启用自定义徽标
add_theme_support( 'custom-logo' );
// 注册导航菜单
register_nav_menus( array(
'primary' => __( '主导航菜单', 'my-professional-theme' ),
) );
}
add_action( 'after_setup_theme', 'my_theme_setup' );Stil ve betiklerin yönetimi
Asla doğrudan şu yolla yapmayın.<link>或<script>Kaynakları etiketlerle sabit olarak (hard-coded) içe aktarmak doğru değildir. Doğru yöntem, etiketleri dinamik olarak kullanmaktır.wp_enqueue_style()和wp_enqueue_script()fonksiyonları ve bunları bağlamak.wp_enqueue_scriptsKancada. Bu, bağımlılık yönetimini sağlar ve kaynakların tekrarlanan yüklenmesini veya çakışmalarını önler.
function my_theme_scripts() {
// 引入主题主样式表
wp_enqueue_style( 'my-theme-style', get_stylesheet_uri() );
// 引入自定义JavaScript文件
wp_enqueue_script( 'my-theme-script', get_template_directory_uri() . '/js/main.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );Küçük Araçlar ve Menülerin Kaydı
Daha önce de belirtildiği gibi, kenar çubuğu (araç çubuğu bölgesi) şu şekilde düzenlenmelidir:register_sidebar()Kayıt olun. Yemek birimlerinin konumları ise şu şekilde belirlenir:register_nav_menus()Kayıt olun (yukarıdaki örnekte gösterildiği gibi). Daha sonra, kullanıcılar bunları WordPress arayüzünün “Görünüm” -> “Eklentiler” ve “Görünüm” -> “Menüler” bölümlerinde yapılandırabilir ve şablonlarda kullanabilirler.dynamic_sidebar()和wp_nav_menu()Fonksiyon çağrısı.
Özelleştirme ve gelişmiş özelliklerin uygulanması
Konunun daha özgün ve kullanışlı hale gelmesi için bazı özelleştirilmiş özelliklerin eklenmesi gereklidir.
Özelleştirilmiş Makale Türleri ve Sınıflandırma Sistemleri
Eser koleksiyonlarını, ürünleri, ekipleri veya diğer standart dışı içerikleri göstermek için özel makale türleri (Custom Post Types – CPT) ve özel kategoriler oluşturmak en iyi uygulamadır. Bu, içeriğin daha etkili bir şekilde yönetilmesini ve aranmasını sağlar.functions.phpÇince'de kullanılır.register_post_type()和register_taxonomy()İşlem tamamlandı. Oluşturulduktan sonra, bunun için özel bir şablon dosyası hazırlanması gerekmektedir.single-portfolio.php或archive-product.phpWordPress’in şablon hiyerarşisi kuralları, bunlar için de geçerlidir.
Konu Özelleştirici Entegrasyonu
WordPress’ın Özelleştirici (Customizer) aracı, kullanıcıların tema ayarlarını gerçek zamanlı olarak önizlemesine ve değiştirmesine olanak tanır. Tema seçeneklerinizi Özelleştirici’ye entegre etmek, mükemmel bir kullanıcı deneyimi sunabilir. Bu işlem, belirli araç ve yöntemlerin kullanılmasını gerektirir.$wp_customizeBir nesneye ayarlar eklemek için…add_settingKontroller (Controls)add_controlVe bazı kısımlar…add_section）。
Şablon bileşenlerinin kullanımı
WordPress, kod parçalarını modüler bir şekilde yeniden kullanabilmek için “Şablon Bölgeleri” (Template Parts) kavramını benimsemiştir. Örneğin, makale listesi öğeleri bir şablon dosyası olarak soyutlanabilir.template-parts/content.phpSonra…index.phpDöngü içinde kullanılır.get_template_part( 'template-parts/content' )Böylece kodun bakımı daha kolay hale gelir.
Özetle.
Geliştirme ortamını kurmaktan temel şablon dosyalarını oluşturmaya, ardından temanın özelliklerini geliştirmeye ve ileri düzey özelleştirmeler yapmaya kadar, profesyonel bir WordPress teması oluşturmak sistematik bir iştir. Önemli olan, WordPress’in kodlama standartlarına ve en iyi uygulamalarına uymaktır; örneğin şablon hiyerarşisini doğru kullanmak, hook fonksiyonlarından yararlanmak ve stil dosyalarını uygun şekilde yönetmektir.functions.phpÖzellikleri merkezi bir şekilde yönetmek ve özel makale türleri, özelleştiriciler, şablon bileşenleri gibi modern özelliklerden yararlanarak hem güçlü hem de esnek, aynı zamanda kullanıcı deneyimi açısından mükemmel temalar oluşturabilirsiniz. Resmi geliştirme kılavuzlarını ve topluluk kaynaklarını sürekli olarak öğrenmek, tema geliştirme becerilerinizi sürekli geliştirmenin kaçınılmaz yoludur.
Sıkça Sorulan Sorular.
WordPress teması geliştirmek için hangi temel teknolojileri bilmek gerekiyor?
WordPress teması geliştirmek için HTML, CSS ve PHP’nin temel bilgilerine hakim olmak gerekmektedir. Özellikle PHP sözdizimi, WordPress’e özgü şablon etiketleri, hook’lar (düğümler) ve fonksiyonlar konusunda derinlemesine bir anlayışa sahip olmak önemlidir. Ayrıca, etkileşimli özelliklerin gerçekleştirilmesi için JavaScript (özellikle jQuery) konusunda temel bilgilere sahip olmak da oldukça faydalıdır.
Özel makale türleri için ayrı şablonlar nasıl oluşturulur?
WordPress, şablon hiyerarşisi kurallarına uyar. “portfolio” adlı özel makale türü için gerekli şablonları oluşturabilirsiniz.single-portfolio.phpBir makale şablonu olarak oluşturuldu.archive-portfolio.phpBu, makale arşiv listesi şablonu olarak kullanılır. WordPress, bu dosyaları otomatik olarak tanır ve kullanır.
Neden konu (theme) stil ve betik (script) dosyalarının wp_enqueue_scripts fonksiyonu aracılığıyla yüklenmesi gerekiyor?
Kullanın.wp_enqueue_scriptsKancalar (yönetim arayüzü için kullanım)admin_enqueue_scriptsWordPress tarafından resmi olarak önerilen yöntem, kaynakları dahil etmek için `wp-load()` ve ilgili fonksiyonları kullanmaktır. Bu yöntem, doğru bağımlılık yönetimini sağlar, tekrarlanan yüklemeleri önler, eklentilerin veya alt temaların üzerine yazılmasını veya değiştirilmesini kolaylaştırır ve kaynakların doğru şekilde kullanılmasını garanti eder.<head>Veya sayfanın alt kısmında doğru sıralama yapılmalıdır.
Temamı nasıl birden çok dil çevirisine destekleyebilirim?
Bir temanızın uluslararasılaştırılmasını (i18n) desteklemesini sağlamak için, öncelikle şunları yapmanız gerekmektedir:style.cssAçıklama blokları ve…functions.phpDoğru şekilde ayarlanmış.Text Domain(Bir metin alanı.) Daha sonra, kodun içinde çevrilmesi gereken tüm metin dizelerinin bulunduğu yerlerde çeviri fonksiyonlarını kullanın, örneğin:__()或_e()Son olarak, Poedit gibi bir araç kullanarak içeriği dönüştürün..potDosya, çevirmenler tarafından oluşturulmak üzere hazırlanmıştır..po和.moDil dosyası.
Konu geliştirme işlemi tamamlandıktan sonra, nasıl test yapılır?
Yayınlamadan önce, sıkı bir test sürecinden geçirilmesi gerekmektedir. Bu testler şunları içerir: Farklı tarayıcılarda (Chrome, Firefox, Safari, Edge) ve cihazlarda (telefon, tablet, masaüstü) sitenin responsif (uyumlu) bir şekilde çalışıp çalışmadığının kontrolü; popüler eklentilerle uyumluluğunun test edilmesi; WordPress sağlık kontrol araçlarının kullanılması; kodun WordPress tema inceleme standartlarına ve PHP/HTML/CSS standartlarına uygun olup olmadığının teyidi; ayrıca çeşitli PHP sürümleri ve WordPress sürümleri altında sitenin işlevlerinin doğru çalıştığının doğrulanması.
Bir sonraki adım, bundan sonra ne yapmalıyım?
Daha fazla okuma ve pratik bilgiler.
Aşağıdaki içerikler bu makalenin konusuyla ilgilidir ve daha fazla okumak için uygundur. Öncelikle mevcut sorununuza en yakın makaleden başlayın, sonra çevresel konulara doğru ilerleyin, genellikle daha iyi sonuçlar alırsınız.
- 10 Temel Beceri: Profesyonel ve Verimli Bir WordPress Teması Oluşturmak
- WordPress Tema Geliştirme: Başlangıçtan Uzmanlığa – Kişiselleştirilmiş Web Siteleri Oluşturma Kılavuzu
- Sıfırdan başlayarak WordPress tema geliştirme: Farklı bir web sitesi arayüzü oluşturma
- WordPress Tema Geliştirme Kılavuzu: Sıfırdan Başlayarak Özelleştirilmiş Web Siteleri Oluşturma
- WordPress Tema Geliştirme Kılavuzu: Sıfırdan Uzmanlığa Pratik Bir Eğitim Kursu
Türkçe