Zurb Foundation frameworku ile oluşturulmuş required+ Foundation wordpress temasını blogum üzerinde kullanmaya karar verdim. Tema üzerinde yapacağım değişiklikler bitene kadar localhost’ta çalışacağımdan değişiklikleri buradan farkedemeyeceksiniz. Ama ilk olarak buradan kurulumundan bahsedeyim. Tema 2 bölümden oluşuyor.  Parent theme (ben ana tema olarak adlandıracağım) ve Child Theme (ben yavru tema olarak adlandıracağım.) Ana tema üzerinde değişiklik yapmanıza gerek yok hatta sakın dokunmayın. Tema geliştirildikçe ve siz güncellemeleri yaptığınızda etkilenen sadece Ana tema olacak ve görsel olarak değişiklikler yaptığınız yavru tema’ya hiç bişey olmayacak. WordPress aynı kurguyu aşağıda görebileceğiniz gibi twentytwelve temasında da kullanıyor. Bu konuda wordpress’in dökümanları ingilizce ama şurada türkçe bir kaynak var.

Dizin Yapısı

  • site_root (www)
    • wp-content
      • themes (temalarınızın bulunduğu dizin.)
        • twentytwelve (dizinde yer alan Ana Tema /Parent Theme, Twenty Twelve)
        • twentytwelve-child (dizinde yer alan Yavru tema/Child Theme; ismini istediğiniz bir şey yapabilirsiniz.)
          • style.css (yavru tema için mutlaka olmalı ve ismi style.css olmalı.)

Bizim kuracağımız required+ Foundation wordpress temasında da buna benzer bir dizin yapısı kullanacağız. Temanın son sürümünü şuradan indirip themes dizinine açtıktan sonra aşağıda ki klasör yapısına ulaşacağız.

required-starter isimli yavru temaya ait klasör adını istediğiniz gibi değiştirebilirsiniz. Daha sonra stil dosyasının içerisinde ki bilgileri de değiştirebilirsiniz.

Yanlız aşağıdaki bölümden sadece 2 şeyi kesinlikle değiştirmeyin. Yoksa temanız çalışmaz.

Bu arada  kendi Text Domain sorgunuz yardımı ile kolayca temayı Türkçeleştirebilirsiniz.   'requiredstarter' diye aratmanız yeterli olacak.

Temayı etkinleştirip sağını solunu kurcalamaya başlayabilirsiniz. :)

Twitter Bootstrap ve Zurb Foundation

Önceki yazımda framework seçiminden bahsetmiştim ve kazanan benim için Zurb Foundation olmuştu. Yazıdan sonra Foundation ve Bootstrap hakkında bir çok karşılaştırma yazısı okudum. Bazıları bootstrap derken bazıları foundation diyordu. SASS’ı CSS önderleyicisi olarak kullanan foundation için okuduğum şu karşılaştırma yazısıda iyice tercihimi pekiştirdi açıkcası. Kullanıma göre tercihler değişirmi bilinmez. Gelelim foundation ile geliştirilen wordpress temalarına.

Zurb Foundation ile geliştirilmiş WordPress Temalar

  • Required+  6 farklı sayfa şablonu barındırıyor. Geniş bir kullanma klavuzu var ve sürekli geliştiriliyor. Foundation 3.2.5 üzerinde çalışıyor ama yeni sürümle Foundation 4.0’a geçileceği duyurulmuş.
  • Reverie çok fazla ilgimi çekmedi ama yinede inceleyebilirsiniz.
  • WP-Foundation 4 adet sayfa şablonu var. Foundation 3.0 üzerinde çalışıyor. required’e göre tasarımı daha farklı ama daha yavaş geliştiriliyor.

Benim şu anda incelediğim 3 tane tema var. Bunlardan reverie isimli temayı ilk olarak eledim. Diğer ikisi üzerinde incelemelerim devam ediyor.  Tercihim az çok belli gibi. Required kullanmayı planlamaktayım. Ama yinede henüz karar vermedim. Sonraki yazımda tercihimi ve kısmetse seçtiğim temanın kurulumunu anlatacağım.

 

