• 27-08-2014, 01:46:47
    #1
    Merhaba,

    Arkadaşlar sizlere wordpress Hueman temasını ve kurulumunu elimden geldiğince anlatmaya çalışacağım. tema hoşuma gitti bazı sitelerimde kullanmak istedim ama kurulumda baya bi sıkıntı çektim neredeyse tüm günüm gitti bu dertten muzdarip olduğum için başkaları da aynı sıkıntıya düşmesin diye bu konuyu açtım.

    Öncelikle Kısaca Temadan Bahsedeyim ;

    Tarayıcıya duyarlı (responsive – esnek) olduğu için bütün ekran boyutları ve cihazlar için ayrı ayrı site şablonu kullanmanıp üyeleri başka linklere yönlendirmenize de gerek kalmıyor.

    Dosyalarında ufak tefek bir kaç tane (toplamda 3.17 kb boyutunda) resim dışında herhangi bir resim kullanılmamış. Kullanılan bu resimler de resim eklemediğiniz yazılar yüzünden görüntüsü bozulmaması için otomatik görüntülenen resimlerdir. Hueman da kullanılan ikonlar ise Font Awesome (ikonik fontlar) ile eklenmiştir. Ayrıca Font Awesome de kayıtlı olan bütün sosyal ağ ikonlarını kolaylıkla sitenizde görünmesi için ayarlayabilir ve sosyal ağ linklerini ekleyebilirsiniz. Bunlar dışında geri kalan dosyaların boyutu ortalama 2 megabaytın üzerindedir. Normal bir wp şablonu için 200 yada 300 kblik dosyalar bile yeterken Hueman için geliştiricinin ne kadar zahmet verdiği de apaçık ortada görünüyor.

    Kullanabileceğiniz 3 adet menü bulunuyor. Bir tanesi sayfanın en üstünde sabit bir şekilde duran ve sayfa ile beraber aşağı yukarı kayan top menü, ikincisi bannerin altındaki menü ve üçüncüsü de footer de bulunan menüdür. Tarayıcıya duyarlı (responsive – esnek) olduğu için bu menüler de otomatik boyut değiştirebilme özelliğine sahiptir. Yani menüler de esnek olarak hazırlanmış. Tarayıcı küçültüldüğünde belli bir boyuttan sonra menü linkleri kayboluyor ve sadece kategori ikonu görünüyor.

    Yönetim paneli üzerinden değişiklikler yapabilmeniz için ayarlar bölümü de bulunuyor. Bu bölümde menü renkleri, maksimum banner genişliği, responsive özelliği açma-kapatma, feed burner adresi ekleme, favicon ekleme, izleme kodu ekleme, şablon seçimi gibi daha birçok özellik bulunuyor. Aslında tamamını sayacaktım ama tahmin ettiğimden de fazla özellik var. Hatta birçok tema da olmayan sidebar düzeni de bulunuyor. Tek sidebar, çift sidebar, her iki sidebar sağda, her iki sidebar solda yada sidebar bölümlerini gizleme gibi bir ayar buda.

    Tr Dil dosyasını internetten buldum Ftp üzerinden wp-content/themes/hueman/languages/ klasörünün içindeki dil dosyalarını sildikten sonra buradan indireceğiniz rar dosyasını açıp tr_TR.mo adlı dosyayı ftp dizinine yükleyin. Bu işlemleri yaptıktan sonra Hueman şablonunu Türkçe olarak kullanmaya başlayabilirsiniz.Çeviri tam olmayabilir ama baya kullanışlı.

    Tr Dil Dosyası


    Tema Sitesi


    Tema TÜRKÇE Canlı Demo

    Tema Canlı Demo

    İndirme Adresi

    Kurulum ;

    Yabancı dili olanlar için kendi sitesindeki anlatım

    Öncelikle indirdiğimiz tema dosyasını ftp den public_html > wp-content > themes klasörü içerisine atıyoruz sonra admin panelinden temayı etkinleşiriyoruz ve ardından görünüm sekmesine geliyoruz ve Theme options un altında Install Pluginse tıklıyoruz ve tema için gerekli 3 eklentil karşımıza çıkıyor bunlar;

    - Contact Form 7
    - Regenerate Thumbnails
    - Responsive Lightbox

    Bu 3 eklentiyi de kurup etkinleştiriyoruz ve görünüm sekmesinden themes optionsa giriyoruz temamızın bütün ayarları burada yer alıyor sol ve sağ taraf için Sol bölüme kategori ve son konuları eklemek için Widgets(bileşenler) bölümünden Primary bölümüne Kategori ve AlxPosts bileşenlerini sürekle bırak yapıyoruz. Sağ taraftaki tab’ı yapmak içinse Secondary bölümüne AlxTabs’ı atarak Most Populer Post ve Recent Comment’ı aktif ediyoruz yine aynı şekilde bileşenlerden istediğiniz gibi sağ ve sol tarafı şekillendirebilirsiniz.

    En üst kısım Top Bar a kategorileri açılır şekilde vs eklemek için; kategoriler adında bir sayfa açıyoruz daha sonra menüler kısmına gelip menü oluşturuyoruz menü ismini yazdıktan alttaki top barı yada header veya footerı seçiyoruz sonra yandaki bağlantılara tıklayıp url kısmına site urlmizi giriyoruz bağlantı metnine Anasayfa yazıyoruz ve menüye ekle diyoruz ardından yine yandaki sayfalar kısmından açtığımız kategori sayfasını eklediğimiz anasayfa ile tam alt alta olacak şekilde sürükleyip bırakıyoruz arkasından yine sol tarafdaki kategorileri tümünü seçip menüye ekledikten sonra kategoriler sayfasının altına sürükleyip bırakıyoruz ama bu sefer üstündeki menülerle aynı hizada olmayacak sağ tarafa girintili olacak yani;

    Anasayfa
    Kategoriler sayfası
    -abcd(Kategori)
    -cgdh(Kategori)

    şeklinde tüm kategorilerimizi örnekteki gibi alt alta sıralıyoruz ve menüyü kaydet diyoruz.

    Kategorileri top barda açılır değil de yan yana yapmak isterseniz menüden bağlantılardan anasayfa sonrasında altına kategorileri aynı hizada olacak şekilde alt alta yerleştirip menüyü kaydet diyoruz.Yani;

    -Anasayfa
    -abcd(Kategori)
    -cgdh(Kategori)

    Themes options ayarları ;

    -General ; genel ayarlar

    -Blog; Blog sekmesinde featured kategori den slide show da çıkacak konu kategorisini seçiyoruz ve altındaki featured post count dan slide show da kaç tane resim çıkmasını istiyorsak o sayıyı seçiyoruz

    -Header ;
    Bu kısımdan site logo , açıklama vs yazıyoruz ilgili kutulara

    -Footer; Bu kısımda footer widgest columsdan footerın nasıl görünmesini istiyorsak onu seçiyoruz diğer ksımlarda da footera logo koyma yeri copyright yazısı vs var

    -Layout; Bu kısımda global layout fan sitenin kaç kolon yada sağda veya solda iki kolon vs şeklinde ayarı yapılıyor alttakiler ismi yazılı sayfa görüntülenme seçenekleri

    -Sidebars; Sidebar ayarları ansayfada ve diğer sayfalarda sidebar görüntüleme seçenekleri

    -Socials Link;
    Buradan facebook - twitter vs linklerini ekliyoruz ve sol üst kısımda headerin altında çıkıyor

    -Styling;
    Bu kısımda dynamic stil on-onff seçeneği on konumunda site esnek oluyor her tarayıcı - pcde satandart gözüküyor
    Üst top barın sayfayı aşağıya kaydırdıkça yukarıda sabit durmasını istersek themes options dan > styling sekmesinden boxed layout kısmını off yapıyoruz
    Font kısmından site yazı fontunu seçiyoruz
    Website max width site sayfa geniÅŸliÄŸi
    Sidebar width sidebar geniÅŸliÄŸi
    Diğer seçeneklerde de siteminiz renk seçenekleri mevcut hemen hemen sitenin bütün renkleri ile burdan oynama yapabiliriz.

    Arkadaşlar tema ve kurulumu ile ilgili anlatacaklarım bu kadar hatalı , yanlış, eksik yazdığım kısımlar olabilir kendimce temayı beğenip kurulum aşamasında sıkıntı yaşayanlara örnek olması adına tema ve kurulumunu açıkladım umarım bu temayı kurmak isteyen arkadaşlara yardımcı olur.
  • 27-08-2014, 02:07:26
    #2
    Bende bu temayı kullanıyorum. Gerçekten güzel bir tema.
    Bilmeyenler için sizlerde güzel anlatım yapmışsınız. Teşekkürler.
  • 27-08-2014, 02:13:49
    #3
    TIRED adlı üyeden alıntı: mesajı görüntüle
    Bende bu temayı kullanıyorum. Gerçekten güzel bir tema.
    Bilmeyenler için sizlerde güzel anlatım yapmışsınız. Teşekkürler.
    Teşekkürler elimden geldiğince anlatmaya çalıştım
  • 27-08-2014, 11:52:19
    #4
    Anlatım için tşk
  • 10-09-2014, 18:23:20
    #5
    germiyan43 adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    Arkadaşlar sizlere wordpress Hueman temasını ve kurulumunu elimden geldiğince anlatmaya çalışacağım. tema hoşuma gitti bazı sitelerimde kullanmak istedim ama kurulumda baya bi sıkıntı çektim neredeyse tüm günüm gitti bu dertten muzdarip olduğum için başkaları da aynı sıkıntıya düşmesin diye bu konuyu açtım.

    Öncelikle Kısaca Temadan Bahsedeyim ;

    Tarayıcıya duyarlı (responsive – esnek) olduğu için bütün ekran boyutları ve cihazlar için ayrı ayrı site şablonu kullanmanıp üyeleri başka linklere yönlendirmenize de gerek kalmıyor.

    Dosyalarında ufak tefek bir kaç tane (toplamda 3.17 kb boyutunda) resim dışında herhangi bir resim kullanılmamış. Kullanılan bu resimler de resim eklemediğiniz yazılar yüzünden görüntüsü bozulmaması için otomatik görüntülenen resimlerdir. Hueman da kullanılan ikonlar ise Font Awesome (ikonik fontlar) ile eklenmiştir. Ayrıca Font Awesome de kayıtlı olan bütün sosyal ağ ikonlarını kolaylıkla sitenizde görünmesi için ayarlayabilir ve sosyal ağ linklerini ekleyebilirsiniz. Bunlar dışında geri kalan dosyaların boyutu ortalama 2 megabaytın üzerindedir. Normal bir wp şablonu için 200 yada 300 kblik dosyalar bile yeterken Hueman için geliştiricinin ne kadar zahmet verdiği de apaçık ortada görünüyor.

    Kullanabileceğiniz 3 adet menü bulunuyor. Bir tanesi sayfanın en üstünde sabit bir şekilde duran ve sayfa ile beraber aşağı yukarı kayan top menü, ikincisi bannerin altındaki menü ve üçüncüsü de footer de bulunan menüdür. Tarayıcıya duyarlı (responsive – esnek) olduğu için bu menüler de otomatik boyut değiştirebilme özelliğine sahiptir. Yani menüler de esnek olarak hazırlanmış. Tarayıcı küçültüldüğünde belli bir boyuttan sonra menü linkleri kayboluyor ve sadece kategori ikonu görünüyor.

    Yönetim paneli üzerinden değişiklikler yapabilmeniz için ayarlar bölümü de bulunuyor. Bu bölümde menü renkleri, maksimum banner genişliği, responsive özelliği açma-kapatma, feed burner adresi ekleme, favicon ekleme, izleme kodu ekleme, şablon seçimi gibi daha birçok özellik bulunuyor. Aslında tamamını sayacaktım ama tahmin ettiğimden de fazla özellik var. Hatta birçok tema da olmayan sidebar düzeni de bulunuyor. Tek sidebar, çift sidebar, her iki sidebar sağda, her iki sidebar solda yada sidebar bölümlerini gizleme gibi bir ayar buda.

    Tr Dil dosyasını internetten buldum Ftp üzerinden wp-content/themes/hueman/languages/ klasörünün içindeki dil dosyalarını sildikten sonra buradan indireceğiniz rar dosyasını açıp tr_TR.mo adlı dosyayı ftp dizinine yükleyin. Bu işlemleri yaptıktan sonra Hueman şablonunu Türkçe olarak kullanmaya başlayabilirsiniz.Çeviri tam olmayabilir ama baya kullanışlı.

    Tr Dil Dosyası


    Tema Sitesi


    Tema Canlı Demo

    İndirme Adresi

    Kurulum ;

    Yabancı dili olanlar için kendi sitesindeki anlatım

    Öncelikle indirdiğimiz tema dosyasını ftp den public_html > wp-content > themes klasörü içerisine atıyoruz sonra admin panelinden temayı etkinleşiriyoruz ve ardından görünüm sekmesine geliyoruz ve Theme options un altında Install Pluginse tıklıyoruz ve tema için gerekli 3 eklentil karşımıza çıkıyor bunlar;

    - Contact Form 7
    - Regenerate Thumbnails
    - Responsive Lightbox

    Bu 3 eklentiyi de kurup etkinleştiriyoruz ve görünüm sekmesinden themes optionsa giriyoruz temamızın bütün ayarları burada yer alıyor sol ve sağ taraf için Sol bölüme kategori ve son konuları eklemek için Widgets(bileşenler) bölümünden Primary bölümüne Kategori ve AlxPosts bileşenlerini sürekle bırak yapıyoruz. Sağ taraftaki tab’ı yapmak içinse Secondary bölümüne AlxTabs’ı atarak Most Populer Post ve Recent Comment’ı aktif ediyoruz yine aynı şekilde bileşenlerden istediğiniz gibi sağ ve sol tarafı şekillendirebilirsiniz.

    En üst kısım Top Bar a kategorileri açılır şekilde vs eklemek için; kategoriler adında bir sayfa açıyoruz daha sonra menüler kısmına gelip menü oluşturuyoruz menü ismini yazdıktan alttaki top barı yada header veya footerı seçiyoruz sonra yandaki bağlantılara tıklayıp url kısmına site urlmizi giriyoruz bağlantı metnine Anasayfa yazıyoruz ve menüye ekle diyoruz ardından yine yandaki sayfalar kısmından açtığımız kategori sayfasını eklediğimiz anasayfa ile tam alt alta olacak şekilde sürükleyip bırakıyoruz arkasından yine sol tarafdaki kategorileri tümünü seçip menüye ekledikten sonra kategoriler sayfasının altına sürükleyip bırakıyoruz ama bu sefer üstündeki menülerle aynı hizada olmayacak sağ tarafa girintili olacak yani;

    Anasayfa
    Kategoriler sayfası
    -abcd(Kategori)
    -cgdh(Kategori)

    şeklinde tüm kategorilerimizi örnekteki gibi alt alta sıralıyoruz ve menüyü kaydet diyoruz.

    Kategorileri top barda açılır değil de yan yana yapmak isterseniz menüden bağlantılardan anasayfa sonrasında altına kategorileri aynı hizada olacak şekilde alt alta yerleştirip menüyü kaydet diyoruz.Yani;

    -Anasayfa
    -abcd(Kategori)
    -cgdh(Kategori)

    Themes options ayarları ;

    -General ; genel ayarlar

    -Blog; Blog sekmesinde featured kategori den slide show da çıkacak konu kategorisini seçiyoruz ve altındaki featured post count dan slide show da kaç tane resim çıkmasını istiyorsak o sayıyı seçiyoruz

    -Header ;
    Bu kısımdan site logo , açıklama vs yazıyoruz ilgili kutulara

    -Footer; Bu kısımda footer widgest columsdan footerın nasıl görünmesini istiyorsak onu seçiyoruz diğer ksımlarda da footera logo koyma yeri copyright yazısı vs var

    -Layout; Bu kısımda global layout fan sitenin kaç kolon yada sağda veya solda iki kolon vs şeklinde ayarı yapılıyor alttakiler ismi yazılı sayfa görüntülenme seçenekleri

    -Sidebars; Sidebar ayarları ansayfada ve diğer sayfalarda sidebar görüntüleme seçenekleri

    -Socials Link;
    Buradan facebook - twitter vs linklerini ekliyoruz ve sol üst kısımda headerin altında çıkıyor

    -Styling;
    Bu kısımda dynamic stil on-onff seçeneği on konumunda site esnek oluyor her tarayıcı - pcde satandart gözüküyor
    Üst top barın sayfayı aşağıya kaydırdıkça yukarıda sabit durmasını istersek themes options dan > styling sekmesinden boxed layout kısmını off yapıyoruz
    Font kısmından site yazı fontunu seçiyoruz
    Website max width site sayfa geniÅŸliÄŸi
    Sidebar width sidebar geniÅŸliÄŸi
    Diğer seçeneklerde de siteminiz renk seçenekleri mevcut hemen hemen sitenin bütün renkleri ile burdan oynama yapabiliriz.

    Arkadaşlar tema ve kurulumu ile ilgili anlatacaklarım bu kadar hatalı , yanlış, eksik yazdığım kısımlar olabilir kendimce temayı beğenip kurulum aşamasında sıkıntı yaşayanlara örnek olması adına tema ve kurulumunu açıkladım umarım bu temayı kurmak isteyen arkadaşlara yardımcı olur.
    Herşey süper olmuş anlatım, tanıtım ellerine sağlık öncelikle benim sorum şu yönde olucak;

    acaba anasayfada yer alan şu slayt nasıl yapılıyor ?

    Yardımcı olursan sevinirim

    saygılar
  • 11-09-2014, 00:27:29
    #6
    muratback adlı üyeden alıntı: mesajı görüntüle
    Herşey süper olmuş anlatım, tanıtım ellerine sağlık öncelikle benim sorum şu yönde olucak;

    acaba anasayfada yer alan şu slayt nasıl yapılıyor ?

    Yardımcı olursan sevinirim

    saygılar
    Thema options blog kısmına giriyoruz;

    "-Blog; Blog sekmesinde featured kategori den slide show da çıkacak konu kategorisini seçiyoruz ve altındaki featured post count dan slide show da kaç tane resim çıkmasını istiyorsak o sayıyı seçiyoruz"

    Sonrasında yeni konu açarken sağ alt kısımda kategorilerin altında featured image yazar oradan "öne çıkarılmış görsel belirle" deyip yazıya istediğimiz görseli ekliyoruz ve ana sayfada (slide show)slayt şeklinde çıkmaya başlıyor
  • 11-09-2014, 09:45:23
    #7
    Çok teşekkür ederim anlatım için sağolun.
  • 11-09-2014, 18:39:45
    #8
    SinneR38 adlı üyeden alıntı: mesajı görüntüle
    Çok teşekkür ederim anlatım için sağolun.
    Rica ederim
  • 28-09-2014, 13:41:33
    #9
    Öncelikle Bizimle böyle bir temayı paylaştığın için teşekkür ediyorum.
    Öncelikle Anlatım olarak çok güzel bir anlatım ve ince detayları anlatmışsınız. Emekleriniz ve paylaşımlarınız için tekrar teşekkür ederim. Kolay gelsin.