Önce Ftp ile wp-config.php dosyasını indirin ve bir editör ile açın (Ben Php üzerinde çalışırken Dreamweaver kullanıyorum).

Gelelim yapacağımız değişikliğe…

wp-config dosyasında aşağıdaki satırı bulun,

define ('WPLANG', '');

ve aşağıdaki gibi değiştirin.

define ('WPLANG', 'tr_TR');

Dosyayı Ftp’den tekrar attıktan sonra WordPress Admin panelinizi açın. Güncellemer bölümünde yukarıdaki güncelleme uyarısını göreceksiniz. Tedbir için veritabanı yedeğini aldıktan sonra, Update Automatically (yeni versiyonda Reinstall Now) butonuna tıkladığınızda, WordPress artık Türkçe olacaktır.

DISQUS nedir ve avantajları neler?

Disqus, özellikle bloglarda gerçek zamanlı tartışma ortamı sağlayan bir yorum platformu. İlk bakışta blog okuyucularına Facebook, Twitter gibi sosyal medya hesaplarıyla ya da Disqus hesabıyla giriş yaparak yazılara yorum yapma imkanı veren bir sistem gibi görünüyor. Ama kullandıkça çok daha fazlası olduğunu keşfedip çabuk ısınıyorsunuz.  Disqus’ı kullanan site sayısı 1 milyonu, kullanıcı sayısı ise 66 milyonu çoktan açmış durumda. Ve bu kadar büyük bir işin arkasında küçücük bir ekip var.

Yorumları beğenme, gerçek zamanlı takip etme, farklı bloglara yazdığınız tüm yorumları aynı anda yönetme, sosyal medyada paylaşma, yoruma medya dosyası ekleme gibi özellikler Blog okuyucuları açısından fazlasıyla ilgi çekici.

Blog sahipleri için ise yorum yönetimini kolaylaştıran bir çok avantajı var. Bence bunlardan en önemlisi, herhangi bir Captcha eklentisi kullanmadan spam yorumların önüne geçebilme özelliği. Yapısı dolayısıyla, spam yorumların otomatik olarak gönderilmesi neredeyse imkansız. Bu özelliğinin haricinde, gelişmiş moderatör araçları, kara liste, blog tasarımınıza uygun alternatif tema seçenekleri ve SEO uyumluluğu ile dikkat çekiyor. Öyle ki CNN, Fox News gibi haber portallarının bile dikkati çekmiş ve Disqus’ı sitelerine eklemişler.

Disqus nasıl eklenir?

Siz de birkaç adımda sitenize eklemek isterseniz önce http://disqus.com adresinden kendinize bir üyelik oluşturun. Daha sonra WordPress için admin panelinizin eklentiler bölümünden Disqus’ı aratın ve kurduktan sonra etkinleştirin. Yorumlar bölümüne Disqus için özel bir bölüm gelecektir. Disqus, sitenizdeki tüm yorumları tek tıkla kendi veritabanına taşımanıza da imkan veriyor. Böylece sitenize daha önce yazılan yorumları kaybetmeyeceksiniz.

Disqus’ın tüm özelliklerini bu sayfadan görebilirsiniz.

Google’ın yaptığı bu radikal yenilik tam olarak; Youtube, Google Docs, Analytics, Google+ gibi bütün hizmetlerini Google hesabınızla ve GMail adresinizle bağlamaya yönelik bir hamle. Böylece artık Google hesabınızla bütün Google hizmetlerini kullanmanız mümkün oluyor. Bu yenilik için yeni üyelik formuna da yeni bölümler eklendi. Yeni bir Google hesabı açarken artık Google+ üyeliğinizde kullanılmak üzere Cinsiyet, Ad Soyad ve Telefon gibi bilgileriniz de isteniyor.

Yeni üyelik sayfasını açtığınızda sizi “Google Hesabınız yalnızca bir Arama hizmetinden fazlasıdır” başlıklı bir yazı karşılıyor ve tüm Google hizmetlerine tek bir kullanıcı adı ve şifre ile erişebileceğinizi söylüyor.