Blogumda bazı değişiklikler yaptığımı önceki yazılarımda anlatmıştım. Bu değişikliklerden birisi ise temayı yeniden revize etmekti. Mevcut temayı 2006 yılında sıfırdan tasarlamıştım. O dönemde ki internet teknolojileri ile şimdiki çok farklı yerlerde. Her ne kadar şu an ki temamda bi sıkıntı olmasada güncellemek istiyorum :) Herneyse yeniden kod yazıp wordpress tema hiyerarşisi ile yeni bir tema oluşturmak ve bunu tüm browserlara uyarlamak ayrıca birde mobile platformlarda çalışmasını sağlamak çooook uzun iş. Bende wordpress için framework’ları araştırmaya başladım. Bones, reverie, skeleton, whiteboard, roots, foundation, Carrington, hybridcore, Gantry ve thematic gibi birçok framework’u inceledim. Bunun yanında ücretli olanlarada gözgezdirdim. Şu yazıda bir kaçı verilmiş ücretli frameworkların. Daha sonra tavsiye üzerine (@mkd)  ZURB’u incelemeye başladım. Bootstrap ve Zurb Foundation açık kaynak olarak github üzerinden geliştiriliyor ve içlerinde CSS,HTML çalışma kütüphanelerini barındırıyorlar. Üstelik mobil platformlar dahil tüm browserler üzerinde çalışıyorlar. Twitter bootstrap Apache lisansına sahipken Zurb MIT lisansı altında geliştiriliyor.

Twitter bootstrap kullanılarak geliştirilen wordpress temalara şuradan göz atabilirsiniz. Bootstrap daha fazla yaygın twitter’ın arkasında olmasının etkisi büyük tabi. Bu arada twitter bootstrap LESS kullanırken Zurb Foundation SASS kullanıyor. Şurada ki yazı SASS kullanan Zurb Foundation’u seçmemde etkili oldu açıkcası.  SASS ve LESS karşılaştırması yapan şu yazıyada göz atmakta fayda var.

sass-less-cover

Zurb Foundation seçimini yaptıktan sonra geldi Foundation ile geliştirilen temalara. Bir sonraki yazımda da onlardan bahsedeceğim. Görüşmek üzere…

Kırık Linkleri Temizleyelim

Yorum Yok WordPress 3 Şub 2013 oceangray 5.010 okunma

Blogumda bazı performans optimizeleri yaptığımı yazmıştım.  İlk olarak eski yazıların içerisinde geçen ve artık var olmayan bağlantıları temizlemekle başladım işe.  Tabi önce bunları tespit etmek gerekiyor. Bu işi yapan pek çok çevrimiçi servis var ama ben bir wordpress eklentisi olan Broken Link Checker eklentisini kullandım. Eklentiyi kurup etkinleştirdikten sonra bir tarama yaptım ve eski yazılarda geçen 41 adet kırık bağlantı (link) tespit ettim. link

Tek tek düzeltme yapıp ya da linkleri tamamen kaldırabiliyorsunuz. Bir kaçını düzenledim ama genel olarak hep siteler kapanmıştı. Ben de toplu olarak ölmüş tüm bağlantıları kaldırdım. Bu sayede sayfa içinde gereksiz sorgu oluşturmayacaklar artık, üstelik SEO açısından da kırık link önemli bir konu arz ediyor.

Ek : 41 den daha fazla sonuç ortaya çıktı eklenti yorumlarda ki linkleri de kontrol ediyor.

WordPress üzerine 2008 yılında hazırlamış olduğum temayı yıllardır kullanıyorum. Sanırım biraz sıkıldım :) belki yeni bir tema yapar isem ki çok zor yeniden yazmayada başlarım. Ama halihazırda kullandığım temayı düzenleyecek birine ihtiyacım var. Vakit bulamadığımdan birisinin yardımı fena olmaz :)  Bu sayede bu temayı paylaşmayı düşünüyorum. ilgilenen olursa info[at]oceangray.net adresine e-posta bekliyorum.

