'Cms' Kategorisindeki Arşivi Görüntülüyorsunuz...

Temamıza Widgets Uyumu Yapmak

Wordpress | |
19 Ağustos 2007 | Bu gönderi webthese tarafından yazılmıştır.

Wordpress’in gelişen sürümleri itibariyle artık Widgets eklentisi daha fazla önem kazanmaya başladı. Şu anda kullanmış olduğum Yan Menü Bileşeni ile uyumsuz temada bu işlemi nasıl yapabileceğimi araştırdım. Kısa bir araştırma sonucu birkaç kod eklemesiyle bu işlemin halledilebileceğini öğrendim. Siz de aşağıdaki yönergeleri izleyerek kendi Yan Menü Bileşeni uyumsuz temanızı “widgetize” edebilirsiniz. (Belki zamanı geçmiş vasıfsız bir bilgi ama yine de işinize yarayabilir)

Wordpress Temamızı Widgets Uyumlu Hale Getirme
Öncelikle aşağıda yer alan kodu boş bir dosya üzerine kopyalayın ve functions.php olarak kaydedin.

<?php if ( function_exists(’register_sidebars’) ) register_sidebars(); ?>

Bu kodu kaydettiğiniz functions.php dosyasını tema klasörünüzün içine atın. Daha sonra temanızın sidebar.php dosyasını açarak aşağıdaki kodu yan menü bileşenlerinin görünmesini istediğiniz yere yerleştirin.

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<?php endif; ?>

Bu şekilde kayıt yaptıktan sonra Görünüm menüsünden Yan Menü Yerleşimini ayarlayabilirsiniz. Bu klasik yöntem ile artık temanız widgets uyumlu hale gelmiş olacaktır. Temanızın sidebar alanı içinde kaydetmiş olduğunuz yan menü bileşenleri görünmeye başlayacaktır.

Başka Bir Alana Daha Widgets Ekleyebilir miyim?
Bazı temalar 3 kolonludur ve 2 adet sidebar içerirler. Bu durumda olan bir tema içinse yukarı yaptığımız işlemden farklı olmayacak bir yöntem izleyeceğiz. Oluşturacağımız 2 Yan menü bileşeniyle bunları kendi sidebar.php dosyalarımıza ekleyeceğiz. Aşağıdaki kodu yine functions.php olarak kaydedin.

<?php if ( function_exists(’register_sidebars’) ) register_sidebars(2); ?>

Yazmış olduğumuz betikte register_sidebars(2) alanını görüyorsunuz. Bu bizim 2 tane yan menü bileşeni bölgemiz olacağını gösteriyor. Şimdi bu dosyayı kaydettikten sonra yan menü bileşenlerinden ilkini göstermek istediğimiz alana (mesela sidebar.php dosyasına) aşağıdaki kodu yazalım.

<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar(1) ) : ?>
<?php endif; ?>

Bu kod alanında 1. Yan menü bileşenimizin nerede görüneceğini belirtmiş olduk. Yine aynı şekilde !dynamic_sidebar(2) diyerek bu kodu farklı bir alana yapıştırabiliriz. Örneğin yukarıda söylediğim gibi 2 sidebar’ı olan temalarda bu görünüm uygulanabilir. Aynı şekilde 2. yan menünün farklı bir yerde görünmesini istiyorsanız (mesela footer.php gibi) gerekli kodu footer.php’ye uygun bir yere ekleyip kaydetmeniz yeterli olacaktır.

En Güzel Wordpress Temaları (Bölüm 2)

Wordpress | |
11 Temmuz 2007 | Bu gönderi webthese tarafından yazılmıştır.

En güzel Wordpress Temalarını listelediğimiz ikinci bölümde daha çok Türkçe kaynaklı Wordpress temalarına öncelik vereceğiz. Türk Bloggerların Türçeleştirdiği ve yayına sunduğu tema gönderilerine aşağıdan ulaşabilirsiniz.

WpDestek.com: Şüphesiz şu anda Türkçe Wordpress temaları konusunda güzel bir kaynak olarak WpDestek.com’un Tema Galerisi gösterilebilir. Site üzerinde şu anda 39 Türçe Wordpress Teması bulunmakta. Galeriye ulaşmak için lütfen buraya tıklayınız.