Tabii bu yenilikle gelen zorunluluklar (özellikle zorunlu olarak Google+’a katılmak) herkes tarafından hoş karşılanmayabilir. Bir çoğumuzun Google+ hesabı olsa da hala aktif olarak kullanmaya başlamadık. Belki henüz alışamadık ama dünya çapında büyümesini sürdürüyor. Sonuçta, Google+ şu ana kadar Google’ın yaptığı en başarılı sosyal medya işi. Dikkat ettiğim diğer bir husus ise, öncelikli ziyaretçi profilinin bilişim sektörü ağırlıklı olmasıydı. Bu, biz web tasarımcılar için de heyecan verici bir başlangıç olmuştu. Hemen sonrasında üye sayısındaki artış devam etti. Ancak bir gerçek vardı ki, bir çoğumuz Google Plus’a sadece katılmakla kaldı; ilk birkaç günden sonra neredeyse hiç uğramamaya başladık. Ama sanırım Google’ın bu yeniliğinden sonra Google+’yı artık daha fazla kullanmaya alışacağız.

Kullanıcı sayısı 90 Milyon‘a yaklaştığı söylenen Google Plus, henüz Facebook‘la yarışacak kadar büyümese de; Google’ın bu yeniliği ile büyüme hızına ivme kazandıracağı kesin. Google Plus’ın aktif kullanıcı sayısı ile ilgili  verilere kısa bir süre önce Webrazzi‘de Fırat Demirel’in kaleminden yayınlanan bu yazı ile ulaşabilirsiniz.

GMail için de durum aynı. Bilindiği üzere Google Docs, Google Sites ve Google Groups gibi hizmetleri kullanmak için GMail hesabınızın olması gerekiyor. Bu daha önce GMail harici bir e-mail adresiyle açılan Google hesaplarından bu hizmetleri kullanamayacağınız anlamına geliyordu. Ama artık yeni kullanıcılar için bu engel de ortadan kalkmış oldu.

Google’ın en büyük rakibi olan Facebook’a bir adım daha yaklaşmak için bir sonraki hamlesi ne olacak çok merak ediyorum. Hep birlikte göreceğiz.

Freelance web tasarım pazarında sıkça karşılaşılan bu duruma karşı, işin en başından önlem almanın bir yolu var: Projelendirme. Henüz çalışmaya başlamadan müşterinin karşısına web sitesinin kapsamı, özellikleri, alt yapı ve teknik detayları,  ödeme ve iş takvimini içeren bir proje teklifi ile çıkmak; hem harcayağınız emek ve zamanın karşılığında güvenceniz olacak, hem de müşterinize karşı profesyonel ve güven veren bir başlangıç olacaktır.

Projelendirme nasıl yapılır ve nelere dikkat edilmelidir?

Ben projelendirme yaparken genelde 3 bölüme ayırıyorum:

1. Projenin tanımı

2. Proje kapsamı ve özellikleri

3. İş ve ödeme takvimi

“Genelde” diyorum çünkü farklı projelere göre farklı ana başlıklar dahil olabiliyor. Ama genel olarak bu 3 ana başlık, hem müşteri hem sizin açınızdan yeterli olacaktır.

1. Projenin tanımı

Projelendirmenin ilk adımı mutlaka projenin tanımı olmalı. Projeyi teknik detaya girmeden ana hatları ile tanımlayın, bunu yaparken müşterinin sizden ne istediğinden tam olarak emin olun. Daha ilk adımda müşterinin aklında soru işareti oluşturmamaya özen gösterin. Kendisinin sizden ne istediğini anladığınızı ona kanıtlayın. Daha sonra projenin özelliklerini ve teknik detaylarını belirlemek için 2. bölüme geçebilirsiniz.

2. Proje kapsamı ve özellikleri

Projelendirmeyi yaparken, müşteriye sunacağınız en önemli bölüm projenin içeriği ve özellikleridir. Projeyi iyi analiz ettikten sonra, kapsamını belirleyerek müşterinizin ileride sizden isteyeceği fazladan iş yüküne karşı kendinizi garanti altına almış olursunuz. Müşteri açısından baktığımızda ise; web sitesinin sahip olacağı bütün özellikleri tüm hatlarıyla sunarak, ‘ne yaptığını bilen, işinin uzmanı’ imajını müşterinize göstermiş olursunuz. Bu, daha teklif aşamasındayken müşterinize karşı güven verici bir hareket olur.

Bu bölümde, arayüz tasarımından başlamak üzere web sitesinin hazırlık aşamaları, sitenin tamamlandıktan sonra sahip olacağı tüm özellikler, hangi alt yapı ve programlama dillerinin kullanılacağı, ortalama sayfa sayısı, dil seçenekleri, tarayıcı uyumluluğu gibi detayları listeyebilirsiniz. Tabii bunu yaparken, müşterinin anlamayacağı çok fazla teknik detaya girmemeye, özellikle de yapacağınız işi fazla göstermek için abartıya kaçmamaya özen gösterin. Müşterinin aklını çok karıştırmak işi kaçırmanıza neden olabilir.

3. İş ve ödeme takvimi

İş takvimi hazırlamak bence projelendirmenin en zor bölümü. Proje aşamalarının her biri için bir süre belirlemek, hangi aşamanın ne kadar zamanınızı alacağını kestirebilmek başlarda gerçekten zor oluyor. Ama işinizde deneyim kazandıkça bu konuda kendinize güveniniz artacak, karar vermekte eskisi kadar zorlanmayacaksınız. Daha önce fiyatlandırma ile ilgili Freelance web tasarımda fiyatlandırma stratejisi başlıklı bir makale yazmıştım. Okumanızı tavsiye ediyorum. Çünkü bu bölümde nasıl fiyatlandırılması gerektiğinden bahsetmeyeceğim. İş takviminde proje süresine odaklanmak istiyorum.

Diğer önemli bir husus ise; işi almak için siteyi yapabileceğinizden daha kısa sürede bitirebileceğinizi iddia etmeyin. Tam tersine, eğer bu işte yeniyseniz; toplam süre için tahmin ettiğinizin birkaç gün fazlasını yazın. Çünkü projenin herhangi bir anında hiç hesapta olmayan aksaklıklar ve gecikmeler yaşanabiliyor.

Standart kurumsal tanıtım siteleri için, iş takvimini genel olarak 3 ana sürece ayırmak benim işime geliyor şahsen. Ve ödeme planını 1/4, 1/4, 1/2 şeklinde 3 bölüme ayırarak her sürecin öncesinde talep ediyorum.   Böylece, projenin tüm aşamalarında kendimi ve projeyi garanti altına alıyorum.

Arayüz tasarımı: Sitenin ana sayfasını tasarlayacağınız bu zaman dilimi zorlu bir süreçtir. Bu süre sonunda müşteriyi memnun etmek için; kurumsal kimlik ve tipografi bilginiz ile tasarım deneyiminizi ve uzmanlığınızı konuşturmanız gerekecektir. Bu nedenle iş takviminin ilk zaman dilimini doğru belirleyin (Ben genelde sadece ana sayfa tasarımı için en az 3 gün süre istiyorum). Ana sayfayı bitirdikten ve müşteriyi memnun ettikten sonra alt sayfa tasarımları için ayrıca süre belirleyebilirsiniz. Bu sürecin başında toplam fiyatın 1/4′ünü talep edebilirsiniz. Miktar küçük olduğu için, müşteri büyük ihtimalle işe başlarken ödeme yapmayı kabul edecektir.

Html kodlama (ve arayüz giydirme):  Html kodlama daha çok zamanınızı alacak olsa da, tasarım aşamasından alnınızın akıyla çıktıktan sonra, daha stressiz ve daha özgür bir süreç sizi bekliyor. Kurumsal tanıtım sitelerinde Html & CSS kodlama için ortalama 2 hafta yeterli oluyor bana. Eğer sitenin PHP, ASP ya da ASP.NET gibi bir alt yapısı olacak ise, arayüzü ve Html kodlamayı bu yapıya giydirmek için ihtiyacınız olan zaman da bu sürece dahil olacaktır. Bu nedenle, bu aşama için belirleyeceğiniz sürenin size yeteceğinden emin olun.  Toplam fiyatın 1/4′ünü, bu aşamaya başlamadan önce talep etmeyi unutmayın.

