• 19-09-2016, 22:49:14
    #1
    Uzun süredir wordPress tema yapmayı düşünüyordum ve bugün başladım, bazı bloglarda sitelerde sevdiğim bazı özellikleri şuanlık aldım ve yapmaya başladım.

    header


    1- Header aşağıya 300px indiğinde linear-gradient ile renkler ters dönüyor menü sabit kalıyor.
    Aşağıda bulunan kısım plax header olduğu için mouse hareketlerine göre hareket ediyor.
    Örnek için buraya tıklayın.
    1- Plax header arkaplanı değişecek.
    2- Hareket eden kısım için uygun şekiller oluşturalacak(icon pattern kullanmayı düşünüyorum)
    1-2 Arkaplana uygun bir renk getirilecek
    2- Logo değişecek


    İçerik kısmı



    1- Yazıların bulunduğu div üzerine gelindiğinde bütün hover özellikleri çalışmaya başlıyor.
    Resim divi opacity alıyor
    Konu divi görünür oluyor.
    Konu hakkında bulunan tarih, görüntüleme, yorum divleri görünür oluyor.

    Şuanlık yaptıklarım bu kadar yaptığım kısımları adım adım paylaşıp fikir alacağım, buraya kadar olan kısımlar hakkında değiştir veya olmamış dediğiniz kısımları söylerseniz sevinirim

    Header-İçerik Birleşim
  • 19-09-2016, 23:17:47
    #2
    Gayet güzel, bence tavsiyem iconlara fazlaca yer vermen görsel olarak hoş tutar, header arkaplanı kullanırken tek renk değilde background resmi kullan derim yine mavi tonlarında geçişli geçişsiz vs. Çokta garip değişik renklere gitme birbirine uyumlu sade renkler seç ve peş peşe kullanıp boğma header kısmında menüyü geliştirebilirsin, devamını bekliyorum ekledikçe beni etiketlersen konuya girip bakma şansım olur Bol şans dilerim kolay gelsin
  • 19-09-2016, 23:22:32
    #3
    berkayztr adlı üyeden alıntı: mesajı görüntüle
    Gayet güzel, bence tavsiyem iconlara fazlaca yer vermen görsel olarak hoş tutar, header arkaplanı kullanırken tek renk değilde background resmi kullan derim yine mavi tonlarında geçişli geçişsiz vs. Çokta garip değişik renklere gitme birbirine uyumlu sade renkler seç ve peş peşe kullanıp boğma header kısmında menüyü geliştirebilirsin, devamını bekliyorum ekledikçe beni etiketlersen konuya girip bakma şansım olur Bol şans dilerim kolay gelsin
    teşekkürler, dediklerinizi dikkate alacağım ve yaptığım değişikliklerden sonra sürekli etiketleyeceğim
  • 20-09-2016, 22:01:03
    #4
    header değişiklikleri


    Arkada kullandığım icon pattern çok hoşuma gitmedi ama buna benzer bir bg kullanacağım.




    içerik alanını biraz büyütüp bg verdim göze daha hoş gözükmesi için oku butonuna ileri iconu ekledim.

    Buda tam görünüm


    @berkayztr
  • 21-09-2016, 14:29:38
    #5
    Gayet güzel gidiyor, icon olan arkaplan iconların boyutları ufak olsa daha iyi durur diye düşünüyorum küçük küçük birsürü icon, içerik kısımlarında kutulara gölge verebilirsin ikisininde arkaplan beyaz olunca hoş olmamış öne çıkması için gölge olabilir..

    Verebileceğim tavsiyeler ;

    -Dediğim gibi icon kullanmaya özen göster
    -Güzel kaliteli fontlar kullan tek font üzerinden gitme
    -Yazılarda büyük küçük kalın italik vs. gibi şeyleri kullan mesela önemli olanları kalın önemsiz olanları küçük tarzında
    -Css de olan renk geçişleri(graident) transform gibi özellikleride kullanabilirsin
    -Açılır kapanır side bar yapabilirsin hoş durabilir
    -En son yazılar yazan rengi değiştirebilirsin, renk kullanımını artır fakat boğma kendine 4-5 renk seç yazılar içinde 2-3 renk civarında hep onlar arasında gidip gel şuanda iyi mesela hiç bozma

    Kolay gelsin
  • 21-09-2016, 18:30:23
    #6
    berkayztr
    tavsiyeleri dikkate alacağım, zaten daha font falan seçmedim öyle direk yapıyorum, ilk wordpress tema yapışım sürekli değiştiriyorum kısımları kafamda tam oturmadı, psd formatına döksemde aynı oluyor o yüzden tam kalıp değil ama header kısmı böyle olacak slogan yazan yerde belki hakkımda, iletişim gibi farklı bir menü oluşturabilirim gerisi hemen hemen aynı olacak
  • 29-09-2016, 00:55:47
    #7
    yazılar kısmı

    -Yorumlar kısmı benim hoşuma gitmedi ama taslak olarak koydum.
    -Yazı fontu olarak kararsızım



    @berkayztr