WorldarchiveTR.com: Wordpress Türkiye Forumları’ndan Canarkadaş lakabıyla tanıdığımız kardeşimiz bize güzel Wordpress Tema çevirileri sunuyor. Türkçeleştirdiği 23 temaya burdan ulaşabilirsiniz.

DenizAkin.com: Deepso lakabıyla tanıdığımız Deniz kardeşimiz de kendi sitesinde tema Türkçeleştirme projeleri yapıyor. Türkçeleştirmiş olduğu temalara buradan ulaşabilirsiniz.

Otomot.net: Wordpress Türkiye Forumları’ndan tanıdığımız Heytbecom kardeşimizin güzel çalışmaları var. Türkçeleştirdiği temalara sitesinde Dosyalar bölümünden ulaşabilirsiniz.

Erdence.com: Birçok Wordpress temasının Türkçeleştirilmiş halini siteden bulabilirsiniz. Sitede Türkçeleştirilmiş temalar için ayrı bir bölüm de bulunuyor.

t’infection.com: Nacizane benim de Türkçeleştirerek yayınlamış olduğum 4 tema bulunmakta. Bu temaları sitemizin Download bölümünden görebilir, buradan da test edebilirsiniz.

Evet arkadaşlar, şimdilik not defterime yazdığım Türkçe tema çalışmaları yapan bloglarımız bunlar. İleride aklıma geldikçe bu gönderilerde güncellemeler yaparak içeriği biraz daha genişleteceğim. Umarım sizler için faydalı olmuştur…

En Güzel Wordpress Temaları (Bölüm 1)

Wordpress | |
9 Temmuz 2007 | Bu gönderi webthese tarafından yazılmıştır.

Wordpress Temaları konusunda her zaman büyük bir arayış vardır. Vakti zamanında benim de düştüğüm bu arayışlarda yardımcım olan birkaç site dışında pek bir alternatif yoktu. Ancak son zamanlarda herkes sevdiği ve beğendiği Wordpress temalarını bir derleme şeklinde yayınlayarak hem insanlara yeni temaların varlığını gösteriyor hem de bu alanda karar verememiş olan kişilere yardımcı oluyor. Bu yazımın birinci bölümünde ben internette karşılaştığım ve güzel bulduğum derleme yazılara linkler verip kısa bilgilendirme yazıları yazacağım. İkinci bölümde ise kendi beğenmiş olduğum Wordpress Temalarını kendim derleyip (Türkçe kaynaklarının da olmasına dikkat ederek) sizlere sunacağım. Şimdi dilerseniz yazımın birinci bölümünde derlemiş olduğum Wordpress tema kaynak gönderilerine bakalım.

SmashingMagazine: Smashin’ Magazine.com dünyada birçok kişinin takip ettiği web sitelerinden biri. Bende her zaman takip ediyorum. Bu site güzel ve ilham alınası Wordpress temalarını yayınlıyor.

Clazh.com: Wordpress temaları konusunda derleme gönderiler yazan başka bir kaynak. Gerçekten güzel temalara yer verilmiş. Bu gönderileri 3 bölüm halinde görmek mümkün.

SilentBits.com: Yine elimden geldiğince takip ettiğim ve yorum bıraktığım bir site. En iyi Wordpress temaları konusunda eski ama iyi bir derleme bölümü mevcut.

HongKiat.com: Tüm zamanların en çok indirilen ve kullanılan 49 Wordpress Temasını listelemiş. Buradan ulaşabilirsiniz.

DoshDosh.com: Adsense optimizesi yapılmış 18 Wordpress teması listelenmiş. Buradan ulaşabilirsiniz.

PlainTxt.org: Kendi yapımları olan “minimalistik” tür Wordpress Temalarını listelemişler.

Fahlstad.se: Benim de sitemin altyapısını oluşturduğum fSpring temasının yapımcısı olan siteden güzel wordpress temaları. Liste için lütfen buraya bakın.

Şimdilik aklıma gelen tema kaynakları bunlar. Tabi bu yollamış olduğum gönderi de Türkçe kaynaklar yok. Bir sonraki yazımda inşallah Türkçe tema kaynakları ve düzenlemeleri de derleme halinde sizlere sunacağım.

GÜNCELLEME (11 Temmuz 2007)

ThemePorter.com: Güzel Wordpress tema çalışmaları olan bir site. Temalarla ilgili gönderileri okuyup aynı zamanda site üzerinde test edebiliyorsunuz. Sitenin anasayfasına ulaşmak için buraya tıklayınız.

Kaushalsheth.com: Birbirinden güzel Wordpress tema çalışmaları sunan başka bir site. Sitenin temalarla ilgili ayrı bir bölümü bulunuyor ve site üzerinden temalar test edilebiliyor. Şu anda site üzerinde 52 Wordpress teması bulunmakta. Tema sayfasına ulaşmak için lütfen buraya tıklayınız.

Okuyorum (Now Reading) Eklentisi

Wordpress | |
11 Haziran 2007 | Bu gönderi webthese tarafından yazılmıştır.

Uzun süredir sınavlar ve finaller dolayısıyla gündemi takip edemiyorum. Fakat Erhan kardeşim yine yaptı yapacağını. Volkank.com‘da yazmış olduğum bir yazıma yaptığı yorumunda Okuyorum eklentisinden bahsetti. Okuyorum eklentisi basit bir mantıkla sizin okuduğunuz kitapları sidebar üzerinde gösteriyor. Bunu yaparken Amazon.com üzerinden okuduğunuz kitabın ISBN bilgisini alıyor ve resimle beraber blogunuzda gösteriyor. Dilerseniz okuduğunuz kitabı kendiniz de manuel olarak ekleyebiliyorsunuz. Sürekli kitap okuyan ve bunu blogunda ziyaretçileriyle paylaşmak isteyenler için çok güzel bir eklenti. Eklentiyi Türkçe’ye çeviren Umut Doğan‘a da ayrıca teşekkür etmemiz gerekir. Eklentiyle ilgili detaylı bilgileri hem Umut Doğan’ın kişisel blogunda hem de WpDestek.com üzerinde görebilirsiniz.

Wordpress’te Tema Türkçeleştirmek

Tasarım, Wordpress | |
3 Haziran 2007 | Bu gönderi webthese tarafından yazılmıştır.

Merhabalar, uzun süredir t-infection.com’a teknik detaylı yazılar yazamıyorum. Bu eksikliğimi lütfen mazur görün, sene sonunun gelmesi ve final sınavlarının vermiş olduğu stres ile t’infection.com’la fazla ilgilenemedim. Ancak sınav döneminin bitmesine bir hafta kala aklımda olan ve unutmadan yazmayı planladığım bu yazı ile karşınızdayım. Umarım sizler için faydalı olur.

Wordpress’te hepimizin vakti zamanında çokça sorular sorduğu, üzerinde uzun süre düşündüğü “Tema Türkçeleştirme” konusundan bahsetmek istiyorum. Tema Türkçeleştirme aslında sanıldığı kadar zor bir işlem değildir. Herbirimiz şu anda mevcut İngilizce bilgimizle Tema Çevirisi yapabilir ve Türkçe Wordpress Temalarının çoğalması adına bir katkıda bulunabiliriz. Tabi her işte olduğu gibi bu işte de dikkat edilmesi gereken bazı hususlar var. Ben sizlere kısaca bu hususlardan ve nasıl bir temanın çevirisini yaptığımdan (biraz teknik detaya inerek) bahsedeceğim.

Öncelikle Wordpress Temasını çevirmek için elimizde iyi bir Metin Editörü olması gerekiyor. Bu ihtiyacımızın neden olduğu sorusuna gelince, Wordpress’te temalar her zaman ANSI koduyla kodlanarak gelir. Bu kod standardı Türkçemizdeki karakter birimlerini karşılamadığından dolayı bir metin editörü vasıtasıyla bu kodun UTF-8 yapılması gereklidir. UTF-8 birimiyle kodlanan temalarda da bazı problemler olmasına karşın Türkçe kelimeleri ve harfleri kullanabiliriz.