Projenin test yayını ve teslimatı: Web sitesini bitirdikten sonra müşteri ile birlikte gerçekleştireceğiniz test yayın süreci için 3 gün yeterlidir. Tüm siteyi müşteriye çalışır halde gösterdikten ve test ettikten sonra, teslim etmeden önce ödemenin geri kalan kısmının tamamını talep edin. Bu aşamada önemli bir hatırlatma ise; test yayınını mümkünse kendinize ait bir web alanında (sunucuda) gerçekleştirin.

Sonuç olarak;

Bütün bu anlattıklarımı dikkate alarak hazırlayacağınız bir proje teklifi, yasal ve hukuki kapsamı çok net olmayan bir çalışma şeklinde harcadığınız emeğin ve zamanın karşılığında size daha yolun başından itibaren bir çeşit teminat olacaktır.

Sleek UI Arabirim Elementleri (PSD)

Simplito – Sosyal Medya İkon Seti

Transparan Vektörel İkon Seti

40+ Yeşil Renk Pattern

50 Seamless Pattern seti

Paisley Photoshop Pattern

Balita – Ücretsiz WordPress E-Ticaret Teması

Mavi renkli Ribbon Tasarımı (PSD)

Sucker Punch Yazı Tipi – Ücretsiz font

Mangosteen – Ücretsiz Font

Vektörel İkon Seti

NounProject – İkon Seti

jQuery.Suggest eklentisi klavyede ilk harfe basmanızla birlikte çalışmaya başlıyor. Sonrasında bastığınız her harfle birlikte otomatik olarak güncellenip ekrana yeni öneriler getiriyor. Tab veya Enter tuşu ise o an satırda bulunan öneriyi kullanmaya yarıyor. Eğer birden fazla öneri bulunduysa arama satırının altında alt alta listeleniyor. Bu listeyi CSS ile görsel olarak istediğiniz gibi düzenleyebilirsiniz.

Javascript

var haystack = ["ActionScript", "AppleScript", "Asp", "BASIC", ...];

$(function(){
  $('#container').suggest(haystack, {
    suggestionColor   : '#cccccc',
    moreIndicatorClass: 'suggest-more'
  });
});

suggestionColor değeri, otomatik önerilerin rengini değiştirebileceğiniz opsiyonel bir özellik. moreIndicatorClass ise birden fazla öneri bulunduğunda görünen öneri listesinin CSS class’ını tanımlıyor.

Aşağıdaki linkten jQuery.suggest eklentisinin demosunu görebilir ve sayfanın en altında bulunan Download the source bölümünden ücretsiz olarak indirebilirsiniz.

jQuery.suggest eklentisine git >>

Eklentiyi web sitelerinizde kullanmadan önce, indireceğiniz klasörde yer alan lisans dosyalarına da göz atmanızda fayda var.

WordPress’in iPhone versiyonları için araştırma yaparken karşılaştığım bu ipucu, bir çoğumuzun çok işine yarayacak. Aşağıdaki kodlar, iOS işletim sistemi kullanan mobil cihazlar (iPhone ve iPad) ile siteye girildiğinde Safari tarayıcısını algılıyor ve sitenin mobil versiyonu için hazırladığınız CSS dosyasını otomatik olarak çağırıyor. Böylece siteye iPhone ile girdiğimizde otomatik olarak mobil versiyonu karşımıza çıkıyor.

Function.php dosyasına yerleştirmeniz gereken bu kodu ve nasıl çalıştığı ile ilgili teknik detayları aşağıda görebilirsiniz.

iOS’ta Safari’yi otomatik algılamak

Aşağıdaki satırlar iOS işletim sistemi kullanan iPhone ve iPad’de web sitesinin mobil Safari ile açıldığını algılayarak,  mobil versiyon için hazırlanan CSS dosyasını çağırmaya yarıyor. Bunu sağlayan ise $is_iphone değişkeni. Bu değişken ile common.css dosyası yerine mobil versiyonu için kullanılacak alternatif CSS olan iphone.css dosyasının, sitenin <head> bölümüne eklenmesi sağlanıyor. Bunu yaparken WordPress’in standard fonksiyonlarından biri olan wp_enqueue_style kullanılıyor.

