WordPress Tema Yapımı

WordPress Tema Yapımı

WordPress Tema Yapımı: Adım Adım Kapsamlı Rehber

Merhaba! Kendi WordPress temanızı oluşturmak, web sitenizin benzersiz ve özelleştirilmiş bir tasarıma sahip olmasını sağlar. Bu yazıda, sıfırdan bir WordPress teması yapmanın adımlarını ve dikkat etmeniz gereken önemli noktaları ele alacağız. Hadi başlayalım!

WordPress Tema Yapımına Giriş

WordPress temaları, web sitenizin görünümünü ve işlevselliğini belirleyen dosyalar topluluğudur. Temanızı oluştururken HTML, CSS, JavaScript ve PHP gibi web geliştirme dillerini kullanacaksınız. İşte tema yapımının temel adımları:

1. Gerekli Araçlar ve Hazırlık

Araçlar:

  • Kod Editörü: Visual Studio Code, Sublime Text veya Atom gibi bir kod editörü.
  • Yerel Sunucu: XAMPP, MAMP veya Local by Flywheel gibi bir yerel sunucu.
  • Tarayıcı: Google Chrome, Firefox veya Safari gibi modern bir web tarayıcısı.

Hazırlık:

  • WordPress’in en son sürümünü yerel sunucunuza kurun.
  • WordPress tema yapısına aşina olun. Temel dosya yapısını ve WordPress döngüsünü (loop) öğrenin.

2. Tema Dosya Yapısını Oluşturma

Yeni bir tema oluşturmak için, WordPress kurulum dizininde bulunan wp-content/themes klasörüne gidin ve yeni bir klasör oluşturun. Bu klasörün adı tema adınız olacaktır (örneğin, mytheme).

Temel Dosyalar:

  • style.css: Temanızın stil dosyası.
  • index.php: Temanızın ana şablon dosyası.
  • functions.php: Temanızın işlevselliğini artırmak için kullanılan dosya.
  • header.php: Sayfanın üst kısmını (header) içeren dosya.
  • footer.php: Sayfanın alt kısmını (footer) içeren dosya.
  • sidebar.php: Kenar çubuğunu (sidebar) içeren dosya.
  • single.php: Tekil yazı şablonu.
  • page.php: Sayfa şablonu.
  • archive.php: Arşiv sayfası şablonu.
  • comments.php: Yorumları içeren dosya.

3. style.css Dosyasını Yapılandırma

style.css dosyanız, temanızın kimliğini ve stilini belirler. Dosyanın başına aşağıdaki kodu ekleyin:

 
/*
Theme Name: MyTheme
Theme URI: http://example.com/mytheme
Author: Adınız
Author URI: http://example.com
Description: Kendi WordPress temanızı oluşturmak için başlangıç teması.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Text Domain: mytheme
*/

 

4. index.php Dosyasını Oluşturma

index.php dosyası, WordPress temanızın ana şablon dosyasıdır. Basit bir yapı ile başlayalım:

 
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<title><?php bloginfo('name'); ?></title>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<h1><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</header>
<div id="content">
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
get_template_part( 'content', get_post_format() );
endwhile;
else :
echo '<p>No content found</p>';
endif;
?>
</div>
<footer>
<p>&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>
 

5. header.php ve footer.php Dosyalarını Oluşturma

header.php dosyası, sayfanızın üst kısmını içerecek:

 
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<title><?php bloginfo('name'); ?></title>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<h1><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</header>
 

footer.php dosyası, sayfanızın alt kısmını içerecek:

 
<footer>
<p>&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>
 

6. functions.php Dosyasını Yapılandırma