Birkaç Faydalı Program isimli yazımda bahsettiğim üzere ben bu tarz çeviri işlemleri için her zaman Notepad++‘ı kullanırım. Bu editörü uzun süredir kullanmam hasebiyle üzerinde çok hakim olduğum bir metin editörüdür. Notepad++ sayesinde yukarıda bahsettiğim kodlama olayını bir çırpıda halledebilirsiniz. Programı indirmek ve son sürümlerini kontrol etmek için lütfen buraya tıklayınız. (Tabi değişik alternatifleri olan bir program, özellikle Burhan kardeşimin şuradaki tavsiyesi de görülmeye değer.) Şayet bu işi halletmek için bir editör program kurmak istemiyorsanız Dreamweaver serisi programlar ile de bu bahsettiğim kodlama işlemini halledebilirsiniz. Tanıdığım birçok kişi tema çevirilerini Dreamweaver ile yapıyorlar ancak ben daha hiç Dreamweaver ile tema çevirisi denemedim. Bildiğim yoldan gitmek ve sonuca kısa zamanda ulaşmak hoşuma gidiyor sanırım. :)

Konuyu dağıtmadan devam edelim. Notepad++ programımızı başarıyla kurduktan sonra herhangi bir Wordpress Temasını bu dosya ile açalım. Öncelik olması ve sonucu çabuk görmemiz açısından ben fSpring temasını ve bu temanın index.php dosyasını tercih ettim. Index.php dosyasını programda açtıktan sonra hiçbir çeviri yapmadan yukarıdaki menüden DÜZENLE >> UTF-8′de KODLA seçeneğini tıklıyoruz. Böylelikle bahsettiğim kodlama işlemi hallolmuş oluyor. Artık tema çevirimizi yaparken rahatlıkla Türkçe karakterleri kullanabiliriz. Hemen aynı index.php dosyasının 16. satırında yer alan “Read more” yazısını silerek “Devam veya yazının devamını okuyun” şeklinde bir çevirme yapıyoruz. Bunu yaptıktan sonra hemen dosyayı kaydedip şayet bilgisayarınızda kurulu bir sunucu varsa hemen denemesini yapabilirsiniz. Yoksa da kendi hostunuza bu dosyayı atarak değişikliği görebilirsiniz.
utf8 degisikligi
Gördüğünüz üzere tema çevirisi yapmak bu kadar kolay. Yazımın başında bahsettiğim gibi fazla detaylı olmayan bir İngilizce bilgisiyle sevdiğiniz bir temayı kolaylıkla çevirebilir ve bunu sitenizde yayınlayabilirsiniz. Bu sayede temanızın istediğiniz bölümlerine kendi istediğiniz kodları da ekleyebilir ve Türkçe karakter kullanma sıkıntısı olmadan sayfalarınızda dilediğiniz kadar alan oluşturabilirsiniz.

ÇEVİRİ YAPTIM AMA TEMAM BOZULDU!
Evet sıklıkla karşılaşacağınız sinir bozucu durumlardan birisi de budur. Temanın bir yerini düzelttiğiniz ve önizleme aldığınız zaman temanın yapısının bozulmuş olduğunu görürsünüz. Bunun birçok sebebi olabilir ancak karşılaşabileceğiniz en büyük sebep o temanın Utf-8 karakter kodlamasında oluşabilecek bir problem veya yaptığınız çevirinin uzunluğu olabilir. Birçok tema çevirisinde ortada hiçbir sebep yokken sadece karakter kodlaması ile tema yapılarının bozulabildiğini gördüm. Bu durumun üstesinden gelebilmek için mevzu bahis temaların karakter kodlamasıyla hiç oynamadan ASCII karakter kodlarını kullanarak Türkçe karakterleri eklemeniz bir çözüm yolu olabilir. Yani Türkçemizde çok kullanılan, Ç, İ, Ş, Ü, Ö, Ğ gibi karakterlerin Ascii kodlarını bularak temanıza ekleyebilirsiniz. Bu yol çok zahmetli ve emek isteyen bir yoldur. Çünkü kullanmak istediğiniz her Türkçe karakterde bu kodu yazarak sayfanıza eklemek zorundasınız.

