Wordpress Tema Yapımı - 1

Bu dersimizde baştan başlayarak Wordpress'te kendi temanızı nasıl yapacağınızı öğreneceğiz.

Bu dersimizde baştan başlayarak Wordpress'te kendi temanızı nasıl yapacağınızı öğreneceğiz.

Wordpress teması hazırlamak için çok az ve parçalanmış Türkçe kaynaklar bulabildim. Ve bütünlük için buradan adresinden öğrendiğim wp tema yapmasını sizle paylaşmaya karar verdim..

Localhostta hazırlanmıştır...

Tema için lazım olanlar...

- Bir text editörü.Bu notepad,dreamweaver yada herhangi bir program olabilir.
- http://validator.w3.org/ ve http://jigsaw.w3.org/css-validator/ siteleri.
- Ve son olarak bir wordpress...




1-Giriş

Temel Kurallar:
  • Açtığınız kod tagını mutlaka hemen kapatın. Bu sizin ilerde içinden çıkılmaz karmaşıklıklara itmesin.




  • Her tema style.css ve index.php olmak üzere 2 ana dosyadan oluşur.Bonuslarıyla beraber aşağıdaki liste kadar oluyor bu dosyalar.

  • style.css
    index.php
    home.php
    single.php
    page.php
    archive.php
    category.php
    search.php
    404.php
    comments.php
    comments-popup.php
    author.php
    date.php




    2-Düzen:



    Resimde düzenin nasıl sağlandığı gösteriliyor.
    Şimdi bunları tek tek açıklıyalım..

    - index.php: Temamızın giriş sayfasıdır. Yani siteye ilk girenler bu sayfayı görecektir.

    - single.php: Temamızın içerik sayfasıdır. Siteye giren kişi herhangi bir yazı açtığında bu sayfa üzerinden yazı gösterilecektir. Bu dosya olmazsa içerik index.php üzerinden gösterilecektir.

    - page.php: Temamızın sayfaları gösteren kısmıdır. Siteye giren kişi oluşturduğumuz sayfalardan birine girdiğinde bu dosya üzerinden sayfa gözükecektir. Bu dosya olmazsa sayfa index.php üzerinden gösterilecektir.

    - archive.php: Aynı şekilde bu dosyada arşiv sayfasını gösterir. Bu olmazsa arşiv index.php üzerinden gösterilir.

    - search.php: Sitemizde arama sonuçlarının gösterileceği sayfadır. Eğer yoksa sonuçlar index.php üzerinden gösterilir.

    - 404.php: Herhangi bir hata oluştuğunda bu sayfa gösterilir.

    Sadece 6 dosyayı gösterdim. Diğerleri fazla gerekli olmadığı için yazmadım.




    Sonraki ders-sayfa yapısı üzerinde duracağım.
    • Etiketler;
    Yorum Yaz

    Yorum yazabilmek için üye girişi yapmanız gerekiyor!

    öncelikle teşekkürler. eğer mümkünse photoshop çıktısı bir tasarıma nasıl wordpress entegre edebileceğimi(zi) analabilir misiniz? :-dusun:
    tüm dersleri anlatmayı bitireyim istediğinizi benim anlatmama bile gerek kalmayacak.
    çok faydalı bir ders teşekkürler.. devamını dileriz.
    gerçekten de çok güzel bir ders diğer dersleri okumak için sabırsızlanıyorum
    cok süper gercekten işime cok yaayacak bilgiler mevcut:D
    çok teşekkürler fakat bir sorum olacak ben wordpress için bir tema indirdim ve bu temadaki bazı yerleri örneğin video kutusu vb. değiştirmak istiyorum yardımcı olabilirseniz sevinirim belki site içerisinde olabilir fakat tam bir içerik taraması yapamadım şimdiden teşekkürler...:D:kirp:
    photoshopta yapılan tasarımları wp'ye oturtmak için divine isimli bir ps scripti vardır onu deneyebilirsiniz. http://www.divine-project.com/ adresinden girip biraz kurcalarsanız bulursunuz fakat ingilizce gerektirmekte.

    Yukarı Git