Zortingen WordPress Teması 1.0

zortingenMerhaba, wordpresse merak sardığımdan beri bloğum için bir tema yapmak istiyordum. Geçen sene kötü bir çalışmadan sonra dedim bırak bu iş bana göre değik ve nerdeyse bir sene kadar daha hiç bakmadım. Önceden kullanmış olduğum inove temasına css olarak biraz düzenledim o kadar ve onu kullanmaya devam ettim. Geçen sene ki çalışmamı ise yayınlamadım ve kötü bir anı olarak öylece duruyor. Ama şu da muhakkak ki kimse bu işi anasının karnında öğrenmiyor. Neyse…

[ad#orta]

Artık şu tema işine bir el atsam olur dedim ve Cem Demir arkadaşımın tavsiyesi ve yardımlarıyla da kendime özgün bir tema çizmeye karar verdim. Bu çizim sürecinde Fireworks’u kullandım. Çizimler sırasında bana tema standartlarıyla ilgili yardım eden Cem Demir arkadaşıma da buradan teşekkür ederim.
Temanın çizimini tamamladıktan sonra tabiki iş html ve css’e dökmeye geldi. Fakat bu süre baya uzundu. Dökmeye başlamak bazı nedenlerden biraz geçikti. Neyse geciksin… Yapacak birşeyin olmadığı bir gün dedim kendime, ne duruyorsun bir dene de şunu dök css’e olmadı sonrada wordpress’e giydirriz, dememle işe başladım ve iki güne yakın sürede css’e döktüm. Daha sonrasında wordpress’e giydirmeye çalıştım. Tabiki ilk deneme yine başarısız. Çok kötü bir görünüme geçti wordpresse giydirmeye çalışınca. O gün öylece bıraktım. Dursun dedim boşver eski temamı kullanmaya devam edeyim dedim ama yine içime sinmemiş olacak ki ertesi gün tekrar başına oturdum ve wordpress’e giydirmeye devam ettim. Giydirdikçe eksiklerini gördüm ve css’e girerek eksiklerini düzelttim. Yeni şeyler ekledim. Birazda çizimin dışına çıktım bazı renkler konusunda.
Ortaya pat çat bir şeyler çıktı. Tema çalışmalarını yaparken localhostta çalışıyordum. Bunun üzerine şunu bir de bloğum deneyeyim dedim ve yükledim. Bloğumda da fena durmadı. İki gün felan da wordpress’e giydirme, eksiklerini düzeltme, eklentiler uyumu, twitter takipçi sayısı ve son mesajın gösterilmesi ayarlarını yaptım. Tema çok güzel oldu ve bloğumda aktif ederek kullanayım dedim. Fakat kullandıktan sonra, yazı tipi işi bozuyordu. Çizim yaparken yazı tipini PT Sans kullanmıştım. Kimselerde olmayan bir font. Bu font sorun çıkarcaktı bu yüzden bir kaç yol denedim ve adam akıllı herkeste olan bir font kullanmaya karar verdim. Kullandığım font tabiki Tahoma oldu. Yeni fonta geçtikten sonra tekrardan yazı boyutlarını değiştirmek gerekti ve onlara da bir ayar geçtim. Tema artık son halini almıştı ve kullanmaya hazır duruyordu.

Temanın yapım aşamasından bu kadar bahsetmek yeterli olur sanırsam. Şimdi de birazcık temanın özelliklerinden bahsedelim.Yukarıdan aşağıya doğru…

  1. Kullanılan yazı tipi Tahoma‘dır.
  2. Sosyal ağlar iconları bulunmaktadır. Buraya, header.php dosyasındaki alana kendi sosyal ağ adreslerinizi yazarak takipçilerinize kolaylık sağlamış oluyorsunuz. Değiştirilmesi gerekli olan alanlar sırasıyla: hasanhuseyinisler, hsnhsynisler, #, # ‘dır.
  3. <a href="http://www.facebook.com/hasanhuseyinisler" class="fb"><img src="<?php bloginfo('template_url'); ?>/images/facebook.png" alt="facebook" /></a>
                    <a href="http://www.twitter.com/hsnhsynisler" class="tw"><img src="<?php bloginfo('template_url'); ?>/images/tweet.png" alt="tweet" /></a>
                    <a href="http://friendfeed.com/#" class="ff"><img src="<?php bloginfo('template_url'); ?>/images/ff.png" alt="friendfeed" /></a>
                    <a href="http://www.google.com/profiles/#" class="gg"><img src="<?php bloginfo('template_url'); ?>/images/google.png" alt="google"/></a>
  4. Twitter takipçi sayınızı ve Twitter son mesajınızı gösteren bir alan bulunmaktadır. Buraya yani header.php dosyasındaki alana Twitter kullanıcı adınızı yazarak bu özelliklerden faydalanabiliyorsunuz. Aşağıda hsnhsynisler alanını kendi hesabınızla değiştiriniz.
  5. <div id="ttakip"><?php echo twounter('hsnhsynisler') ?>  kişi takipte!<br /><a href="http://www.twitter.com/hsnhsynisler">Sen de takip et.</a></div>
                </div>
    <div id="twmesaj"><?php twitter_messages('hsnhsynisler', 1, false, true, '&raquo', true, true, false);?></div>
  6. Temam iki kolondan oluşmaktadır.
  7. Sol kolonda yazılan yazılar bulunmaktadır.
  8. Sağ kolonda dört adet sidebar bulunmaktadır. Bunlar üst, sol yan, sağ yan, alt ‘dır. Bunları kullanmak için yönetim panelinizden bileşenler kısmına girmek ve istediğiniz elemanı içine sürüklemek yeterli oluyor.
  9. Footer alanına geldiğimizde FeedBurner kullanıcılarına özel FeedBurner takipçi sayısını gösteren alan bulunuyor. Buraya da footer.php dosyasına girerek gerekli alana kendi hesap adınızı yazdığınızda kendi takipçi sayınızı görebiliyorsunuz. Aşağıda PhpSorunu yazan alanı kendi hesap adınız ile değiştiriniz.
  10. <a href="http://feeds.feedburner.com/PhpSorunu"><img src="http://feeds.feedburner.com/~fc/PhpSorunu?bg=CCCCCC&amp;fg=444444&amp;anim=0&amp;label=listeners" height="24" width="88" style="border:0" alt="feedurner" /></a>
  11. Footer kısımında bulunan Zortingen teması linkide tema yapımcısı olarak benim bloğuma yönlendirmektedir. Temayı kullanan arkadaşlara buradan o linki kaldırmamalarını rica ediyorum.
  12. Temanın kendisinin yorum sistemi olmakla beraber, ben kendi bloğumda intensedebate eklentisini kullanıyorum. Bu eklenti hem spamlara birebir hem de güzel ve kullanışlı olduğu için tercihimdir. Temanın içinde eklentiler diye klasörde eklenti bulunmaktadır.
  13. Sayfalama eklentisi olarak da wp-pagenavi kullanmaktayım.
  14. Twitter takipçi sayısını gösterme için ise twounter eklentisi kullanmaktayım.
  15. Twiiter son mesajımı göstermek için ise twitter-for-wordpress eklentisi kullanmaktayım.
  16. Yazılardaki okunma sayısını göstermek için ise wp-postviews eklentisini kullanmaktayım.
  17. Bahsetmiş olduğum tüm eklentiler tema içerisindeki eklenti klasörü içinde bulunmaktadır. Temanın tam işlevli çalışabilmesi için eklentileri yükleyip etkinleştirmeniz gereklidir.

Temanın demosunu görmek veya temayı indirmek için linkleri tıklayınız.
Temayı kullanan veya deneyen arkaşlardan ricam şudur. Lütfen temanın eksik veya hatalı olarak gördüğünüz kısımlarını bildiriniz.
Temayla ilgili düşüncelerinizi yorum olarak iletirseniz temanın yeni versiyonunda onları da dikkate alırım.

“Zortingen WordPress Teması 1.0” için 38 cevap

    1. Sağolasın Cem. Tasarım orada ben burada duruyordum. P.tesi bir başladım, bitti. Biraz zor oldu ama sanırsam ortaya güzel bir ürün çıktı. İnş. devamı güzel olur. Çizimdeki yardımlarım için tekrardan çok teşekkürler.

  1. Çok başarılı bir çalışma olmuş. Temanın ismi ayrı güzel 😀 @font-face ile PT Sans fontunu kullanabilirdiniz söylemeden edemeyeceğim. Ama olsun Tahoma'yla da kötü değil 🙂

  2. Hocam elinize sağlık fakat bi sorum olucak. Yazıya bi resim eklediğimizde sağ veya sola (yani align-left veya align-right) resmin yanında sadece 1 satır yazı gözüküyor. Fakat sizin blogunuzda bu sorun yok. Bunu nasıl çözebilirim.

    İyi çalışmalar.

      1. Çok teşekkürler. Bende hep uğraşmamak için cssye döktüm

        style.css dosyasının en altına

        .icerikgoster img.alignright {float:right; padding:5px 10px 5px 0px;}
        .icerikgoster img.alignleft {float:left; padding:5px 10px 5px 0px;}

        kodlarını eklerlerse sorun çözülmüş olacaktır.

    1. Kendimin Google profili olmadığı için onun linkini şöyle verdim: http://www.google.com/profiles/# bu yüzden oradaki #(diez) yerine profil adresimi yazarsam veya yazarsanız gidilmek istenen profile gidecektir. Aksi takdirde kullanıcı bilgisayarında açık olan profile gider. İlginiz için teşekkür ederim.

    1. Eklenti değil, google'nin feedburner'in sağladığı bir sistem. Feedburner'e kayıt olursanız size kod verecektir. Onu da bileşenlerden metin ekle diyerek, o kodu içine yapıştırdığınızda aynı şekilde sizde de gözükecektir.

    1. Özlü söz için herhangi bir eklenti veya kod vs. kullanmıyorum. Aklıma gelen sözleri aynı mantık bileşenlerdeki metin ekle kısımından değiştiriyorum. Aklıma geleni yazıyorum yani…

  3. Kategoriler olusturdum. bileşenler kısmından kategorileri gostermek içni sdebara kaydırdım. kaydettim fakat Genel kategorisinden baskası gorunmuyor.

    1. Kategoriler gözükmüyor derken? Şu an sitedeki kategoriler gözüküyor gördüğünüz üzere…. Alt kategoriler mi gözükmüyor tam olarak sorununuz nedir?

      1. site adresim islamiyet.tk
        sağ tarafa bakarsanız sadece Kur'an-ı Kerim kategorisi var. fakat ben wpadminden 10 tane kategori ekledim ama sadece 1 kategori gorunuyor. umarım anlatabildim.

        1. Hocam olay tema ile ilgili değil siz ve wordpressle ilgili. Yani eğer bir kategori eklemiş iseniz o kategori ile ilgili yazı yazmadıysanız o kategoriler kısmında gözükmez. Kategoriye ait yazı eklerseniz sorununuz çözülecektir.

  4. Hocam tema'da konuları açarken resimleri otomatik boyutlandırmasını istiyorum anasayfa görünümü için. Bunun için ilave alana gerek var sanırım bunu nasıl yapabilirim yardımcı olur musun

    1. Onun için temada özel bir alan ayarı yapmadım. Fakat 2. versiyonunda thumbnail ve özel alan koymayı düşünüyorum. Kendi blogumda resimleri göstermek için kullandığım kod ise şu şekildedir.
      <img src="http://www.phpsorunu.com/wp-content/uploads/screenshot.png&quot; alt="zortingen" title="screenshot" style="float:left; padding:5px 10px 5px 0px;width:120px; height:100px">
      Sizde sadece resim kaynağını değiştirerek resimleriniz gösterebilirsiniz.(koddaki resim kaynağı : "http://www.phpsorunu.com/wp-content/uploads/screenshot.png&quot😉 bu alanı değiştirmelisiniz.

      1. Hocam tema çalışmadı bende :S Şöyle bir hata verdi

        Fatal error: Call to undefined function twounter() in /home/forumlin/public_html/wp-content/themes/Zortingen Temasi/zortingen/header.php on line 77

        1. Hocam, eklentiler klasörünün içindeki twounter eklentisini sitenize kurun ve aktif edin sorun ortadan kalkacaktır.

    1. Gerekli eklentileri aktif edip tekrar deneyin. Tema klasöründe eklentiler mevcut. Büyük ihtimal sorun budur olmaz ise hata ile lütfen geri bildirim yapın yardımcı olmaya calışacağım.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir