Posts in WordPress

required+ Foundation wordpress teması

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.

/wp-content
    /themes
       /required-foundation     // parent theme, sakın dokunma
       /required-starter        // child theme, istediğin gibi değiştir

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.

/*
Theme Name: Your Child Theme Name
Theme URI: http://example.com/
Author: Your name
Author URI: http://yourdomain.com/
Description: Your super awesome description of the theme.
Version: 1.0
Template: required-foundation
Text domain: yourcustom-textdomain
*/
/* Make the template work */

@import url(../required-foundation/style.css);

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

/* ... 
Template: required-foundation
... */
@import url(../required-foundation/style.css);

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. :)

WordPress tema tasarımı ve tema seçimi 2

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.

 

WordPress tema tasarımı ve tema seçimi 1

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

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.

oceangray.net üzerinde ki tema hakkında

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.

WordPress 2.9 – İmaj Editörü Özelliği

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

WordPress Wp.com’u ne yapacak ?

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