Typecore

48
23
Okunma

typecore rock solid Typecore

Yıllar  sonra, bir izinli günümde, bir  an sanki bir websitem olduğunu hatırladım tekrar. Hafif  bulanık, var ile  yok arasında birşey. Var  olduğuna eminim ama var mıydı  diye de şüphe ettiğim oldu. Şaka bi yana da ancak  hafızasını kaybetmiş olan birisi, böyle  bir siteyi, bu kadar uzun süre başıboş bırakır ancak. Yayınladığım en son yazının üstünden tam 374 gün 19 saat geçmiş ayrıca 2014 yılında da pek ilgilenemediğimi hesaba katarsak siteyi başıboş bırakalı  600 günü  bulacak sanırım ve onca zaman sonra paylaşacağım ilk konu Alexander Agnarson tarafından tasarlanan Typecore oluyor.

Çok uzun bir  süre  boyunca  yine Alexander Agnarson tarafından tasarlanan Hueman temasını kullanmıştım. Yine WordPress  tema arayışına geçince kullanılabilir  bulduğum tek tema Alexander Agnarson tasarlanan Typecore teması oldu. Bu yazıda Typecore temasının kullanımı, indirilmesi, düzenlenmesi  ve Türkçe’ye çevrilmesi (çevirmeyi yaptım), bileşen alanları, bileşenlerin kullanımı hakkında bilgi vereceğim sizlere. Bazı temalar var ki yükledikten sonra ayarlama ihtiyacı gerektirmez ama Typecore bazı tasarımlar da vardır ki ayarlama yapılmadan gerçek görüntüye kavuşmaz. Bu yüzden konu baya uzayabilir ayrıca aynı ayarları Hueman tasarımı için de kullanabilirsiniz. Türkçe dil dosyası  ve yönetim paneli ayarları  aynıdır. Öncelikle alttaki kocaman download butonuna basarak temayı bilgisayarımıza indirelim. İndirmeden önce demo butonuna basarak tasarımı  detaylı bir şekilde inceleyebilirsiniz.

İndirdiğiniz zip dosyasını açarak ftp site dizini > wp-content > themes klasörüne yükledikten sonra site yönetim paneli > görünüm > temalar bölümünden etkinleştirip ayarları yapmaya başlayabilirsiniz.

Tabi  ayarlara  başlamadan önce   bileşenler  ve bileşen alanlarını tanımamız gerekiyor.

Bileşenler ve bileşen alanları

Bileşen  alanları

Primary

Websitenin sol tarafında kalan bölümdür.

Secondary

Websitenin sağ tarafında kalan bölümdür.

Headers Ads

Bannerin hemen yanında reklam eklemenize yarayan bölümdür. Aktif  değildir  ancak  Theme Options  sekmesinden etikleştirdiğinizde  bileşenlerde  aktif  olarak gözükür. Adsense  reklamları  da  eklenemiyor sadece  resim bannerler  eklenebilen bir  bölümdür.

Frontpage Top 1 – Frontpage Top 2

Resimde de gördüğünüz  üzere anasayfadaki sliderin altında kalan ikinci sütundur. Ben resimdeki görüntüyü  bir  türlü yapamadım. Yapabilen arkadaşlar, incelememiz  için site  adresini yorum    kısmına girer  ve nasıl  yaptığını  anlatırsa diğer  arkadaşlarımız ve benim için iyi  bir  bilgi  olacak 🙂 Typecore nin hazır bileşenlerinden olan Alxosts bileşenini yada widget mi diyorsunuz işte onu  top 1 ve top 2  alanlarına ekleyince  aşağıdaki  görüntüyü  elde  etmemiz gerekiyor  ancak sonuç  olarak daha büyük resimlerle karşılaşıyoruz ve konu başlıkları  da resmin sağında  değil  altında  çıkıyor. Bu  sorunu bir türlü  çözemedim.

frontpage top 1 2  Typecore

Frontpage Bottom 1 –Frontpage Bottom 2

Burası da  footerin üstünde olan iki  tane bölüm. WordPress ile  birlikte  gelen hazır bileşenlerden olan son yazılar ve son yorumlar  bileşenleri eklediğinizde  alttaki  görüntünün aynısını elde  edebilmeniz mümkün. Ben gereksiz gördüğüm için kullanmadım.  Ne  kadar çok özellik o kadar çok ağır  site 🙂