Bahsettiğim karakter durumları nedeniyle her zaman temanızın bir sayfasının çevirisini bitirdikten sonra tarayıcınızda kontrol edin. Size şunu önerebilirim ki her zaman çevirilerinizi “İNTERNET EXPLORER İLE KONTROL EDİN”. Unutmayın ki hala internette büyük bir çoğunluk İE kullanıyor ve bu çoğunluk sitenizi ziyaret eden çoğunluğa doğru orantılı oluyor. Birde ikinci bir sebep olarak Firefox tarayıcının hiçbir problem çıkarmadan Türkçeleştirdiğiniz temaları göstermesi ve yaptığnız şeyin dosdoğru sonucunu vermesidir. Firefox tarayıcıyı sevmemin nedenlerinden birisi de bu sanırım. Yapılan işin sonucunu doğru ve zamanında size vermesi. İnternet Explorer’da ise W3C uyum sorunları ve tema yapısının bozulması gibi durumlara da şimdiden hazırlıklı olmanızı tavsiye ediyorum.

Bu durumun da önüne geçebilmek için kendi bilgisayarınızda WampServer, PhpTriad, EasyPHP gibi local sunucular kurarak Php ve Mysql ortamını (gerek Windows gerekse de Linux türevi bilgisayarlar üzerinde) bilgisayarınızda çalıştırabilmenizdir. Böylelikle tema çevirisi sırasında yaşanacak sorunları dosyaları hostunuza atmadan görebilirsiniz.

ÇEVİRİMİ YAPTIM, ŞİMDİ BU TEMAYA FARKLI BİR İSİM VEREBİLİR MİYİM?
Elbette yaptığınız tema çevirisine farklı bir isim verebilirsiniz. Bunu yapmak için öncelikle temanızın bulunduğu klasör ismini değiştirin. Daha sonra temanızın style.css dosyasını açarak kodlama başlamadan en üstte yer alan tema ismi ve geliştirici isimleri gibi alanları değiştirin. Bu alanlardaki değişiklik Wordpress Yönetim panelinde Görünüm sekmesinde temanın tanımlayıcı bilgilerini size gösterecektir. Dilerseniz ve şayet varsa tema klasörünüzdeki screenshot.png isimli resim dosyasını (bu dosya temanızın önizleme resmini gösterir ve temanızı Görünüm alanında tanımanıza yardımcı olur) kendi istediğiniz resimle değiştirebilirsiniz. Bunu yapabilmek için aynı isimli ve aynı boyutlu (600*450px) bir resmi tema klasörünüze koymanız yeterli olacaktır.

Çevirisini yaptığım temalarda her zaman tema adının sonuna “-tr” uzantısı koyuyorum. Tema isimlerini böyle vererek insanların bu temanın Türkçe olduğunu anlayabileceğini düşünüyorum.

TEMANIN COPYRIGHT BİLGİLERİ?
Temaların genellikle footer.php içinde yer alan geliştirici ve kodlayıcı bilgilerini silmek kişilerin vicdanına kalmış bir durumdur. Bu durum için benim bir yargıya varmam doğru olmaz, ancak yapmış olduğum tema çevirilerini gördüyseniz, her zaman geliştirici ismini ve sayfasını olduğu gibi bırakır sonuna kendi sitemin ismini ve linkini yazarım. Bu hiyerarşiye uymak her zaman hoşuma gider. Çünkü temayı yapan kişi zaten büyük bir emek sonucu o temayı ortaya çıkarıyor ve gelişmesini izlemek için internet üzerinde kendi isminin ve temasının geçtiği yerleri görmek istiyor. Bu hakka saygı duymak adına ben tema geliştiricilerinin adını ve copyright bilgilerini hiçbir zaman silmem. Fakat siz bu konuda istediğiniz gibi davranabilirsiniz. Şayet yaptığınız site kişisel ve ticari olmayan bir siteyse bu tarz copyright bilgilerinin çok önemli olmadığını düşünüyorum.

TEMANIN BAZI BÖLÜMLERİNİ DEĞİŞTİRSEM?
Şayet yapmak istediğiniz şey Wordpress Türkiye topraklarına Türkçe bir tema katmak ise temanın Türkçeleştirme dışında hiçbiryerinde değişikliğe gitmeyin. Bu sayede insanlar o temanın Türkçesini kullanmanın zevkine varsınlar. Ancak bu temayı kendiniz için geliştiriyor ve kendi sitenizde kullanıp dağıtımını yapmayacaksanız o zaman temanın gerek index, style, page, footer dosyaları gerekse de resim dosyaları üzerinde istediğiniz değişikliği yapabilirsiniz. Bu temalarının çoğunun GPL lisansıyla dağıtıldığını ve ticari olmayan her türlü değişime açık olduğunu belirtmemde fayda var.