bueno1

Daha çok premium temaların satıldığı woothemes ara ara ücretsiz temaları kullanıma sunuyor. Bueno onlardan biri. WordPress için hazırlanmış güzel bir tema.

Önizlemek için

İndirmek için

WordPress 2.9 Beta 1

Yorum Yok WordPress 17 Kas 2009 oceangray 2.108 okunma

WordPress geliştirici blogu yeni özellikleri ile merakla beklenen versiyon 2.9’un ilk betasını indirilmeye hazır hale getirmiş.

WordPress 2.9 Beta 1

WordPress 2.9 için yapılan ankette en çok istek wordpress’e yüklediğimiz imaj dosyalarını düzenleyebilmemiz konusundaydı. İlk gözüme çarpan bu özelik oldu. WordPress bunu dikkate aldı ve 2.9 nolu sürüme ekledi. Local’de geliştirilmesi devam eden wordpress 2.9’u kurup test ettim. Yüklediğiniz fotoğrafı, imajı boyutlandırıp, sağa-sola döndürebiliyorsunuz. Yaptığınız işlemleri geri alabileceğiniz gibi bu işlemleri tüm imajlara, önizlemeye ya da orjinal imaja uygula seçenekleride mevcut. Biraz daha kurcalayalım bakalım daha neler var :)
wp29_1

Ücretsiz WordPress Tema “MonkeyPr”

2 Yorum WordPress 29 Ağu 2009 oceangray 2.161 okunma

monkey

Ajans Retro tarafından hazırlanan çoğu premium temadan daha gösterişli ve daha kaliteli wordpress için Türk yapımı bir tema.

Temanın demosunu buradan inceleyebilirsiniz. İndirmek için ise şurayı kullanabilirsiniz…

WordPress Wp.com’u ne yapacak ?

1 Yorum WordPress 7 Ağu 2009 oceangray 1.518 okunma

Nisan ayında wp.com’un satın alınma haberini veren matt, domainin akıbeti hakkında pek bir açıklama yapmamış.  Automattic‘de yer alan wordpress.com bağlantısı’da wp.com’a gidiyor. Zaten wp.com’da wordpress.com’a yönlendirilmiş.  Bloglarında pek bir bilgiye rastlamadım.  Sadece get.wp.com subdomaini aktif.  Acaba ileride oceangray.wordpress.com gibi uzantısı olan blog adreslerimizi oceangray.wp.com’a yönlendirirlermi ? Şayet öyle olursa çoğu kişi domain satınalmak yerine wp.com’u tercih eder…

Kaynak

Dreamhost Kupon Kodu

Aşağıdaki Kodu kullanarak Dreamhost'tan $97 indirim kazanabilirsiniz.

Dreamhost indirim kupon kodu (promo code): 97COD

Dreamhost Promo Code

Unlike a lot of other promo codes, this code gives the maximum possible discount. There is no need to look any further, you are guaranteed the maximum discount on whichever plan you choose with coupon code "97COD"

Dreamhost promo code: 97COD


  • Yeşim: İyi ki doğdun blog
  • Mustafa ceran: Ses efektlerini oyuncak bebeklerde olduğu gibi bir düzenekte kayıtlı olarak bulabilir miyim. Veya nereden bulabiliriz
  • idris: çok güzel 1111 no
  • Arif: 20 liranız varsa çok güzel(!) 20 liraya 5 ses :D ?
  • zeynep: mayıs /2014 de mezun oldum. Sigortam başlarsa her ay sigortamdan kredi borcum kesilir mi yoksa 2 sene den sonra mı başlayacak.

Kategoriler

© 2006-2008 oceangray.net - WordPress altyapısı kullanıyor.
Yazılan yazılar Creative Commons ile lisanslanmıstır.
Kaynak belirtmeden alıntı yapmayınız.
www.webperest.com

Giriş | Yazı Takip (RSS) | Yorum Takip (RSS)