functions.php dosyası, temanızın işlevselliğini artırmak için kullanılır. Bu dosyaya temel işlevleri ekleyelim:

 
<?php
function mytheme_enqueue_styles() {
wp_enqueue_style( 'style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_styles' );
function mytheme_setup() {
add_theme_support( ‘post-thumbnails’ );
add_theme_support( ‘title-tag’ );
register_nav_menus( array(
‘primary’ => __( ‘Primary Menu’, ‘mytheme’ ),
) );
}
add_action( ‘after_setup_theme’, ‘mytheme_setup’ );
?>
 

7. WordPress Döngüsü (The Loop)

WordPress döngüsü, gönderilerin ve sayfaların nasıl görüntüleneceğini belirler. index.php dosyanızda, döngüyü kullanarak gönderileri listeleyin:

 
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
get_template_part( 'content', get_post_format() );
endwhile;
else :
echo '<p>No content found</p>';
endif;
?>
 

Benzer Kategorideki Yazılar

8. Ek Şablon Dosyaları

Tekil yazılar, sayfalar ve arşivler için ek şablon dosyaları oluşturun. Örneğin, single.php dosyası:

 
<?php get_header(); ?>
<div id="content">
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
get_template_part( 'content', get_post_format() );
endwhile;
else :
echo '<p>No content found</p>';
endif;
?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
 

Sonuç

Kendi WordPress temanızı oluşturmak, web sitenizin tasarımını ve işlevselliğini tamamen kontrol etmenizi sağlar. Bu rehberde, WordPress teması yapımının temel adımlarını öğrendiniz. WordPress tema yapımı konusunda daha fazla bilgi edinmek veya profesyonel destek almak isterseniz, cagataydemir.com.tr adresinden hizmetlerime göz atabilirsiniz. Daha fazla ipucu ve güncel içerikler için LinkedIn profilimi takipte kalın!

Umarım bu rehber, WordPress teması yapımına başlamanıza yardımcı olur. Herhangi bir sorunuz veya yorumunuz varsa, lütfen benimle paylaşın!

Çağatay DEMİR

Web Developer

 

Paylaşın:

Picture of Çağatay Demir

Çağatay Demir

Orta Doğu Teknik Üniversitesi’nden mezun olduktan sonra Ege Üniversitesi’nde Uluslararası Bilgisayar bölümünde yüksek lisans eğitimime devam ediyorum. İzmir’de yaşıyorum. Birçok ülkede yer alan uluslararası bir koçluk firması olan ActionCOACH’un Fransa ve Türkiye şubelerinde web tasarımcı olarak çalışıyorum.

Dijital yeniliklikleri takip eden, işletmelerinin işlerini dijitalde büyütmelerine katkı sağlamak için çabalayan, potansiyellerini gerçeğe dönüştürmeye odaklanan biriyim.

Freelance olarak farklı firmalara web tasarım uygulamaları geliştiriyor ve e-ticaret alanı ile ilgileniyorum.

Bana Ulaşın

WordPress - Son Yazılarım

Blog Kategorileri

Hizmetlerim

Referanslarım

Benimle İletişime Geçin

İşletmenizi bugün dijitale taşıyalım!

Web tasarım, landing page, SEO, dijital marketing, pazaryeri mağaza yönetimi ihtiyaçlarınız için benimle iletişime geçin..
WordPress Kategorisinde

İlginizi Çekecek Yazılar

WordPress Abone Ol Eklentisi

WordPress Abone Ol Eklentisi

WordPress sitenizde abonelik sistemi kurmak, okuyucularınızı ve müşterilerinizi güncel tutmanın ve sadık bir takipçi kitlesi oluşturmanın harika bir yoludur. Bu yazıda, WordPress için en iyi abone ol eklentilerini, kurulum ve kullanım adımlarını ele alacağız. İşte “WordPress Abone Ol Eklentisi” rehberi:

WordPress Ne İşe Yarar

WordPress Ne İşe Yarar

Eğer bir web sitesi kurmayı düşünüyorsanız, muhtemelen WordPress’in adını duymuşsunuzdur. WordPress, dünyanın en popüler içerik yönetim sistemlerinden (CMS) biridir ve internetin büyük bir kısmını güçlendirir. Peki, WordPress tam olarak ne işe yarar? Bu yazıda, WordPress’in ne olduğunu, nasıl çalıştığını ve sunduğu avantajları detaylı bir şekilde ele alacağız. İşte “WordPress Ne İşe Yarar” rehberi:

WordPress Dosya İndirme Eklentisi

WordPress Dosya İndirme Eklentisi

Web sitenizde dosya indirme işlevselliği sunmak istiyorsanız, doğru dosya indirme eklentisini seçmek önemlidir. WordPress kullanıcıları için, çeşitli dosya indirme eklentileri, ziyaretçilerin dosyaları kolayca indirmesine ve site yöneticilerinin indirme işlemlerini yönetmesine olanak tanır. Bu yazıda, WordPress dosya indirme eklentilerinin ne olduğunu, neden kullanmanız gerektiğini ve en iyi dosya indirme eklentilerini inceleyeceğiz. İşte WordPress dosya indirme eklentisi rehberi:

Pinterest WordPress

Pinterest WordPress

Pinterest, görsel içeriklerinizi paylaşarak web sitenize trafik çekmenin harika bir yoludur. WordPress ile Pinterest’i entegre ederek içeriklerinizi daha geniş kitlelere ulaştırabilirsiniz. Bu yazıda, WordPress sitenizi Pinterest ile nasıl entegre edebileceğinizi ve Pinterest’ten en iyi şekilde nasıl yararlanabileceğinizi adım adım ele alacağız. İşte “Pinterest ve WordPress” entegrasyon rehberi:

WordPress Tema Bul

WordPress Tema Bul

WordPress ile web sitenizi oluştururken, doğru temayı bulmak sitenizin başarısı için kritik bir rol oynar. Ancak, binlerce tema arasından seçim yapmak zor olabilir. Bu yazıda, ihtiyacınıza en uygun WordPress temasını nasıl bulabileceğinizi ve en popüler temaları keşfetmenize yardımcı olacak ipuçlarını paylaşacağız.

WordPress Elementor Nedir

WordPress Elementor Nedir

WordPress sitenizi oluştururken veya düzenlerken, sayfa tasarımlarınızı daha kolay ve hızlı bir şekilde yapmanızı sağlayan araçlar büyük önem taşır. Elementor, WordPress için en popüler sayfa oluşturucularından biridir. Bu yazıda, Elementor’un ne olduğunu, özelliklerini ve nasıl kullanılacağını detaylı bir şekilde ele alacağız. İşte “WordPress Elementor Nedir” rehberi:

WordPress Resim Optimizasyon Eklentisi

WordPress Resim Optimizasyon Eklentisi

Web sitenizin hızını ve performansını artırmak istiyorsanız, resim optimizasyonu önemli bir adımdır. Büyük ve optimize edilmemiş görseller, sayfa yükleme sürelerini uzatabilir ve kullanıcı deneyimini olumsuz etkileyebilir. Neyse ki, WordPress için birçok resim optimizasyon eklentisi bulunmaktadır. Bu yazıda, en iyi WordPress resim optimizasyon eklentilerini ve her birinin sunduğu özellikleri inceleyeceğiz. İşte “WordPress Resim Optimizasyon Eklentisi” rehberi:

WordPress Spam Yorum Engelleme

WordPress Spam Yorum Engelleme

Web sitenizdeki spam yorumlar, kullanıcı deneyimini olumsuz etkileyebilir ve SEO performansınıza zarar verebilir. WordPress, spam yorumları engellemek için çeşitli araçlar ve yöntemler sunar. Bu yazıda, WordPress spam yorumları nasıl engelleyeceğinizi ve en iyi uygulamaları detaylı bir şekilde ele alacağız. İşte “WordPress Spam Yorum Engelleme” rehberi:

Blog Yazılarım

Instagram Öne Çıkan

Instagram Öne Çıkan

Instagram, kullanıcıların hikayelerini öne çıkararak profillerinde kalıcı hale getirmelerine olanak tanır. Öne çıkanlar, profil ziyaretçilerine hikayelerinizi tekrar tekrar izleme imkanı verir ve markanızın hikayesini anlatmak için mükemmel bir yoldur. Bu yazıda, Instagram öne çıkanların ne olduğunu, nasıl kullanılacağını ve etkili kullanım ipuçlarını ele alacağız.

Profesyonel Web Site

Profesyonel Web Site

Dijital çağda, profesyonel bir web sitesine sahip olmak işletmeniz için büyük bir avantaj sağlar. Profesyonel bir web sitesi, markanızı güçlendirir, müşteri güvenini artırır ve çevrimiçi varlığınızı sağlamlaştırır. Bu yazıda, profesyonel bir web sitesi oluşturmanın önemini, süreçlerini ve dikkat edilmesi gereken noktaları ele alacağız.

Etsy Pinterest Entegrasyon

Etsy Pinterest Entegrasyon

Pinterest ise görsel keşif ve alışveriş platformu olarak milyonlarca kullanıcının ilham kaynağıdır. Etsy mağazanızın Pinterest ile entegrasyonu, ürünlerinizi daha geniş bir kitleye tanıtmak ve satışlarınızı artırmak için harika bir fırsattır. Bu blog yazısında, Etsy Pinterest entegrasyonunun ne olduğunu, nasıl yapılacağını ve avantajlarını ele alacağız. İşte Etsy Pinterest entegrasyonu rehberi.

Instagram Biyografi Yazı Tipi

Instagram Biyografi Yazı Tipi

Bugün sizlere Instagram biyografinizi nasıl daha çekici ve kişisel hale getirebileceğinizi anlatacağım. Instagram biyografiniz, profilinizin ilk izlenimini oluşturan önemli bir alandır. Yazı tipi değişiklikleri yaparak biyografinize dikkat çekici bir dokunuş katabilirsiniz. İşte bu süreci adım adım nasıl gerçekleştirebileceğinizi anlatan kılavuz.

WhatsApp
Çağatay Demir
Merhaba 👋
Size nasıl yardımcı olabilirim?