Tasarımlar

WordPress Nitro Teması [HTML5]

WordPress Nitro Teması [HTML5]

Bundan birkaç ay önce “Paylaşımlar ne üzerine olmalı?” adlı bir anketi ziyaretçilere açmıştım. Uçuk rakamlarda WordPress Temaları şıkkı işaretlenince ziyaretçilerin de isteklerine ayak uydurayım düşüncesiyle bir WordPress teması yapmaya karar verdim.

İş yükümün ve temponun hafiflediği şu dönemlerde iyi bir fırsat yakaladım ve değerlendirmeye koyuldum. 2 gün süren çizim sürecinden ve 3 gün süren kodlama çalışmalarından sonra temayı kullanıma hazır hale getirmiş bulunmaktayım. ;)

Özellikler

Tema, HTML5 ile kodlayıp paylaştığım 3. nesil WordPress teması oldu. Aynı zamanda CSS3′ün de çeşitli nimetlerinden faydalandım. 2 sütundan oluşuyor. Önceki temaların aksine, bu kez bileşen desteği kazandırdım. Stabil çalışması için birkaç eklenti gerekiyor. Bu eklentiler ve ayarları indireceğiniz dosya içerisinde bulunuyor. Kullanılan eklentileri de aklıma gelmişken listeleyeyim.

  • Breadcrumb NavXT
  • Recent Comments
  • PageNavi
  • PostViews

Twitter ve Sosyal Ağlar

Sağ sütunda bulunan Twitter ve Sosyal Ağlar adlı bölümleri kendinize göre değiştirebilmeniz için sidebar.php dosyasını düzenlemeniz gerekmektedir. Benim hazırladığım sidebarı kullanmak istemeyenler Görünüm – Bileşenler bölümünden kendi bileşenlerini kullanabilirler.

Önizleme

WordPress Nitro Teması [HTML5]

Son Sözler

Velhasıl-ı kelam 5 günün sonunda ekrana yansıyan bu oldu. Şimdilik bu kadar sanırım. Tema hakkında sormak istediğiniz, yardıma ihtiyaç duyduğunuz konuları, yazının hemen altında bulunan Yorumlar kısmında dile getirebilirsiniz. Elimden geldiği ve dilimin döndüğünce size yardımcı olmaya çalışırım.

İyi kullanımlar diliyorum. Umarım beğenmişsinizdir. Yeni temalar ve makalelerde görüşünceye dek hoşçakalın…

İndir

WordPress NitroBoyut: 1,2 MiB - İndirilme: 2.373
Nitro Logo PSDBoyut: 222,8 KiB - İndirilme: 649

