WordPress tema yapma süreci, genellikle HTML, CSS, PHP ve WordPress'in özel şablon etiketlerini kullanarak yapılır. İşte WordPress teması oluşturma adımlarına dair temel bir rehber:
Önerilen dosya yapısı şu şekilde olabilir:
css
Kodu kopyala
css
Kodu kopyala
php
Kodu kopyala
php
[/CODE]
php
Kodu kopyala
1. WordPress Teması için Dosya Yapısı Oluşturma
Bir tema oluşturmak için, öncelikle WordPress'in wp-content/themes/ dizinine bir tema klasörü oluşturmanız gerekiyor. Klasörün adı temanızın adı olacak (örneğin, my-custom-theme). Bu klasörde temel dosyalar bulunmalıdır.Önerilen dosya yapısı şu şekilde olabilir:
css
Kodu kopyala
Kod:
my-custom-theme/
├── style.css
├── index.php
├── functions.php
├── header.php
├── footer.php
├── sidebar.php
└── single.php2. style.css Dosyasını Oluşturma
Temanızın stil dosyası olan style.css dosyası, temanın temel bilgilerini ve stil düzenlemelerini içerir. Bu dosyanın başında, tema ile ilgili meta bilgileri olmalıdır:css
Kodu kopyala
Kod:
/*
Theme Name: My Custom Theme
Theme URI: http://example.com/my-custom-theme
Author: Your Name
Author URI: http://example.com
Description: Custom WordPress theme.
Version: 1.0
License: GPL2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-custom-theme
*/3. index.php Dosyasını Oluşturma
Temanın ana dosyası olan index.php, WordPress tarafından çağrılacak olan ana şablondur. Temanın içeriğini buraya yerleştirebilirsiniz.php
Kodu kopyala
Kod:
<?php get_header(); ?>
<div class="content">
<h1>Welcome to My Custom Theme</h1>
<p>This is a custom theme built for WordPress!</p>
</div>
<?php get_footer(); ?>4. header.php ve footer.php Dosyaları
header.php genellikle HTML <head> kısmı ve sayfanın üst kısmındaki içeriği içerir. footer.php ise sayfanın alt kısmındaki içeriği içerir.
Kod:
header.php
Kod:
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<h1>My Custom Theme</h1>
</header>
[CODE]footer.php
Kod:
<footer>
<p>© <?php echo date('Y'); ?> My Custom Theme</p>
</footer>
<?php wp_footer(); ?>
</body>
</html>5. functions.php Dosyasını Oluşturma
functions.php, temanın işlevselliğini artırmak için kullanılan bir dosyadır. Burada, tema desteği eklemek, menüler, widget alanları, stil ve script dosyaları eklemek gibi işlemleri yapabilirsiniz.php
Kodu kopyala
Kod:
<?php
function my_custom_theme_setup() {
add_theme_support('title-tag');
add_theme_support('post-thumbnails');
register_nav_menus(array(
'primary' => __('Primary Menu', 'my-custom-theme'),
));
}
add_action('after_setup_theme', 'my_custom_theme_setup');
function my_custom_theme_styles() {
wp_enqueue_style('my-custom-theme-style', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'my_custom_theme_styles');6. Tema İçeriği ve Sayfaları
WordPress, dinamik olarak içerik yüklemek için çeşitli şablon etiketleri sunar. Örneğin, the_content() ile yazı içeriği, the_title() ile yazı başlıkları alınabilir. Temanıza uygun dosyaları (single.php, page.php, archive.php) oluşturarak içerikleri şablonlar aracılığıyla görüntüleyebilirsiniz.7. WordPress Yönetim Paneline Tema Ekleme
Tema dosyalarınız hazır olduğunda, wp-content/themes/ dizinine yükleyin ve WordPress yönetim panelinden temayı etkinleştirin. Admin paneline giriş yapın, Görünüm > Temalar menüsünden yeni temayı aktif hale getirebilirsiniz.8. Gelişmiş Özellikler
- Widget Alanları: Temaya widget alanları eklemek için functions.php dosyasına kod ekleyebilirsiniz.
- CSS ve JavaScript: Temanızda stil ve işlevsellik eklemek için wp_enqueue_script() ve wp_enqueue_style() kullanabilirsiniz.
- Tema Özelleştirici: WordPress'in tema özelleştiricisini kullanarak tema ayarları ekleyebilirsiniz.
