Mintik posted
4 year ago

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

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

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

 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

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

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.

Recommended Plugins

En sevmediğim bölüm çünkü  her yerde  şu eklentileri  yükle  diye  uyarı veriyor. Eklentileri  yükledikten sonra  uyarı vermiyor.

Blog Sekmesi

Bu bölümde  birkaç seçeneği  gereksiz  diye atladım.

Featured Category

Anasayfadaki slaytta  görüntülenecek kategoriyi  seçmenizi  sağlar.

Highlights

Slaytın altında herhangi bir kategoriden 3 tane  konu çekmenizi  sağlar.

Picks

Editör  tarafından seçilmiş  2 tane konuyu  footer bölümünün hemen üstünde  göstermenizi  sağlar. 2 konuyu  belirlediğiniz  kategoriden çeker.

Frontpage Widgets Top – Frontpage Widgets Bottom

Bu bölümleri  yukarı da anlatmıştık. Bileşenleri aktif  etme ve devre  dışı bırakmaya yarar.

Standard Blog List

Eğer  on yaparsanız  her satıra  bir konu eklenir. Şuanki  kullandığım hali ile  her satırda  iki resim ve resimlerin altında da  konu başlığı  bulunuyor  açıklaması ile birlikte. Standart blog  list seçeneğini on yaparsanız  konu başlıklar  resmin altına  değil sağında gözükür.

Thumbnail Placeholder

Öne çıkarılmış görseli olmayan yazılara  resim  ekler.

Thumbnail Comment Count

Resimlerin üstünde  konuya yapılmış yorum sayısını  balon içinde gösterir.

Single — Share Bar

Yazıda paylaş butonları gözükür.

Single — Scrollable Share Bar

Paylaş butonlarının sayfa ile otomatik kaymasını sağlar.

Twitter Username

Biri konularınızdan birini  Twitter üzerinden paylaştığında  kullanıcı  adınızı  da atılan  twite  ekler.

paylaşıldığında twite kulanıcı ismi eklenmesi

Single — Author Bio

Yazı  altına yazar profili ekler.

Single — Related Posts

Yazı  altında  benzer yazılar görüntülenir.

Single — Post Navigation

Önceki yazı sonraki yazı linkleri eklenir sayfaya.

Bunca  zaman sonra yazı yazmak baya  bi zor olmaya başladı. O yüzden ayarlar kısmının önemli olanlarını anlatıp hemen Türkçe’ye çevirme  bölümüne geçiyorum.  Yapamadığınız  ayarlar  olursa  yorum yazarak bildirebilirsiniz. Gerekli açıklamaları eklerim o zaman. Yorum yapmıyorsanız da demek oluyor ki her şeyi  başarmışsınız ve temayı ücretsiz kullanmayı da hak etmişsiniz 🙂

Türkçe’ye  Çevirme

Merak etmeyin size bu işkenceyi yapmayacağım. Öncesinden Hueman teması için Türkçe’ye çevirdiğim dil dosyalarını kullanıyorum Typecore  teması için. Her ikisi  için  de  aynı  dil dosyası sorunsuz  çalışıyor. Türkçe dil dosyasını  kocaman download  butonuna bası indirebilirsiniz.

Ftp üzerinden site ana dizini wp-content/themes/typecore/languages/ klasörü içindeki dil dosyalarını  sildikten sonra  indirdiğiniz tr_TR.mo adlı  dosyayı  languages  klasörüne attığınızda  Türkçe kullanmaya başlayabileceksiniz artık.

