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!

Referans Çalışmalarımı İnceleyin

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 Ücretli Mi

WordPress Ücretli Mi

Birçok kişi WordPress’in kullanım maliyetleri hakkında sorular soruyor: WordPress ücretsiz mi yoksa ücretli mi? Bu yazıda, WordPress’in maliyetlerini ve fiyatlandırma yapısını detaylı bir şekilde ele alacağız.

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 Sayfa Düzenleme

WordPress Sayfa Düzenleme

WordPress, web sitenizi oluşturmak ve yönetmek için güçlü bir platform sunar. Web sitenizin sayfalarını düzenlemek, ziyaretçilerinizin sitenizde gezinmesini kolaylaştırmak ve içeriğinizi etkili bir şekilde sunmak için kritik bir adımdır. Bu yazıda, WordPress sayfa düzenleme sürecini adım adım ele alacağız.

WordPress Resim Ekleme

WordPress Resim Ekleme

Görseller, web sitenizin görsel çekiciliğini artırır ve içeriklerinizi daha ilgi çekici hale getirir. WordPress, resim eklemeyi ve yönetmeyi kolaylaştıran kullanıcı dostu bir içerik yönetim sistemidir. Bu yazıda, WordPress sitenize nasıl resim ekleyeceğinizi ve bu resimleri nasıl optimize edeceğinizi adım adım ele alacağız. İşte “WordPress Resim Ekleme” rehberi:

WordPress Film Temaları

WordPress Film Temaları

Film ve sinema endüstrisinde yer alıyorsanız veya film blogları, film inceleme siteleri ya da film veri tabanları oluşturmayı planlıyorsanız, doğru WordPress teması seçimi oldukça önemlidir. WordPress film temaları, filmleri, dizi ve TV şovlarını etkili bir şekilde tanıtmanıza, incelemenize ve ziyaretçilerinizin dikkatini çekmenize yardımcı olur. Bu yazıda, en iyi WordPress film temalarını ve özelliklerini inceleyeceğiz.

WordPress Google Map Ekleme

WordPress Google Map Ekleme

Web sitenize harita eklemek, ziyaretçilerinizin konumunuzu kolayca bulmalarına yardımcı olur. WordPress, Google Maps entegrasyonu için çeşitli yöntemler ve eklentiler sunar. Bu yazıda, WordPress sitenize Google Map eklemenin en kolay yollarını adım adım ele alacağız. İşte “WordPress Google Map Ekleme” rehberi:

WordPress Admin Paneli Giriş

WordPress Admin Paneli Giriş

WordPress, kullanıcı dostu arayüzü ve güçlü özellikleriyle web sitesi yönetimini kolaylaştırır. WordPress admin paneli, web sitenizi yönetmek ve özelleştirmek için kullanacağınız merkezdir. Bu rehberde, WordPress admin paneline nasıl giriş yapacağınızı ve ilk ayarlarınızı nasıl yapacağınızı adım adım açıklayacağız.

WordPress Hosting Taşıma

WordPress Hosting Taşıma

Web sitenizi daha hızlı, güvenilir veya daha uygun maliyetli bir hosting sağlayıcısına taşımak istiyorsanız, doğru yerdesiniz. WordPress sitenizin hosting taşıma süreci, doğru adımları izlerseniz oldukça basit olabilir. Bu yazıda, WordPress hosting taşıma işlemini adım adım ele alacağız. İşte “WordPress Hosting Taşıma” rehberi:

Blog Yazılarım

Web Tasarım Nedir

Web Tasarım Nedir?

Web tasarım nedir, web siteleri oluşturma sürecidir. Web grafik tasarımı, arayüz tasarımı, yazarlık, kullanıcı deneyimi tasarımı ve arama motoru optimizasyonu dahil olmak üzere birçok farklı yönü kapsar.

Sermayesiz E-Ticaret

Sermayesiz E-Ticaret

E-ticaret dünyasına girmek istiyor ancak sermaye eksikliği nedeniyle tereddüt mü ediyorsunuz? İyi haber şu ki, minimum maliyetle ve sermayesiz e-ticaret yapmanın birçok yolu vardır. Bu yazıda, sermayesiz e-ticaret işine başlamanın yollarını ve bu süreçte dikkat edilmesi gereken önemli noktaları ele alacağız. İşte sermayesiz e-ticaret işine başlamanın adımları:

Çatalca Web Tasarım

Çatalca Web Tasarım

Dijital dünyada güçlü bir çevrimiçi varlık oluşturmak, işletmenizin başarısı için vazgeçilmezdir. Çatalca’da faaliyet gösteren işletmeler için profesyonel web tasarım hizmetleri, markanızı dijital dünyada öne çıkararak müşterilerinizle etkili bir şekilde iletişim kurmanıza yardımcı olabilir. Bu yazıda, Çatalca’da web tasarım hizmetlerinin önemini, sundukları çözümleri ve öne çıkan firmaları inceleyeceğiz.

Instagram Takipçilerini Arttır

Instagram Takipçilerini Arttır

Bugün sizlere Instagram’da takipçi sayınızı nasıl arttırabileceğinizi anlatacağım. İster kişisel bir hesap olsun ister işletme profili, daha fazla takipçi kazanmak, etkileşim oranlarını artırmak ve profilinizi daha geniş kitlelere ulaştırmak için önemlidir. İşte adım adım uygulayabileceğiniz etkili ve pratik ipuçları.