Anasayfa»Wordpress Genel Bilgiler

Fontlar

25 Mar 2011 Yorum Bırak

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

WordPress Temada Türkçe Karekter Sorunu ve Çözümü

20 Ara 2010 Yorum Bırak

WordPress temalardaki türkçe karekter sorunu genellikle kodlama yapısı ile alakalıdır ve çözüm yöntemi gayet basittir.
Birçok wordpress temalar ( ANSI ) olarak kodlanmıştır bundan dolayı tema türkçeleştirirken ( UTF-8 without bom) olarak php dosyalarını çevirmemiz gerekmektedir.
Bunu kolayca yapabilmemiz için notepad++ programını bu adresten http://notepad-plus-plus.org/download indiriniz. Dikkat etmeniz gereken pratiklik açısından Installer olanı yani .exe uzantılı olanı indirmenizdir. Kurulumunu tamamladıktan sonra şimdi konumuza dönüp nasıl kullanacağımıza bakalım.

Notepad++ programını çalıştırınız ve ardından türkçeye çevirmek istediğiniz wordpress tema dosyasını açınız.

utf-8 without bom

Yukarıdaki resimde gördüğünüz gibi çevirisini yapmak istediğiniz tema dosyasının program yardımıyla Biçim menüsünden Dönüştür (UTF-8 without bom) şeklinde dönüştürürseniz sorununuz ortadan kalkacaktır.
Eğer elinizdeki tema dosyası türkçe karekter sorunlu ise yine aynı şekilde (UTF-8 without bom) şeklinde dönüştürülür ve ardından manuel olarak hatalı yerler düzeltilip ardından kaydedilebilir.

Localhosta WordPress Kurmak

20 Ara 2010 Yorum Bırak

Bu konumuzda localhosta wordpress kurmaktan bahsedeceğiz.

İlk olarak bu adresten http://tr.wordpress.org/ wordpress dosyayı indiriniz. zipli dosyadan wordpress klasörünü çıkarıp bir kenarda bekletiniz.
PHP dosyaların çalışabilmesi için sunucuya ihtiyac vardır. Bu nedenle php, apache ve mysql kurmak gerekmektedir. Bunları hazır paket şeklinde kurabileceğiniz programlar vardır. Burada xampp localhost programına göre yapacağız bu adresten http://www.apachefriends.org/en/xampp-windows.html .exe uzantılı dosyayı indirip ardından kurulumunu bitiriniz. Bu programı kurmayı bilmiyorsanız google‘dan yardım alabilirsiniz.

1-) xampp kontrol panelini çalıştırınız.
xampp control panel

2-)Apache ve mysql Start butonuna basınız.

3-) MySql Admin butonuna basınız. Tarayıcıda açılan bu sayfa bir kenarda beklesin. (6. kısımda yararlanacağız.)

4-) xampp kontrol panelinizdeki sağ sütunda yer alan Explore butonuna basınız. Bu yöntem sizi otomatik olarak C:\xampp klasörüne götürecektir. Şimdi yapmamız gereken C:\xampp klasörü içerisinde bulunan htdocs klasörüne girmek yani C:\xampp\htdocs burası bizim ftp dizinimizdir çalıştırmak istediğimiz scriptlerin dosyalarını buraya atarız şimdi C:\xampp\htdocs klasörü içerisinde yeni bir wordpress dosyası oluşturalım ve tüm wp dosyalarımızı bu oluşturduğumuz wordpress dosyasına atalım.

5-) Şimdi tarayıcımızı açalım ve ardından http://localhost/wordpress/ yazıp enter yapalım otomatik wordpress kurulum başlayacaktır.

6-) Database bilgilerini isteyen ekran gelecektir.

wordpress kurulum db bilgileri

Yukarıdaki gibi ekran geldiğinde mysql’a bağlanıp database oluşturmamız gerekecek. Daha önceden açtığımız bu sayfadan http://localhost/phpmyadmin/ wordpress isimli bir database oluşturalım ve mysql ile alakalı işlerimiz şimdilik bitsin.

Şimdi tekrar kuruluma geri dönelim ve gerekli bilgileri dolduralım.

Veritabanı adı : oluşturduğumuz veritabanını yazacağız wordpress olarak oluşturmuştuk.

Kullanıcı adı : root

Parola : root’a şifre atamadığımız için boş bırakıyoruz.

diğerleri aynı kalıp Gönder butonuna basarak kuruluma devam ediyoruz.

7-) Bundan sonraki adımlar klasik wordpress kurulumu olduğu için anlatmaya gerek duymuyorum. Konu ile alakalı takıldığınız yerleri yorum kısmından sorabilirsiniz.

123 » Son