Şöyle bir bakıyorum da günceme yazı yazmayalı on günden fazla olmuş. Tabi bu zaman zarfında yazamamamın başlıca nedenleri arasında okulumun yeniden açılması ve hayata geçirmeyi düşündüğüm projelerin de peşimi bırakmaması geliyor.

Aslına bakarsanız burdan duyurmayı ve söylemeyi pek istemiyorum ama yakın zamana kadar birisi sağlık (Fizik Tedavi ve Ortopedi) diğeri de web tasarımı konusunda (genel bir webmaster kaynak sitesi olacak) iki site açmayı hedefliyorum. Tasarımlar ve kullanacağım altyapılar konusunda ise çoğu yerde kararsızım. Ancak web dizin şeklinde düşündüğüm sitede tamamiyle kendi yazmış olduğum bir site olmasını istiyorum. Css, Xhtml ve Php kullanarak basit düzeyde bile olsa bir tasarım çıkarabileceğime inanıyorum. Umuyorum ki kısa zamanda biter ve buradan sizlere duyurabilmenin heyecanını yaşarım.

Sağlık konusunda açmayı planladığım sitede ise büyük ihtimalle Wordpress altyapısını kullanacağım. Sonuçta Wordpress ailemizin günce yazılımı ve her türlü sitenin altyapısını oluşturabilme gibi bir özelliği var. İlerleyen günlerde herşey rayına oturacak inşallah.

Bu zaman zarfında makalelerime ve günce yazılarıma biraz ara vereceğim. Bu yüzden siz sevgili ziyaretçilerimden çok ama çok özür dilerim. Saygılarımla…

Photoshop ile uğraşan kişilerin öyle ya da böyle kendi zevklerine göre oluşturdukları bir Fırça (Brush) arşivi vardır. Fırçalar yapmış olduğumuz tasarımlarda çokça kullandığımız ve iyi kullanıldığında büyük oranda tasarımı geliştiren elemanlardır.

Çoğu zaman kendi fırça arşivime güvensem de yine de arada sırada internette görmüş olduğum ücretsiz fırçaları bilgisayarıma indirip deniyorum. Gerçekten çok hoş çalışmalar ve kaliteli fırçalar bulmak mümkün. Bu yazımda beğenilen fırça kaynaklarına kısaca değineceğim ve sizlere ilgili bağlantıları sunacağım. Umarım sizler için faydalı olur.
Gönderinin Devamını Okuyun…

Web tasarımı yaparken en büyük yardımcımız olan Photoshop’ta çokça fırça ve dolgu (brush, pattern) kullanırız. Bu dolgu ve fırçalar özellikle yaratıcı web sitelerinde oldukça karşımıza çıkarlar. Kaldı ki artık Web 2.0 tasarım konseptinin iyice yaygınlaştığı günümüz anlayışında birçok sitede bu tarz dolgu ve fırça işlemlerini görebiliriz. Bu yazımızda sizlere kısaca kendi dolgu ve fırçalarınızı nasıl yapacağımızı anlatacağız ve küçük uygulamalar ile örnekler çıkaracağız.

Bahsettiğimiz işlemleri yapmak için Photoshop versiyonunuz çok önemli değil, 6, 7, CS veya CS2 versiyon olabilir. Ben uygulamalarımı 7 ve CS sürümlerinde yapıyorum. Bu kısa ön bilgilendirmeden sonra hemen uygulamalarımıza geçelim.
Yazının Devamını Göster ▼

Başlığın çok karışık olduğunun farkındayım. Bu yazımda sizlere anlatmak istediğim şey birçok blog sitemizin kullandığı küçük soluk resimlerin fare ile üzerine gelince asıl rengini alması ve bağlantı alanı olarak kullanılması. (Örnek olarak, Sesebian ve Fikirbozan‘ın sidebar bölgesine bakabilirsiniz) Fikirbozan.net’in gönderisinden esinlenerek yazdığm bu makalede hem geçerli (valid) bir kod yazımı ve kolaylıkla sitemize uygulayacağımız bir örnek yapacağız. Aslına bakarsanız bu işi filter parametresi ile de yapabiliyoruz ancak bu yöntem W3C’nin Xhtml Validation alanından geçemiyor. Bu yüzden hali hazırda DynamicDrive.com üzerinde kullanılan şuradaki scripti geçerli bir hale getirdim. Localde yaptığım denemelerde scriptin hem çalıştığını hem de Geçerlilik Testinden geçtiğini gördüm. Bu küçük ön bilgiden sonra hemen uygulamamıza geçelim.

Öncelikle bu uygulamayı bir blog sitesinde kullanacaksanız header.php dosyanızı açın ve aşağıdaki kodları girin. Şayet bunu html/css bazlı bir sitede kullanacaksanız head etiketinin bitiminden önce aşağıdaki kodu yazın.
Yazının Devamını Göster ▼

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.

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…

Evet nedir, ne değildir, nasıldır, kime aittir derken hepimiz öyle ya da böyle bir Web 2.0 havası yaşıyoruz. (ve farkında olmadan başkalarına da yaşatıyoruz) Web 2.0 nedir veya nasıl bir olgudur tartışmasına girmek değil amacım. Sadece kendi bakış açımdan bu oluşuma yaklaşmak. Web 2.0′ın bizlere tasarım alanında büyük bir yol katettirdiği aşikar. Tabi bunda kesinlikle Css ve Xhtml’nin katkılarını unutmamak gerekir. Semantik kod yazımı ve bu yöndeki işleyiş Web 2.0′ın vazgeçilmezleri arasında. Ben bu yazımda Web 2.0 sitelerinin ortak özelliklerini ve böylelikle Web 2.0′ın genel karakteristik tasarım yapısını ortaya koymaya çalışacağım. Bir nevi Web 2.0 ne demek değil Web 2.0 neyi ortaya koyar yazısı olacak bizler için. Hemen başlayalım dilerseniz.

1) BÜYÜK ve KALIN FONTLAR

Evet Web 2.0′ın hayatımıza soktuğu en büyük tasarım değişikliklerinden birisi de “Büyük Fontlar”. Büyük fontla yapılan başlık ve duyurular; nedense daha çok ilgi çektiğinden midir yoksa diğer web sitelerinin bunun bir kural olduğunu düşünerek yaptığından mıdır bilinmez birçok sitede görmeye alıştığımız bir durum oldu. Büyük fontların kullanılması elbetteki hepimizin hoşuna gidiyor ve bunu çokça yapıyoruz. İncelemede bulunacağınız sitelerin birçoğunda vurgulanması istenen alanların büyük ve kalın fontlarla yazıldığını göreceksiniz. Açıkçası daha küçük metin boyutlarıyla yazılan yazılarımız kaybolup gidiyordu. Bunun yerine benimsenen büyük ve kalın fontla yazı örnekleri birçoğumuzun daha çok hoşuna gidiyor sanırım. Kalın fontları birçok sitenin logo tasarımında da kullandığını söylemeden geçmeyelim. Özellikle bir kuralmış gibi birçok büyük site logo ve grafik tasarımını hayata geçirirken elindeki fontun “bold” versiyonunu kullanmaya özen gösteriyor.
Gönderinin Devamını Okuyun…