Frontpage Bottom 1 2 Typecore

Footer 1-2-3-4

Bu kısmı  sanırım anlatmama  gerek yok ama  Frontpage top 1 ve 2 deki görüntü  probleminin aynısı  burda da mecvut. Resimlerin büyük  gözükmesi  çok itici bence. Tasarımcı  sanırım birşeyleri  atlamış olmalı yada ben birşeyleri atlamış olmalıyım. Resimde 3’lü  panel olarak gözüküyor. Siz  bunu  2’li  yada  4’lü olarak da kullanabilirsiniz. Onu  da nasıl yapacağınızı  daha  aşağılarda  anlatıyor  olacağımdan şüpheniz olmasın.

footer 1 2 3 4 Typecore

 Bileşenler

Typecore  ile birlikte  kurulan 3 adet  çok güzel  ve kullanışlı  bileşenimiz  de mevcut ki ben bunları  4  adet  diye  biliyordum o da  ayrı bir konu.

 AlxPosts 

Secondary, Frontpage Top 1-2 ve Footer 1-2-3-4 gibi  bileşen  alanlarında  kullanabilirsiniz. Dilerseniz  son yazıları dilerseniz de belli  bir  kategorideki  yazıları  çekebilirsiniz. Çekilecek konu  limiti  yok ama abartmamakta fayda var. 1 tane konu  yada 50 tane konu da çekebilirsiniz.

AlxTabs

Bu da oldukça  şık ve vazgeçilmezimiz olacak bir tab bileşeni. Son eklenen yazılar, popüler yazılar, son yorumlar ve  etiketleri sıralayabilen özelliğe  sahip. Tabi sadece bir  widget  olmasına  rağmen  birçok ayarlama seçeneği  de  bulunuyor. Kategori seçme,  thumbnail gösterilmesi, hangi  sekmenin kapatılıp  hangisinin açılacağı vs. gibi  ayarlara  sahip. Siyah, kırmızı  ve koyu  gri renkler  de  tasarıma  farklı  bir  hava katmış

Tabs widget Typecore

AlxVideo

Adresini girdiğiniz  bütün youtube videolarını esnek bir şekilde  tasarımda  gösteren bir  bileşen.

Theme Options – Tema  Ayarları

Yönetim paneli > Görünüm > Theme Options  sekmesine geldiğinizde  karşınıza  alttaki resimdeki gibi bir  ayar paneli gelecektir. Toplamda  8 sekmeden oluşuyor  ama sekmeleri  teker  teker tıkladığınızda  aklınızı durduracak gibi  seçeneklerle karşılaşacaksınız. Bu kadar  ayarın olduğu bir  yönetim paneline sahip olan Typecore  üstelik ücretsiz. Kuruş para  ödemiyorsunuz. Zaten bütün ayarları yapmayı  başardığınızda  ücretsiz  kazanmış  oluyorsunuz bence. Yarışmaya  girseniz  bu kadar  zorlanmazsınız bence 🙂 Yani  bu kadarı  da  sizin hakkınız  olsun dimi?Option Tree Typecore

General Sekmesi

Custom Stylesheet

Tasarımda  değişiklikler  yapmakta  kullanabilmeniz  için bir  custom.css dosyası  oluşturur. Kesinlikle Style.css  dosyası üzerinde  herhangi  bir değişiklik yapmayın. Yapacaksanız  custom.css  üzerinden yapın.

Responsive Layout

Bütün tarayıcılarda ve mobil cihazlarda okunabilir  bir görüntü  olması  için kullanabileceğiniz  bir seçenektir. On yaptığınız  taktirde tasarım esnek olur ve bütün tarayıcılarla  uyumlu olarak çalışır.

Mobile Sidebar Content

Bu  bölümde  size Mobil cihazlarda  gözükmesini  istediğiniz  siderbarı seçmenizi istiyor. Gizle  dediğine bakmayın zaten her ikisini  de gizliyor  ama Show sidebars seçeneğini işaretlerseniz tek dokunuş ile  soldan sağa  ve sağdan sola  panellerin açılabilmesini  sağlayabilirsiniz. Gizleme seçeneklerinden birini işaretlerseniz eğer seçmiş olduğunuz  panel  mobil cihazlarda  gözükmez.