add_action('wp_print_styles', 'ilc_enqueue_styles');
function ilc_enqueue_styles(){
	global $is_iphone;
	if( $is_iphone ){
		wp_enqueue_style('iphone-css', get_stylesheet_directory_uri() . '/iphone.css' );
	}
	else{
		wp_enqueue_style('common-css', get_stylesheet_directory_uri() . '/common.css' );
	}
}

Siz de WordPress sitenizin iPhone versiyonuna sahipseniz, yukarıdaki kodları temanızın Function.php dosyasına ekleyerek kullanabilirsiniz. Böylece, sitenizin bir köşesine “mobil versiyonu için tıklayınız” gibi bir link yerleştirmenize artık gerek duymayacaksınız.

Bu konuda bilgi sahibi olanlar, WordPress 3.2 Türkçe sürümünü yine her zamanki gibi ücretsiz olarak indirebileceği gibi; yeni sürümle ilgili henüz bilgi sahibi olmayanlar için, yeni özelliklere ve güncellemeden önce bilinmesi gerekenlere birlikte bakalım.

Güncellemeden önce bilmeniz gerekenler

Yeni sürümle birlikte gelen yeni özelliklere geçmeden, güncelleme öncesinde bilmeniz gereken 2 nokta var:

1. PHP ve MySQL gereksinimleri arttı

WordPress, 3.2 sürümüyle birlikte PHP 4 desteğini kaldırdı. Sisteminizi 3.2′ye yükseltmek istiyorsanız minimum  PHP 5.2.4 ve MySQL 5.0‘a sahip olmanız gerekiyor. Sorun yaşamak istemiyorsanız sunucunuzun veritabanı sistemlerini kontrol etmenizde fayda var. Gerekirse Hosting firmanızla konuşup PHP ve MySQL versiyonlarını yükseltmek için talepte bulunabilirsiniz. Bu yapmaya üşenmeyin. Böylelikle sisteminizin veritabanı versiyonlarını da yükseltmek için WordPress bahaneniz olur. Hem sisteminiz bundan böyle daha hızlı ve kararlı çalışacaktır.

2. Internet Explorer 6.0 desteği kaldırıldı

Ve nihayet! WordPress yeni sürümüyle birlikte çağa ayak uydurarak, IE 6.0 desteğini kaldırdı. 3.2′yi sorunsuz bir şekilde kullanmak istiyorsanız, yönetim panelini minimum IE 7.0‘da görüntülemeniz gerekiyor. Bu arada, hala Internet Explorer 6.0 kullanmakta ısrar eden blog sahipleri ya da web tasarımcılar var mı, merak ettim şimdi :)) Google Chrome, Firefox, Safari gibi modern tarayıcılar için bu konuda hiç bir problem yok. Gönül rahatlığıyla WordPress’inizin sürümünü yükseltebilirsiniz.

WordPress 3.2 ile gelen yeni özellikler

WordPress 3.2′yi kullanmaya başladığınızda asıl hedef olan hız ve hafiflik hemen farkediliyor.  Bunun yanında, yeni özellikler ve görsel değişiklikler de dikkat çekiyor.

1. Tam ekran modu

Bu sürümle birlikte gelen en önemli özellik ‘Tam ekran modu‘ olsa gerek. Bu özellik sayesinde, yazı yazarken yönetim panelinizdeki menüleri, araçları, butonları, kısaca herşeyi ekrandan kaldırarak, sadece yazı yazma alanıyla başbaşa kalabiliyorsunuz. Daha sonra ekranda boş bir yere tıklayınca sayfanın en üstünde beliren “Tam ekran modundan çık” linkiyle eski görünüme dönebilirsiniz. Uzun uzun yazı yazmayı sevenler için ideal. Şahsen ben çok tuttum.

Bu arada “tam ekran moduna nasıl geçilir?” diye soracaklar için üstteki ekran görüntüsü herşeyi anlatıyor. Kısa yol tuşu bile var: Alt+Shift+G

2. Yönetim paneline yeni tasarım

WordPress 2.7′den beri ilk defa 3.2 sürümünde yönetim paneli için yeni bir tasarıma geçilmiş. Bu haliyle hem daha şık ve sade, hem de daha hafif ve kullanışlı görünüyor. Ayrıca eskisine göre çok daha profesyonel olmuş bence. Sanki biraz Google‘ın Google+ ile neredeyse bütün uygulamalarında kullanmaya başladığı, yeni tasarımındaki küçük detaylardan esinlenilmiş görünüyor ama bu hali sizin de hoşunuza gidecektir, eminim.