Umarım sizler için yararlı bir makale olmuştur. Her ne kadar soru cevap şeklinde bir sunum gibi de olsa düşündüklerimi ve yapmak istediğim şeyi yazmak adına beni mutlu etti. Bir başka yazıda görüşmek dileğiyle…

Wordpress için Simple Spoiler Eklentisi

Wordpress | |
15 Mayıs 2007 | Bu gönderi webthese tarafından yazılmıştır.

Bundan bir ay kadar önce Wordpress Türkiye Forumları‘nda gönderilerin açılıp kapanmasıyla ilgili bir forum oluşturulmuştu. Birçok kullanıcı güzel tavsiyelerde bulundu. İşte o tavsiyelerden birinde bu güzel eklentiyle karşılaştım. Eklentimizin temel mantığı belirlediğimiz alanlardaki yazıları gizlemek ve tek tuşla ziyaretçimize yazımızın geri kalanını göstermek. Oldukça faydalı bulduğum bu eklentiyi, uzun yazılarımda ve bol resimli, anlatımlı makalelerimde sıkça kullanacağım. Eklentinin kurulumu ve kullanımı oldukça basit. Buradan eklentinin son versiyonunu indirin ve Wordpress’in eklenti dizinine atın. Eklentiyi aktifleştirdikten sonra gönderilerinizi yazarken

<spoiler>yazımızın devamı</spoiler>

gibi bir kod kullanarak eklentimizi hayata geçirebiliriz. Eklentiyi indirdikten sonra enhanced-ss.php dosyasını eklenti dizine atmadan önce bir metin editöründe açarak 72. satırdaki Show ve 73. satırdaki Hide yazılarını kendinize göre değiştirebilirsiniz. (Not: Türkçe karakter kullanabilirsiniz.) Uzun yazılarda ve ziyaretçinin yorum alanına gideceğini düşünmediğiniz, sadece okunmak için gönderilen uzun bildirilerde işe yarayacağını düşünüyorum. (Eklentinin çalışan halini görmek için bir aşağıdaki yazıya bakmanız yeterli)

Wordpress’te 2 Kolonlu Tema Oluşturmak

Tasarım, Wordpress | |
18 Nisan 2007 | Bu gönderi webthese tarafından yazılmıştır.

Devletşah.com'dan alınan örnek resim

Birkaç forum sitesinde ve çokça da Wordpress.org forumlarında kullanıcıların sürekli “Cssremix benzeri Wordpress temalarını” nasıl oluşturabileceklerine dair sorular görüyordum. Aslına bakılırsa çokta ilgimi çekmiyordu çünkü benim herhangi bir galeri görünümlü Wordpress temasıyla veya bu yöndeki bir blog temasıyla işim olmuyordu. Ancak son hazırladığım projede haliyle böyle bir temaya ihtiyaç duydum. (Bu projenin detaylarından ilerideki günlerde bahsedeceğim) Böylelikle aramaya koyuldum. Bu tarz bir temanın nasıl oluşturulabileceği ve yayınlanacağı ilgimi çekmeye başladı birden. Bir forum yazısında kullanıcının basit bir iki Css kodu yazdığını ve işlemi böyle yapabileceğini söylediğini gördüğümde kafamın üstünde “lambalar” yanmaya başladı. Tabi ya! Css ve Xhtml ile bu iş halledilebilir. Çünkü zaten Loop özelliği temada hali hazırda devrede olan birşey. Onun haricinde fazladan bir döngü oluşturmaya gerek yok! Bu işi local bilgisayarda denedim ve çokta zahmetli bir süreç geçirmeden istediğime ulaştım. Bilginin paylaştıkça çoğaldığını düşünen bir insan olarak teknik detayları ve kod açıklamalarıyla birlikte şimdi biraz yaptığımız işi anlatalım.
Gönderinin Devamını Okuyun…

« Önceki SayfaSonraki Sayfa »