Favicon

Favicon dosyası  eklemenize  yarar.

FeedBurner URL

Sahi bu kısmı  denemedim hiç. Deneyen olursa  bi  yorumda  bildirsin  bi zahmet 🙂 Feedburner kullanmadığımdan daha  doğrusu  feedburner linkimi hatırlamadığımdan denemedim.

Post Comments – Page Comments

Yazılara  ve sayfalara  yorum yapılsınmı yapılmasınmı yetkileri. Post  comments on olarak ayarlayın ve gerekmiyorsa  Page comments bölümünü  de  off  diye ayarlayın. Yoksa  sayfalara  yorum  yapanlar olacaktır.

48 YORUMLAR

        • Hocam sadece temayı kurduktan sonra hiçbir işlem yapmadan reset options yaptım oldu.Bu arada hocam bu tema dan dolayımı bilemiyorum .Site search console ‘de “yapılandırılmış veri hatası” veriyor bu konuda bilginiz varmıdır ?

          • Evet bahsettigin ayari baska bir arkadasin sitesinde deneyip cozdum. Yazida anlatmayi unuttugum bir bolum vardi hazir sen sormusken onu da anlatayim. Typecore temasi arama motorlarinin siteyi daha iyi tanimlayabilecegi sekilde ayarlanmis. Yapilandirilmis veri ayarlari bu temada onceden yapilmis olan bir ozellik. Yani anlayacagin tamamen seo uyumlu bir temadir. Yapilandirilmis veri hatasina gelirsek bu hatanin Typecore temasindan kaynaklanabilecegibi tahmin etmiyorum. Yeni oldugundan dolayi henuz google butun sayfalari kaydetmis olamaz ki olmus olsa bile hemen hemen butun temalarda bu hata cikar. Cunku tarayicinin gordugu bir websayfasini tamamen duzgun bir sekilde veri isaretlemesini yapmak cok kolay bir durum degildir hele ki benzer yazilar gibi ozellikleri yazinin altinda kullaniyorsan daha da zordur. Demek istedigim boyle bir hatayi alman o kadar da onemli degil.

    • Soru cevap icin Dw question answer eklentisini kullaniyorum Sol taraftaki ikonları da Theme options > social sekmesinden yapabilirsin. Font awesome destekli oldugu icin ion yerine fa- harflerinden sonra facebook youube home vs seklinde yaparsan ikonlar eklenir. Ornek:fa-facebook fa-youtube fa-home fa-twitter gibi yaparsan ikonlar eklenir. Daha fazla ikon ismi icin Googleden font awesome icons arattirirsan yuzlerce ikona ulasabilirsin. Font awesome sitesinde butun ikonlarin ismi yazar

      • Boyuttan kastettiğiniz sitenizin genişliği ise Yönetim Paneli > Theme Options > Styling bölümünden Website Max-width ayarını 1600 yapın. Eğer kastettiğiniz orta kısımdaki yazıların sağında görünen yazılar ise Yönetim Paneli > Theme Options > Blog bölümünden Standard Blog List ayarını off yapın. Off yaparsanız 2 tane resim yan yana gelir ve konu yazısı da resmin altına gelir. Eğer On olarak ayarlarsanız sitenizin şimdiki görüntüsü gibi resim solda konu açıklaması da sağda gözükür.

  1. Yardım almak istediğim bir konu var. Sol taraftaki kategoriler bölümünde sadece ana kategorilerin görünmesini istiyorum, şu haliyle ana kategoride alt kategorilerin de hepsi görünüyır bu sorunu nasıl çözebilirm acaba?

  2. merhaba Ali
    bende bu temayı kurdum tema rengini bende senin gibi yapmak istedim olmadı, tema ayarlarında bulamadım. siyahtan hoşlanmıyorum beyaz yada ona yakın yapınca menüler okunmuyor. yani kısacası senin tema ayarlarını kullanmak isterim hangi ayarları yapacaksam bana anlatırmısın.

CEVAP VER

Lütfen yorumunuzu girin!
Please enter your name here