WordPress Notları

WordPress Haberleri,İpuçları,Eklentileri,Temaları ve dahası

  • Haberler
  • İpuçları
  • Nasıl Yapılır
  • Eklentiler
  • Temalar
  • Multisite
  • Güvenlik

26 Ağustos 2012 tarihinde Mustafa Uysal yazdı Yorum yapın

WordPress Temalarının Anatomisi

Bugünkü yazımda WordPress tema yapısını inceleyeceğiz. Öncelikle birWordPress temasını oluşturan dosyalara bakalım.

Tema Dosyaları

Görsel Digging into WordPress kitabından alınmıştır.

Gördüğümüz gibi index.php ve style.css çekirdek olarak gerekli dosyalarımız. Bunun yanında sidebar.php, single.php gibi genellikle tüm temalar tarafından kullanılan standart dosyaları görebilirsiniz.

Tema Hiyerarşisi

Şimdi temaları daha iyi anlamak için hiyerarşisine bakalım.

Görsel Digging into WordPress kitabından alınmıştır.

Gördüğümüz gibi tema dosyalarının öncelikleri belirlenmiştir. Örneğin kullandığınız temada home.php dosyası yoksa siteye ilk giren birisi index.php sayfasına istek gönderecektir.

Fonksiyonlar

Görsele tıklayarak büyük boyutunu indirebilirsiniz.

Her tema geliştiricisinin bilmesi gereken temel fonksiyonlar, bunları bilmeniz faydalı olacaktır. (görselin büyük boyutunu indirip masaüstü arkaplanı olarak ayarlayabilirsiniz 🙂

Genel olarak baktığımız için kod kısmına şimdilik girmek istemiyorum. Ama kısa bir örnek vermek gerekirse diyelim temamızın header dosyasını hazırlıyoruz. Header.php içeriğimiz genelde meta bilgileri, başlık bilgileri, navigasyon gibi sayfamızın baş kısmını oluşturan bilgileri içerir.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title>
<?php if (function_exists('is_tag') && is_tag()) {
single_tag_title('Tag Archive for &quot;'); echo '&quot; - ';
} elseif (is_archive()) {
wp_title(''); echo ' Archive - ';
} elseif (is_search()) {
echo 'Search for &quot;'.wp_specialchars($s).'&quot; - ';
} elseif (!(is_404()) && (is_single()) || (is_page())) {
wp_title(''); echo ' - ';
} elseif (is_404()) {
echo 'Not Found - ';
}
if (is_home()) {
bloginfo('name'); echo ' - '; bloginfo('description');
} else {
bloginfo('name');
}
if ($paged > 1) {
echo ' - page '. $paged;
} ?>
</title>


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>

<div id="navigation">
 <?php wp_nav_menu( array( 'theme_location' => 'menu-2' ) ); ?>
 </div>

gibi olabilir. Header dosyamız sadece <head> taglarının arasını içermek zorunda değildir.

Gelecek yazılarda görüşmek üzere 😉

Bunu paylaş:

  • Tweet
  • Daha fazla
  • Tumblr' da Paylaş
  • E-posta

İlgili

Kategori:İpuçları, Nasıl Yapılır, Ortaya Karışık, Tasarım, Temalar Etiketler: wordpress tema dosyaları, wordpress tema fonksiyonları, wordpress tema hiyerarşisi, wordpress tema yapımı, wordpress tema yapısı, WordPress Temalarının Anatomisi

Hakkımda Mustafa Uysal

WPNotları'nın kurucu editörü. WordPress üzerine yazar, çizer arada katkı yapar.

Bir cevap yazın Cevabı iptal et

Lütfen gerçek bilgilerinizi kullanın. Herhangi bir site adı ile yazılan yorumlar onaylanmayacaktır!

Popüler Yazılar & Sayfalar

  • WordPress Multisite Kurulumu
    WordPress Multisite Kurulumu
  • WordPress Site Trafiğini Gösterin
    WordPress Site Trafiğini Gösterin
  • WordPress Temalara Menü Desteği
    WordPress Temalara Menü Desteği
  • WordPress Parametreli Özet/Alıntı (Excerpt) Kullanımı
    WordPress Parametreli Özet/Alıntı (Excerpt) Kullanımı
  • WordPress'de Alt Sayfaları Ana Sayfaya Yönlendirmek
    WordPress'de Alt Sayfaları Ana Sayfaya Yönlendirmek

Bloga e-posta ile abone ol

Bu bloga abone olmak ve e-posta ile bildirimler almak için e-posta adresinizi girin.

Blogroll

  • HandyPlugins
  • Powered Cache
  • WPHandle
  • Hakkımızda
  • İletişmeyin!
  • Bülten Gönder
  • Site Haritası
  • Gizlilik Politikası

© 2023 - WPNotlari

Bu internet sitesinde, kullanıcı deneyimini geliştirmek ve internet sitesinin verimli çalışmasını sağlamak amacıyla çerezler kullanılmaktadır. TamamGizlilik politikası