Açılır menüler eskiden beri web sayfalarının vazgeçilmezlerinden olmuştur. Gerçi bir aralar raftan kalksa da şimdi yeniden canlanlamaya başladılar. Bunda hem ajax eklentilerinin, hem görsel kodlamaların gelişmesinin katkısı oldu. Son zamanlarda WordPress temalarında da sıkça görmeye başladık. Bu tür menülerin nasıl yapılacağına dair VanSEO Design tarafından güzel bir makale yazılmış. Çok faydalı bilgiler içeren bu yazıya göz atmakta fayda var.
Kategori: Web Mevzuları
Web Tasarım,Programlama
CSS3 ile Resim Galerisi
CSS3’ün ne gibi nimetler getireceğini biliyoruz. Bunlardan birisi de resimler ve biçimlendirmeler üzerine. CSS-Tricks de CSS3’den yararlanıp jQuery ve HTML5 yardımıyla çok güzel bir resim galerisi örneği yapmışlar. Galeri önizlemesinde üzerine geldiğimiz resim büyüyor veya eğimli duran resim düz hale geliyor. Mantık olarak eğik durması ve üzerine geldiğimizde büyümesi için birden fazla önizleme resmi kullanılıyor. Rastgele bir resmin seçilmesi ve önizlemenin oluşturulması için de jQuery kullanılıyor. Oldukça ilginç ve güzel bir galeri örneği.
WordPress 2.9 Yeni Özellik: Yazı Resmi (the_post_image)
WordPress 2.9’un çıkmasına sayılı günler kala yeni yeni özellikleri de internet ortamında görüyoruz. 2.9’da özellikle resimler ve media dosyaları ile ilgili büyük yapılandırmalar olacağı kesin. Eğer internetteki söylentiler doğru çıkarsa resim kırpma özelliğinin bile entegre geleceğini söyleyebiliriz. Bunun yanında bir diğer özellik de “yazı resmi”. Yazı resmi, yeni nesin WordPress temalarında, magazin temalarında anasayfaya her yazı için eklenen bir önizleme resmidir. Sayfanın daha dolgun görünmesini sağlamasının yanında konu ile ilgili ön fikir de verir. Bu özelliği daha önce “custom field” dediğimiz özel alanlar oluşturarak kullanıyorduk. Ancak artık bu durum bir fonksiyon halini aldı ve 2.9’da bizlere sunulacak.
Tasarıma Başlamadan Önce Birkaç Tavsiye
Blogumuza tema çiziyor, kısım kısım değişiklikler yapıyoruz. Bunun dışında farklı projelerde arayüzler hazırlıyoruz. Yani bir şekilde tasarım ile buluşuyoruz. Tasarım aslında dışarıdan bakınca kolay görünen ama içine girildiği zaman programlamadan bile zor olduğu anlaşılan bir kavramdır. Açıkcası ben yıllardır internette tasarımlar inceliyorum ve kendice birşeyler yapmaya çalışıyorum ancak tasarımcı olamıyorum. Çünkü tasarımcı hem zihinsel hem de fiziksel birçok yetiyi beraberinde getiren birşeydir. Ancak kendi kendime de birşey yapsam bazı kalıplara uyuyorum. Bu kalıplar bana hem tasarımın oluşma aşamasında hem de oluşumundan sonra kodlara dökülmesinde çok büyük faydalar sağlıyor. Bu yazımda bunları sıralayacağım.
Tekrarlanan İçeriklerin Önüne Geçmek İçin Tavsiyeler
Google sitelere birçok noktadan değer biçiyor. Bunlardan birisi de içerik tekrarıdır. Farklı içerikli siteleri elbette daha değerli tutuyor. Farklı içerikten kastımız aynı site içinde aynı içeriğin birkaç defa yayınlanmış olmasıdır. Bunlara çözüm de yine Google’ın kendisinden geldi. Birkaç tavsiyesi bulunuyor bu konuda. Şöyle birlikte göz atıp ne demek istediklerini biraz daha detaylıca ele alalım.
WordPress:Özel Alansız Otomatik Önizleme Resmi Oluşturma
WordPress’in son sürümleri ile birlikte “custom field” dediğimiz özel alanlar bir hayli revaçta. Özel alanları aklımıza ne gelirse o biçimde kullanabiliyoruz. Ancak bazı durumlarda özel alanlar da yetersiz kalabiliyor. Mesela bir yazımızın anasayfa gösteriminde bir resim ile birlikte ifşa edilmesi için özel alan adı ile birlikte değer olarak resmin bulunduğu linki yazmamız gerekiyor. Ve özel alanın ölçülerine göre de kendimizin boyutlandırması lazım. İşte bu iş her seferinde yapılınca birazcık sabırları zorluyor. Ancak şurada bunu düşünmüşler ve çaresini de bulmuşlar. Oldukça basit ve çok kullanışlı da yapmışlar.
Firebug’u Google Chrome İçinde Çalıştırma
Web tasarım ile uğraşanların olmazsa olmaz araçlarından birisi Firebug’dur. Firebug, Firefox tarayıcısında açılan sayfaların kaynak kodlarına göre dizilimini gösteren, kaynak kodlarını düzenleme imkanı veren ve özellikle CSS ile uğraşanlar için ölçüleri rahatça görüntüleyen çok güzel bir araç. Kısacası bir internet sayfasında bulunan hataları kolayca görüp çözüm bulmaya yardımcı olan bir araç. Bu aracı ben birkaç hafta önce Google Chrome içinde çalıştırmayı denemiştim ancak başarılı olamamıştım. Şimdi çözümünü buldum ve paylaşmak istedim.
Safe Mode Kapatma
Sunucularda Safe Mode dediğimiz dışarıdan gelebilecek saldırılara karşı bir önlem bulunmaktadır. Bununla dış kaynaklardan bilgi çekilemiyor. Ancak asıl sorun resim dosyalarında çıkıyor. Kendi sunucumuz içindeki bir resimde bile sorun çıkabiliyor. WordPress kullananların da bir numaralı engellerindendir Safe Mode. Özellikle resim galeri eklentilerini kullanabilmemiz için sunucuda Safe Mode özelliğinin pasif olması gerekir. Tabi sunucu sahipleri de bu özellik işe yaramasa bile açık durumda kalmasını ön görüp kapatmıyorlar. Biz de bir durumda bu engelle karşılaştık. Sevgili Bilal Çınarlı da bize iki parça kod verdi.
WordPress Yönetim Paneli Sorunu
Dün akşam uzun bir aradan sonra tekrar yazı yazmaya karar verip bilgisayarın başına oturdum. Şu aralar işlerim yoğun olduğu için pek yazı giremediğim için elimde bir hayli şişen “yazılacaklar listesi” mevcuttu. Bunu biraz azaltabilmek adına WordPress yönetim paneline girmek istedim. Ancak şans yüzüme gülmediği için yazı girmek yerine yönetim panelindeki hata ile boğuştum. İlk girişimde panele ulaştım ve bazı yorum onaylamarını yaptıktan sonra panel beni dışarı attı. Sonrasında da FTP’ye bağlantıda sorun yaşadım ve bunun yanında yönetim panelinin adresini yazdığımda “Internal Server Error” hatasını aldım. Sonrasında da panel ile bir türlü bağlantı kuramadım.
WordPress İçin Dijital Kartvizit Teması
Sosyal ağların artması ile birlikte kişisel siteler yerini bu ağlarda yer alan hesapların bağlantılarının bulunduğu alanlara bırakmaya başladı. WordPress için de bu konu da bir tema gördüm. Dijital Business Card adındaki temada iki sayfa var. Bunların birinde profil resmi tarzından bir resim, isim, şirket, iletişim adresi bulunurken ikinci sayfasında da sosyal ağların linkleri gösteriliyor. Temanın en güzel yanı istenilen ağı kodların arasında boğulmadan WordPress admin panelinden ekleyebiliyor ve bu işlemi tema içinde yer alan tema seçeneklerinden yapabiliyor olmamız. Bu konuda en başarılı bulduğum temalardan olan Dijital Business Card hakkındaki notları okumak ve ücretsiz olarak indirmek için Human 3rror‘a uğramak yeterli olacak.