WordPress Tema Yapımı #Ders1

WordPress tema yapımı görüldüğü kadar zor bir işlem değildir. Tabi bir temayı direk kodları ile uygulayıp basit işlevde yapıyorsanız bunu yarım saatte de yapabilirsiniz. Panelim olsun herşeyi tek tıkla halledeyim sürekli geliştireyim diyorsanız bu yapım işlemi daha da uzun sürecektir. Yinede bir şekilde hepsi için bir başlangıç yapmak gerekiyor. 😉

Bende tema yapımını biliyorum yaptığım bir çok tema var ama ilk yaptığım temalara baktığım zaman baya acemilik yaşadığımı anımsatmıştı. Tabi sonrasında bir çok fonksiyon ile güçlendirerek o basit temalarımıda kullanmıştım. 🙂

Derslerin adedi tema bittikten sonrada devam edecek. Tema lisanslama, tema admin paneli ekleme v.b eklemeler ile temayı dersler ile işleyeceğiz. Geniş kapsamlı bir konu olacak kesinlikle takipte kalın derim. 🙂

İlk Başlangıç İçin Gerekenler:

• Gelişmiş bir metin editörü.. Notepad++ İndirmek İçin Tıklayın
• Kodlayacağınız tasarım size ait değilse hali hazırda ücretsiz olan html template..
• WordPress kısa kodları.. WordPress Kod Arşivi
• Bir kahve.. 🙂

Beraber dersimizi yapacağımız için aynı templateyi kodlayalım. Bunu İndirin

Kodlayacağınız tasarımı bilgisayarınıza indirdiniz. İlk işlem tema adını taşıyan boş bir klasör oluşturun. (Temanıza vermek istediğiniz isim olsun. Ben Testir diyorum.)
İçine boş olarak; index.php, header.php, footer.php, single.php, page.php, functions.php, category.php, archive.php, 404.php, search.php, comments.php, tag.php, style.css

index.php: Sitenizin anasayfasıdır. header.php, footer.php ve sidebar.php yi bu sayfada çağırıyoruz.
header.php: Sitenizin üst bölümüdür. Tüm sayfalarda görünecektir. Logo, menü bu alanda yer alır.
footer.php: Sitenizin alt bölümüdür. Tüm sayfalarda görünecektir. Copyright yazısı, eklerseniz farklı kodlarınız bu kısımda yer alır.
single.php: Sitenizde içerik yazılarının göründüğü okuma sayfasıdır.
page.php: Hakkımda, İletişim v.b şekilde sayfaların göründüğü alandır. (ÖRNEK)
functions.php: Temaya yapılacak tüm ayarların çalışması için kullanacağımız fonksiyon dosyasıdır.
category.php: Oluşturduğumuz kategorilere ait yazıları listeleme sayfasıdır. (ÖRNEK)
archive.php: Aylık, yıllık ve günlük olarak yazıları listeyelen sayfamız. (ÖRNEK)
404.php: Sitenizde bulunamayan hatalı url olarak algılanan sayfa bulunamadı işlevi.
search.php: Sitenizde yapılan aramaların sonuçlarının listelendiği sayfa.. (ÖRNEK)
comments.php: Yazılarınıza yorum yazılabilmesi için oluşturulan bölüm..
tag.php: Sitenizde yazıya göre eklediğiniz etiketlerin konuya göre listelendiği sayfa. (ÖRNEK)
style.css: Sitenizdeki renklerin, fontların, html biçimlerin, tabloların v.b tüm stilin yerleşimini kısaca tasarımı getiren işlev..

İlk olarak oluşturduğunuz boş sayfalardan style.css dosyasını Notepad++ ile açarak alttakini düzenleyerek ekleyin.

/*
Theme Name: Testir
Theme URI: https://www.bycaner.com
Description: Caner’in testir teması
Version: 1.0
Author: Caner Özgürel
Author URI: https://www.bycaner.com
*/

*/ kodundan hemen sonra indirdiğiniz templatenin style içeriğini olduğu gibi yapıştırıp kaydedin. (İlk dosyamız tamamdır. 🙂 )

2. Dersimizde index.php, header.php ve sidebar.php’yi kodlayacağız.