3. Html 5 uyumlu standart tema

Her ne kadar bir çoğumuz standart tema olan Twenty Eleven’ı kullanmayı tercih etmeyip, farklı temalar kullansak da; WordPress 3.2 sürümüyle birlikte Twenty Eleven kullanıcılarının hoşuna gidecek bir gelişme (iyileştirme) mevcut. Yeni sürümle birlikte Twenty Eleven, Html 5 uyumlu olarak yenilenmiş. Ve WordPress tema geliştirme ekibinin söylediğine göre, her yıl yeni bir standart tema yayınlanacak.

Toplam 400 yeni güncelleme

Yeni sürümle birlikte ilk kullanışta dikkat çeken özellikleri tanıttım ama tamamı bu kadar değil! Yaklaşık toplam 400 güncelleme yapıldığı belirtilen 3.2′yi kullandıkça bir çok yenilikle karşılaşıyorsunuz. Bu yeniliklere, yönetim panelinden tek tıkla otomatik olarak versiyon yükseltme özelliği de dahil.Yani artık WordPress sürümünü yükseltmek eskisini göre daha kolay ve hızlı!

Site yöneticileri için sitenin üstünde yer alan Admin çubuğuna da daha fazla özelliğin eklendiği dikkatimi çekti.

Ayrıca standart tema olan Twenty-Eleven için hazır yerleşim düzenleri ve farklı header resimleri de bu sürümle birlikte geliyor.

Son olarak,

WordPress’inizi 3.2′ye yükseltmeden önce, veritabanı yedeğini almayı ve kullandığınız bütün eklentilerin yeni sürümle uyumlu olup olmadığını mutlaka kontrol edin.

Demodaki listede resimlerden tutup aşağı – yukarı sürükleyerek öğeleri nasıl sıraya dizebileceğinizi görebilirsiniz. Her standart anket gibi, oy kullandıktan sonra anket sonuçlarını da görüntüleyebiliyorsunuz. Eklentinin hazırlanışının üstünden bayağı bir zaman geçmiş olsa da hala geçerliliğini koruyacak kadar başarılı görünüyor. Bu zamana kadar hiç bir sitede uygulandığını görmemem de şaşırtıcı gerçekten. Bunu mutlaka bir projede kullanmak isterim şahsen. Özellikle yıl sonlarında çeşitli müzik ve sinema sitelerinde düzenlenen “yılın en iyileri” gibi anketler için fazlasıyla kullanışlı olabilir.

Demoyu buradan izleyebilir,

Eklentiyi de buradan ücretsiz olarak indirebilirsiniz.

Nasıl uygulandığını incelemek isterseniz de eklentinin yayınlandığı TutorialZine‘a göz atabilirsiniz.

Velvet Sky temasının hazırlanışında dünyanın en iyi içerik yönetim sistemi WordPress‘in unutulmaması da güzel bir jest. Zira, temayı hem Prestashop hem de WordPress için indirebiliyorsunuz. WordPress ile e-ticaret sitesi hazırlamak istiyorsanız bu tema tam aradığınız şey olabilir. Hem de Smashing Magazine farkıyla yine ücretsiz!

DapurPixel tarafından geliştirilen Velvet Sky temasının öne çıkan özelliklerini aşağıda bulabilirsiniz:

Temanın özellikleri:

• WordPress 3.1+ uyumlu
• Prestashop 1.4.2.5 uyumlu
• Yatay menü ve alt menü entegrasyonu
• Anasayfa için özel slayt modülü
• Üye girişi yapmadan alışveriş imkanı
• Özel reklam bölümleri
• IE7+, Safari, Opera, Firefox ve Chrome uyumlu

Temanın bütün görselleri için Smashing Magazine‘i ziyaret edebilirsiniz.

Temayı indir

Temayı canlı test et >> Demo

WordPress teması (.zip, 1.1 MB) >> İndir

Prestashop teması (.zip, 6.7 MB) >> İndir