Sponsor Bağlantılar
Web Hosting
96 Yorum
Yorumlar
  1. 1

    Tema ciden güzel olmuş. Renk olarak beni saran renk olmasada ana hatları bakımından oldukça güzel. Bu arada ilerleyen günlerde sanırım seninle iletişime geçeceğim bir konuda. Birde tam boy demo resim ya da gereçk demo olursa fena olmaz :)

  2. 2

    Ellerine sağlık Hüseyin, çok güzel gözüküyor…

  3. 3

    Eline sağlık resimde çok güzel gözüküyor. Bir de demo koysaydınız çok güzel olur.

  4. 4

    Enfes bir tema. Ayrıca Türk tasarımcının elinden çıkması ayrı bir güzellik katmış. Teşekkürler.

  5. Hüseyin Emanet
    5

    @aorhan,
    Teşekkür ederim, olur tabi görüşebiliriz.

    Bu arada demo da ekledim. Bu adresten temanın canlı halini görüntüleyebilirsiniz.

  6. 6

    Çok klasik olacak ama; “yine döktürmüşsün Hüseyin” :) Eline emeğine sağlık.

  7. 7

    hüseyin hocam eline sağlık

  8. 8

    Çok hoş, ellerinize sağlık.

  9. 9

    Tasarım şahane olmuş Hüseyin. 2 günde iyi iş çıkarmışsın gerçekten tebrik ederim :) dediğini edip yine html5 ile kodlamanı yapmayı da ihmal etmemişsin :) “Recent Comments” eklentisi yerine verdiğim kodlar işine yaramadı sanırım yükünü hafifletmiş olurdu aslında? Yine de çok temiz iş olmuş… Yeni okulunda başarılar diliyorum :) umarım zaman bulabilir ve yine çalışmalarına devam edersin :)

  10. 10

    Öncelikle elinize sağlık hocam.

    Siteme kurdum ve kullanmaktayım. Ancak bir sorum olacaktı. Bu temada ‘more’ tagı ekleyince anasayfada devamını oku yazı,grafik vs. herhangi birşey çıkmıyor. Bunu nasıl ayarlayabiliriz ?

  11. 11

    Başarılı bir tema. Teşekkürler.

  12. 12

    Atakan’ın dediğini ben diyecektim. Yine döktürmüşsün vesselam. :)

  13. 13

    Ellerine sağlık çok güzel olmuş :)

  14. Hüseyin Emanet
    14

    @ADogan,
    Teşekkürler Ahmet. O kodu senden aldım ama sonra unuttum kullanmayı. Geç farkına vardım maalesef. :D Dediğin gibi inşallah zaman ayırabilirim yeniliklere.

    @Atakan,
    Çok klasik oldu gerçekten :D

    @Semih,
    İhtiyacınız olan kod bu. index.php’de değiştirebilirsiniz.

    1
    
    < ?php the_content('Devamı...'); ?>

    Diğer arkadaşlara da teşekkür ederim.

  15. 15

    Hocam verdiğiniz kodu index.php’de ekliyorum bu sefer sitede index.php hatası veriyor. Hangi kodlar arasına vs. ekleyeceğimide söyleyebilirmisiniz veyada siz index.php’ye eklenmiş halini verirmisiniz ?

  16. Hüseyin Emanet
    16

    @Semih,
    Merhaba tekrar. Sanıyorum kullanmış olduğum eklenti kodu istediğim gibi göstermiyor. Kodun ilk karakterlerinde bulunan “< ?” ifadesini birleşik yazarak kaydedersen sorun olmayacaktır. Özür dilerim bu arada…

  17. 17

    Şimdi oldu teşekkürler hocam :)

  18. 18

    ” Hüseyin Emanet ” farkı budur işte :) Ellerine sağlık abi.

  19. 19

    Çok güzel tema olmuş bunun tema paneli mevcut mu?

  20. Hüseyin Emanet
    20

    @NovaCep,
    Vakit darlığında yaptığım bir çalışma olduğundan panel yetişmedi. Ama yapmayı düşünmüştüm. Bundan sonraki temalarda diyelim inşallah ;)

  21. 21

    Çok güzel bir tema, eline sağlık :)

  22. 22

    2. Sorum olucaktı
    1. http://work.huseyinemanet.com adresindeki tema demo olayını nasıl yapabiliriz eklenti varsa adını yazabilirmisiniz?

    2. Bu sitenin yorumlar bolumu cok güzel acaba kodları paylaşabilirmisiniz?

  23. 23

    Eline Sağlık , tebrikler çok güzel olmuş.

  24. Hüseyin Emanet
    24

    @Volkanagbulak,
    Eklentinin adı “WordPress Theme Demo Bar”.

  25. 25

    tema güzel, eline sağlık

  26. Onur KRAL
    26

    Kardeşim öncelikle eline sağlık yine döktürmüşsün.
    Ancak ve ancakk şu temadaki saat problemini napıcaz :)

  27. Hüseyin Emanet
    27

    @Onur KRAL,
    Demo sitesinden v1.1 sürümünü Beta kodu altında geliştiriyorum. Hataları giderdikten sonra v1.1 Update olarak güncelleyeceğim. Tarih sorunlarını giderdim. Ancak bazı sunucuların geri kalmış tarih ayarları olabiliyor. Bunun için website sahiplerinin barındırma hizmeti aldıkları firmayla iletişime geçmeleri gerekebilir. Ama şimdilik bir sorun yaşamadım tarih konusunda.

  28. 28

    Ustat bi sorum olucak simdi bi yorum alanına cok uzun yazınca ordaki comment bölümünden dışarı taşıyor bunu nasıl halledebilirim sabit bi genişlik nasıl verebilirim

  29. 29

    Çok güzel bir tema olmuş. Elinize sağlık.

  30. 30

    Bu son yorumlar kısmında sadece yorumları nasıl gösterebiliriz. Konular görünmeyecek…Bunu bana anlatırsanız memnun olurum…

  31. Hüseyin Emanet
    31

    @Volkanagbulak,
    Bununla ilgili canlı olarak görebileceğim bir link verirseniz update edeceğim sürümde (eğer bir hata var ise) düzeltmiş olurum.

    @Ahsen,
    Recent Comments ayarları altında buranın bir şablonu var.

    1
    
    <a href="%comment_link" title="Bu yorum, %post_title adlı yazıya %post_date tarihinde yapılmıştır" rel="nofollow">%comment_author</a>:

    kısmını silerseniz yazı başlığı silinmiş olacaktır. Bu şablonu basit HTML bilginiz ile bile düzenleyebilirsiniz. Özelleştirmek size kalmış. Takıldığınız yerde soru sormaktan çekinmeyin.

    Kolay gelsin.

  32. tommy
    32

    Hakkımda kısmına nerden yazı yazabiliriz ve tarihbende 20 eylül olarak görünüyo bunun nedeni ne olabilir?

  33. Ahmet Biçer
    33

    Hocam yine döktürmüşsün çok sağolda bi problemim var

    Ana sayfada gönderdiğim yazılarda 0 Wiews Görüntüleme yazıyor burdaki wiewsi nasıl kaldırabilirim .

    Bir de üst menüdeki yazıların (anasayfa,hakkımda vb.) yanına ikon nasıl koyabilirim?

    Son bi tane daha portfolyo sayfası yapmam için bi eklenti varmı bildiğiniz kullanışlı?

  34. Hüseyin Emanet
    34

    @Ahmet Biçer,
    Ayarlar klasörünü incelerseniz bununla ilgili açıklamaları o dosya içerisinde yapmıştım.

    @tommy,
    Tarihle ilgili bir sorun çıkmış. Bu sorunu not aldım. v1.1 sürümünde giderilmiş olarak paylaşacağım. Takipte kalırsanız bulacaksınız.

  35. Ahmet Biçer
    35

    teşekkürler sorunu çözdüm

  36. Ahmet Biçer
    36

    Bi sorum daha var
    Gönderiler son yazılar bölümüne gidiyor bazı gönderilerin resmi yok ona özel bir resim nasıl yapabiliriz mesela “Bu Gönderinin Resmi Yoktur” gibi bunu kodlar arasında nereye koymam gerekiyor.

  37. 37

    tema çok güzel, tasarım harika.. Tüm sitelerimde aynı anda kullanmak istiyorum yalnız, Thumbnail özelliği yok sanırım.. Varsa da özel alan kısmına ne yazılacağını bulamadım.. Resim ve thumbnail ile ilgili herşeyi yazım ama olmadı.

  38. Hüseyin Emanet
    38

    @Serkut,
    Merhaba Serkut, thumbnail çok fazla kullanılmadığı için yalnızca sidebar’daki son yazılar bölümünde thumbnail desteği uyguladım. Eğer yazılarına da thumbnail desteği vermek istiyorsan şuradaki kaynaktan faydalanabilirsin. Gayet basit bir dille anlatılmış.

  39. Ahmet Biçer
    39

    Hocam seni çok yordum kusura bakma

    yazıların arkasındaki arkaplanları nasıl değiştirebilirim yani

    yazıyoruz ya bunlardaki seçenekleri yazabilirmisin

  40. 40

    Sitenizi Çok Beğendim..

  41. 41

    Hüseyin abi Merhaba :) , Ben temayı siteme kurdum kullanıyorum şuan, ancak sana bir kaç adet sorum olucak

    Temada “devamını oku…” yeri yok hocam yukarıda @semih, e gösterdiğiniz kodu index.php da tam olarak nereye ekleyeceğim vede anasayfadaki son yorumlar kısmını nereden ve nasıl kaldırabilirim ? :)

  42. Hüseyin Emanet
    42

    @Anıl,
    Merhaba Anıl, düzenlemeyi index.php dosyasında şu satırı bularak yapabilirsin.

    1
    
    < ?php the_content('', ''); ?>

    Son yorumları kaldırmak istiyorsan da yine index.php dosyasında şu yorum satırları arasını silmelisin.

    1
    
    <!-- RECENT COMMENTS -->
  43. 43

    Elinize sağlık çok güzel bir tema olmuş

  44. 44

    valla ismaile ve atakana %100 katılıyorum :D yine döktürmüşsün :)

  45. 45

    Valla Süper Olmuş Eline Sağlık

  46. 46

    Eline sağlık Hocam Çok Güzel Bir Tema ,Kullanılmayı hak ediyor :)

  47. Can
    47

    Süper ötesi bi wordpress teması :D Elinize sağlık süper :D

  48. d_engin
    48

    Temanız cok güzel olmuş. Bir sorunum var yapamadım araştırdım ama bir sonuca varamadım.
    Sorunuma gelince kategorileri iki sutun halinde göstermek istedim googleden bulduğum kaynaklar ile yapamadım. mümkünse 2 sutun halinde kategori nasıl yapabilirim yardımcı olabiliirmisiniz?

  49. d_engin
    49

    Galiba zor soru sordum. : ) Anladığım kadarı cevap yazmadığınıza göre buna bir çözüm olmayacak.

  50. Ahmet Biçer
    50

    Merhaba,
    Yazılan yorumlara cevap nasıl yollayabiliriz? Daha doğrusu bunu nasıl yapabiliriz bazı eklentiler kurdum fakat fayda etmedi…

  51. 51

    Süper Tasarım Eline Sağlik

  52. Hüseyin Emanet
    52

    @Ahmet Biçer,
    Sorduğunuz sorudan birşey anlamadığımı itiraf etmeliyim :)

  53. 53

    Aradığım temayı buldum diyebilirim, görür görmez indirerek sitemde kullanmaya başladım. Ellerinize sağlık, çok teşekkür ederim.

  54. 54

    Merhaba hocam tasarım süper ellerine sağlık kodlama iyi hızlı olmuş
    ücretli iş yapıyorsanız benim psd dosyam var dökebilirmisiniz diyecektim teşekkürler

  55. Hüseyin Emanet
    55

    @Ömer Faruk Genç,
    Bu konuyla ilgili sitenin İletişim sayfasından ulaşırsan daha iyi konuşabiliriz.

  56. 56

    Mesaj yazdım fakat cevap alamadım ?

  57. 57

    etiketleri küçük yazı ile nasıl gösterecez?

  58. 58

    ha bide bu temada özel alan ile küçük resim ekleme nasıl yapılıyor lütfennn cevap ver hüseyin abi

  59. 59

    bu tema türkçe karakter destekli değil ? baksanıza http://www.indireceyiz.biz/ sitenin haline admin lütfen cvp

  60. Yavuz
    60

    Hüseyin Bey Themeforest’ta Brink adında bir tema bulunmakta. Tasarımın temel mantığı (sidebar olmayan ana sayfa gibi) gayet iyi. Ama demosuna siz de şöyle bir göz gezdirecek olursanız gerek font seçimi, gerek footer tasarımı, gerek resimlere border koyma gibi ayrıntılarda en ufak estetik ya da görsellik kaygısı güdülmediğinden ister istemez insan tasarımdan uzak kalıyor. Eğer yeni bir tema tasarım projen varsa buna benzer bir tema senin görsel tekniğin ile herkesin beğenisini kazanacaktır. Umarım senden böyle bir tema da görürüz.

  61. 61

    sadeliğiyle başarılı bir tema olmuş teşekkür ederiz ^^

  62. Hüseyin Emanet
    62

    @serdar,
    ???

  63. Hüseyin Emanet
    63

    @Yavuz,
    Takibe devam derim. ;)

  64. Yusuf Ak
    64

    Hocam eyvallah gerçekten yeteneğin var ve güzel işler yapıyorsun. Peki hiç tema editlemeyi düşündün mü? Birçok kişi var olan yeteneğini bir temayı editleyip görsel açıdan en iyi hale getirerek gösteriyor ve diğerleriyle paylaşıyor. Tüm webmaster forumlarında bu tür editlenmiş harikalar var. Sendende herkesin işlevselliği ile çok beğendiği ama görselliği kötü olan Mystique gibi bir temanın editini görme şansımız olacakmı.

  65. Hüseyin Emanet
    65

    @Yusuf Ak,
    İyi söylüyorsun, güzel söylüyorsun ama edit iş yaparak altına imzamı atamam maalesef. Bana yakışmaz yani. Edit iş yapmak yerine, oturur, sıfırdan tasarlar ve kodlarım. En mantıklısı budur sanırım. ;)

  66. 66

    Aslında çok güzel bir portal teması yapılsa çok güzel olur. Temalarınız gayet başarılı. Bir de portal teması olsa tadından yenmez.

  67. Hüseyin Emanet
    67

    @tarih,
    İleride düşünüyorum bu tarz işler, ancak şimdilik pek uygun değilim böyle temalar yapmaya. Kısmet… ;)

  68. 68

    Merhaba;
    Belki konu ile alakası olmayacak ama bi konuda fikrinizi almak istemiştim.
    Wordpress için bir tema yapmaya karar verdim ve kendimce bişeyler yaptım.
    Sizden istediğim ise temayı inceleyip yorum yapmanızdır. ( Biir bilen olarak)
    Şimdiden teşekkür ederim.

  69. 69

    Merhaba,birşey soracaktım.Acaba intro temasının başlık fontlarında bir sorun mu var değişik şekillerde gözüküyorda irili ufaklı yazılar

  70. 70

    Hüseyin üstadım eline sağlık gerçekten başarılı bir tema. Ben fixed temaları çok seviyorum bu temayı nasıl daraltabilirim?

  71. 71

    Hocam acaba logoyu nasıl değiştiririz ayrıca bende anasayfada logo altında son yorum yapanlar yazıyor onu nasıl kaldırabilirim ?? ?

  72. Hüseyin Emanet
    72

    @Tolga Yılmaz,
    Hangi temadan bahsettiğinizi söyleseydiniz keşke? :)

  73. Hüseyin Emanet
    73

    @Nizamettin,
    Temanın daraltılması, kullanılan grafiklerin boyutlarından ötürü sorun yaratacaktır Nizamettin :)

  74. Hüseyin Emanet
    74

    @Serhan,
    logo.png şeklinde kendi logonuzu oluşturduktan sonra FTP üzerinden temanın resim dosyalarının bulunduğu klasöre gönderebilirsiniz logonuzu.

  75. 75

    Teşekkürler, yaptım. Logo boyutları nedir acaba logo tam gözükmüyorda. Ona göre yapayım logoyu. Ayrıca tema renklerini nasıl değiştiririz ?

  76. Hüseyin Emanet
    76

    @Serhan,
    Orjinal boyutlar 270×71. Renklerde değişiklik yapmak istiyorsanız style.css dosyası ile oynama yapmanız gerekiyor.

  77. 77

    Teşekkürler Bir WordPress Teması Lazımdı Buldum Gibi Sayende

  78. Xplanser
    78

    Fatal error: Call to undefined function get_recent_comments() in /home/xp25/public_html/wp-content/themes/nitro/index.php on line 11

    haci böyle hata veriyor bee
    düzeltip ekeyebilirsmisin son sürüme göre
    eklersen sevinirim

  79. Hüseyin Emanet
    79

    @Xplanser,
    Tema klasörünün içerisinde yer alan Get Recent Comments eklentisini aktifleştirirseniz sorun çözülecektir.

  80. Xplanser
    80

    Teşekkürler Halletim Kardeşim Sağol Tema Süper Olmuş
    Son 1 İsteğim Olacak Bu Son Yorumları Yukardan Kaldırmak ve Sağa Almak istiyorum Nasıl yaparim ?

  81. AdmirüS
    81

    Merhaba kardeşim, wp 3.3.1 sürümünde bu temayı yükledim ancak index.php sorunlu oluyor.
    Yorum kısmı ile ilgili bir sorun galiba nasıl çözebiliriz.

    Fatal error: Call to undefined function get_recent_comments() in /home/xxxxx/public_html/wp-content/themes/nitro/index.php on line 11

  82. AdmirüS
    82

    Eline sağlık kardeşim, sorunların hepsi eklentileri aktif edince çözüldü.
    Teşekkürler.

  83. 83

    SELAM HUSEYİN KARDEŞ ONCELIKLE CALISMALARIN ICIN TESEKKURLER senden ricam

    ben mybb kullanıyorum bu temayı bana yollarsan sevinirim

    MyBB Tune – Ücretli & Ücretsiz MyBB Temaları

  84. Hüseyin Emanet
    84

    @MEHMET
    Tasarım satılık veya paylaşıma açık değil. Konsept bir tasarımdı. Herhangi bir şekilde dağıtılmayacak.

  85. 85

    Footer alanı gözükmüyor demoda.

  86. 86

    Elinize sağlık.Temayı çok beğendim ve sitemde kullanmaya başladım.Fakat küçük bir sorum olacak. Temanın biraz daha dolu gözükmesi için sayfanın sağ üst köşesine 468×60 boyutlarında reklam alanı eklemek istiyorum.Reklam alanını nasıl ekliyebilirim.Şimdiden Teşekkürler..

  87. 87

    Stil sayfası kayıp. Diye Bir Hata Verdi

  88. 88

    Çok Hoş bir Tema olmuş :)

  89. 89

    Çok güzel bir tema. Daha güzel olan şey ise bu temayı insanlarla paylaşmanız. Başka birisi olsaydı sanırım uçuk bir fiyata satmak için forum forum dolaşırdı. Tebrike ederim.

  90. 90

    Eline sağlık hocam gerçekten güzel bir çalışma olmuş bende kullanmaya başlıyorum temayı :)

  91. 91

    Elinize Sağlık Gerçekten Çok Güzel Olmuş :)

  92. 92

    Hocam demoda hakkımda kısmı ve sosyal alan kısmı gözüküyor fakat ben temayı kurdum bende görünmüyor yardım edebilecek olan??

Bilgi
Yorum Yap

Yorum içeriğini oluştururken konuyu saptıracak ve gereksiz tartışmalara yol açacak davranışlardan kaçınınız. Teknik bir sorun oluşması durumunda, iletişim sayfasını kullanınız.