Mintik is curious about your thoughts. Add a comment
Did you know that members who log in don't see ads?
Sign in with E-mail

  1. serdar bektaş says:

    Site cok qüsel her ne istediysem burada buldum isteğimi, emeğine sağlık tşkler

  2. burak alp says:

    demo da top menü aşağa inince en üstte kalıyor yine ama ben kurdum sizin sitenizdeki gibi üstte kalmıyor varmıdır bi çaresi ?

    • burak alp says:

      tamamdır hallettim default yaptım ayarları oldu 🙂

      • Mintik says:

        Ben o bolümü bulamadım. Sen nerden yaptin ? 🙂

        • burak alp says:

          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 ?

          • Mintik says:

            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.

          • Mehmet says:

            Hocam Nereden Yapıyoruz O İşlemi Bilgi Verirmsiniz ?

          • Mehmet says:

            Buldum Hocam 🙂

  3. Mehmet says:

    Hocam Bende Sitenin Üstünde Olan Menüler Gözükmüyor, Büyük Bir İhtimal Aktif Etmedim, Nasıl Aça Biliriz Top Menüyü ?

    • Mintik says:

      Menu konumlarindan top menuye bir menu ataman gerek. Tema ozellestir sekmesinden yapabilirsin.

      • Mehmet says:

        Hocam O Sorunu Dün Halletim, Ancak Halledemedğim Bir Şey Var. Sitemde Sliderı çalışmıyor, yani slayt kısmı oluyor galiba, orada 1 resim sabit duruyor, onu nasıl ayarlaya biliriz..

        • Mintik says:

          Theme options > blog bolumunden slider icin featured category ayarlaman gerek. Sectigin kategoride 1 yazi varsa sadece o gorunur. Yani ona gore dolu olan bir kategori belirlemen gerek.

      • Mehmet says:

        Ve Birde Bu Top Menü, Sayfayı Aşağıya indirince kaymıyor

        • Mintik says:

          Onu bende yapamadim. Burak Alp yapmis ama nasil yaptigini bilmiyorum. Sordum daha cevap gelmedi 🙂

          • Mehmet says:

            Hocam Benim Yapamadığm Birsürü Ayar Var Sanırım, TW’den Bağlanıp Yardımcı Ola Bilirmsiniz ? Mailime Mesaj Atın Ben Size Bilgileri Vereyim. Kusura Bakmayın Yoruyorum

          • Mintik says:

            O kadar zamani olan birisi degilim maalesef Mehmet. Suan bike telden cevap yaziyorum

        • Mintik says:

          Neden asagiya kaymadiginin nedenini buldum. Eskiden hueman temasi kullandiysan yada kurduysan eger theme optionstan tema ayarlarini resetlemen gerekiyor. Ayarlar hueman temasi ile cakisiyor sanirim.

  4. Abdullah Mete says:

    Bunca warez temanın ortasında böyle hoş bir temanın ücretsiz olması insanı mutlu ediyor. Bilgilendirmeniz için gönülden teşekkür ederim.

    • Mintik says:

      Bu tarz temaları ücretsiz dagıtan çok nadir geliştiriciler var. Kullandığım bir önceki temanın da geliştiricisi aynı kişiydi.

  5. Aydin says:

    Sol taraftaki facebook ve ana menu ikonlari nasil cikarabilirim ? Ve soru cevap icin kulandin hangi plugin?

    • Mintik says:

      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

  6. burak alp says:

    Peki sidebar ayarları nasıl olmalı hocam ?

  7. Aydin says:

    Konu acarken 1-2-3 gibi butonlar nasil koyabiliriz http://www.mintik.com/2013/12/09/50-ucretsiz-wordpress-firmasirket-temasi.html bu konudaki oldu gibi?

  8. Aykut says:

    Admin kaynaklar için teşekkürler.Google arama motorunda tema aramaya gerek yok burdan bakıyorum 🙂

  9. protherm servisi says:

    tema güzel olmuş eline sağlık belirttiğim sitede kullanacağım.

  10. Aydin says:

    Crayon Syntax Highlighter eklentisi kulaniorum , http://i.imgur.com/jSwlE87.png konular resimdeki gibi cikior, kodu kisaltma yontemi var mi sence? denedim ama olmuyo