Fontlar

Fontlarla Oynamak

Fontların birçok kullanım alanı vardır. Bizim işimiz web tasarımda ve yapacağımız wordpress temalarda kullanmak olduğu için bunun üzerine eğileceğiz. Fontlar CSS yapılandırılmasında önemli yer alır. Örnek vermek gerekirse şu anda gezindiğiniz sayfadaki yazıların hemen hepsinin bir font yapısı vardır. Bu yüzden yazıların okunaklı ve tasarıma uygun düşmesi için ayrıca bazı özerk yerdeki yazılarımızın diğer yerlerden farklı olduğunu belli etmek için font yapılarını kullanırız. Bu konumuzda elimizden geldiği kadar sizlere font yapısı hakkında geniş bilgiler sunmaya çalışacağız.

Font yapılarının sayısı bir hayli fazladır, fakat ne yazık ki, tamamını dilediğimiz gibi kullanamıyoruz. Bunun nedeni CSS de kullanılan font ailesinin bazılarının, bilgisayar işletim sisteminde yüklü olmayışıdır. Örneğin fontumuzun ismi a olsun bu fontumuz Windows işletim sisteminde yüklü iken Linux işletim sisteminde yüklü olmayabilir veya tam tersi de olabilir. Eğer yaptığınız tasarımda mutlaka kullanmak istediğiniz bir font varsa ve işletim sistemlerinde yüklü değilse veya emin değilseniz en pratik çözüm yolu bu fontu resim yoluyla vermektir. Bu pratikliği html de kolayca yapabiliriz fakat WordPress de durum biraz daha farklı olacaktır özellikle sürekli kullanılan alanlarda Konu başlıkları, H1, H2… gibi etiketlerde resim çözümü yetersiz kalacaktır. Bu sorunlardan kurtulabilmek için en temel kabul edilen bazı fontları font-family CSS komutumuzda belirteceğiz.
Örneklere geçmeden kısaca en temel kullanılan yapı olan serif ve sans-serif fontlarından bahsedeceğiz. Serif fontlar şekil olarak yazıların uçlarında tırnak vardır ve kolay okunulduğu söylenmektedir bu sebeple daha çok gazete, roman gibi metinlerde tercih edilmiştir. Sans-serif ise harflerin uç kısımları biraz daha keskindir daha modern bir yapısı vardır daha çok bilgisayar, tasarım, reklamcılık gibi çağdaş alanlarda son dönemlerde kullanım alanı artmıştır.
Aşağıdaki resimden farklarına bakabilirsiniz.

serif, sans-serif

Serif ve sans-serif en yaygın kullanılan aşağıdaki font yapılarıyla kullanılır.
Serif fontlar
serif fontlar
Sans-serif Fontlar
sans-serif fontlar
Serif ve sans-serif yanısıra başka bir font yapısı olan monospace vardır. Monospace font yapısındaki tüm karekterlerin uzunluğu aynıdır çok sık kullanılmamakla beraber dipnot olarak düşelim.

Font Ailesi (font-family)

Devamını Oku

Renk Şemaları – Uyumlu Renkler

Bu yazımızda özellikle tema tasarımına yeni başlamış ve tema gelişimcisi arkadaşlara faydalı olabilecek renk şemalarını, renk kodlarını, birbiriyle uyumlu renkleri bizlere verecek faydalı siteleri sizlere tanıtacağız bunların yanı sıra renklerin taşıdıkları manalardan kısaca bahsedeceğiz.

Bazı renklerin genel manada kabul gören taşıdıkları manaları vardır. Bizde site içeriğinden yola çıkarak en uyumlu rengi çıkarabiliriz. Örneğin duygusal manada karamsarlığın, umutsuzluğun ağır bastığı renk siyahtır fakat kulanılan yere göre gücü simgeler. Tutku, aşk gibi duygusal ifadelerin rengi olarak kırmızı kabul edilir. Beyaz saflıktır, temizliktir. Sarı başağa benzer olgunluktur, bolluktur. Mavi gökyüzüne benzer enginlik ve bilginliktir. Lacivert otoriteyi belirler. Pembe renk ise neşeyi, güveni ve rahatlılığı sembol eder.

Bilindiği üzere renk seçimi çok önemlidir aynı zamanda seçtiğimiz ana rengin uyumlu olabileceği renkleri seçmek ve bu renkleri tasarımda göze hitap edecek şekilde dağıtmak genel manada tasarım için can noktasıdır. Renk uyumunu tek tek konrol etmek deneme yanılma yöntemi izlemek bizlere zaman kaybettirebilir bunun yerine renk uyumunu gösteren kaliteli siteler bizlere zaman kazandırabilir. Aşağıdaki linklerden birbirine uyumlu renkleri bulabilirsiniz.

Renk Karıştırıcıları
Devamını Oku

WordPress Manşet Sistemleri

CSS’den gerekli alanları açtıktan sonra temanızda nerede manşet sistemini göstermek isterseniz oraya aşağıdaki manşet kodlarını koyabilirsiniz.
Kullanımı :

şeklinde index.php dosyanıza ilave edebilirsiniz.

WordPress Manşet 1
Devamını Oku