Web Tasarım,Programlama
Google geçtiğimiz günlerde duyurduğu Google+1 özelliği ile önermeleri göz önünde bulundurarak arama sonuçlarındaki sıralama sistemini kısmen değiştirdi. Bundan geri kalmamak için de sitelerimize buton eklememiz gerekiyor. Ben hemen yazının üst kısmına ekledim ve kolay yolunu sizlerle de paylaşayım…
Yapılması gereken bu sayfadan kendimize uygun seçenekleri belirleyip kodu alarak sitemize yerleştirmek olacaktır.
WordPress teması düzenleme veya sıfırdan tema yapmak için belli bir seviyede CSS, HTML, belki bir miktar da PHP bilgisine sahip olmamız gerekiyor. Tasarım bilgimiz üst seviyede olsa bile maalesef bu söylediklerimizi bilmeden yapmak çok da mümkün olmuyor. Elimizdeki tasarımı veya kafamızdan geçirdiğimiz WordPress temasını illa ki ücret ödeyerek veya bizim istediğimize en yakın olan hazır temayı saatlerce arayıp düzenleyerek ortaya çıkartabiliyoruz.
Lubith; bu konuda bize bir hayli yardımcı olan bir servis olarak göze çarpıyor. Lubith ile kesinlikle kod kullanmadan tamamen fare hareketleriyle ortaya istediğimiz WordPress temasını çıkartabiliyoruz.
Lubith’in kullanımı ise oldukça basit. Siteye girdikten sonra varsayılan tema bizi karşılıyor. Varsayılan temada fare ile üzerine geldiğimiz alanda kılavuz çizgileri beliriyor. Tıkladığımız alanda iki tane nokta beliriyor. Noktalardan birisi o alanın boyutlarını ayarlamamıza diğeri de istediğimiz yere taşımamıza yarıyor. Tamamen sürükle bırak mantığı ile çalışıyor.
Lubith’in sunduğu imkanlar sayesinde arkaplan resmi atayıp x veya y ekseninde otomatik doldurmasını, yazı biçimlendirmesi, hizalama gibi temel işlemleri gerçekleştirebiliyoruz. Temayı bitirdiğimizde kaydetme ve bilgisayarımıza indirme, test etme işlemlerini de gerçekleştirebiliyoruz.
Lubith kısaca:
WordPress teması oluşturmayı vaadediyor.
Flash siteler eskisi kadar ön planda olmasa da uygulamalarla artık dikkatleri topluyor. Birçoğumuz tasarımlarında, projelerinde flash öğelere ihtiyaç duymakta. Logo, site taslağı, vector gibi konularda ücretsiz flash dosyalarını bulabileceğimiz Flash Village ihtiyaç duyduğumuz flash dosyalarını bize sunmaya çalışıyor. Önizleme yapabildiğimiz sayfadan birçok flash eğitim içeriğine de ulaşılabiliyor.
WordPress ile tanışmış birçok insan mutlaka kodlara bulaşmıştır. En basit facebook adresi eklemesini bile “sidebar” içerisine eklemek için kodları eliyle tutmuş gözüyle görmüştür. İşin biraz daha ileri kısmında tabi tema düzenleme veya sıfırdan tema yapmak duruyor. İster sadece site yöneticisi olalım ister tema düzenleyelim istersek de sıfırdan tema kodlayan iyi bir kodlamacı olalım bazı zamanlar hazır kod parçalarına ihtiyaç duyarız. İlk aramamız Google veya WordPress Codex içerisinde gerçekleşecektir. Şimdi bunların yanına bir de WordPress Snippets‘i ekliyoruz.
WordPress Snippets içerisinde güncel kod başlıklarını etiket sistemi ile bulabiliyoruz. Bunun dışında kendi aramalarımızı da arama kutusu yardımıyla yapabiliyoruz. Arama sonucunda konuya gittiğimiz zaman kod ve hangi dosyaya ekleneceği bilgisini alıyoruz. Altına yapılan yorumlar ise güzel fikirler veriyor insana kod ile ilgili.
Oldukça güzel bir çalışma ve kaynak olacağı kesin. Tabi gün geçtikçe içeriği de büyüyecektir, her aramaya cevap verebilir hale gelecektir.
Hafta sonu jQuery’nin yeni versiyonu olan 1.4.3 yayınlandı. 1.4 versiyonunda bulunan bazı hataların düzeltilmesinin ve performans arttırımın yanı sırada 4 tane de yeni fonksiyon eklenmiş durumda. Ayrıca kütüphanenin tüm kodlama standartları JSlint kontrolünden geçecek şekilde tekrar düzenlenmiş ve bazı bağıl metodlardan kurtulunarak kütüphane içinde tam modülerlir sağlanmış.
Yenilikler içerisinde en göze çarpan kısımlar ise, HTML5 data desteğinin eklenmesi ile CSS modülün baştan yazılması olmuş.
Yeni eklenen fonksiyonlardan belki de en önemlileri, jQuery.type() ve jQuery.isWindow() fonksiyonları olmuş. Bu iki özellikden birincisi, ilgili nesnenin türünü ve boşsa geri dönecek değerin “undefined” mı yoksa “null” mu olacağını kestirebilmenize yarıyor. Özellikle kontrol mekanızmalarında fonksiyonun doğru çalışmasını sağlayabilecek bir fonksiyon olmuş. jQuery.isWindow() fonksiyonu ise, kodunuzun gerçek bir tarayıcı penceresinde mi yoksa iframe içerisinde mi çalıştığı kontrol etmeye yarıyor.
jQuery 1.4.3 sürümü ile alakalı tanıtım yazısına buradan ulaşabilirsiniz. Yeni eklenen ve yenilenen fonksiyonlara ise buradan ulaşabilirsiniz.
HTML5, internet aleminde birçok yeniliği getirmesinin yanında eski HTML sürümlerinde hazırlanmış siteleri de yeniden gözden geçirme gereksinimi uyandırdı. Bu yazımda HTML5 elemanlarının periyodik tablo şeklinde gösterimini ve herhangi bir sitenin bu elemanları kullanımına bakacağız.
Josh Duck’un HTML5 tablosunda tüm etiketler periyodik tablo üzerinde ve aynı mantıkta hazırlanmış.
Ayrıca tablonun dışında istediğimiz sitenin bu elementleri ne miktarda kullandığını da görebiliyoruz.
Bu şemada kendi blogumun kullandığı elementleri görüyoruz. Kaç defa kullanıldığını ise aktif olan elemanın etiketin üzerine gelerek öğrenebiliyoruz. Bu şemadan çıkarttığım ders temamı geliştirip HTML5’e daha uyumlu hale getirmek oluyor (:
Drupal, WordPress gibi açık kaynaklı bir içerik yönetim sistemi olma özelliğini taşıyor. Oldukça da yaygın şekilde kullanılıyor. Son dönemlere bakıldığında tema, bileşen desteğinde de artış gözlemlemek mümkün. Aynı WordPress gibi Drupal için de tema hazırlarken belli noktalar bulunması gerekiyor. Mesela tema bilgilerinin yer aldığı kısım olan “info” kısmı… WordPress’te de bulunan bu kısımda tema ismi, kısa bilgisi, yazarı gibi bilgiler yer alıyor.
Bunları tek tek elimizle yazmak yerine birkaç kutucuğu doldurarak bizim için hazırlayan drupal-theme büyük kolaylık sağlıyor. Servisteki ilgili kısımları doldurduktan sonra “generate code” butonuna basınca Drupal temamız için info dosyası hazırlanmış oluyor. Eğer Drupal temalarıyla içli dışlıysanız çok işe yarayacak bir servis.
CSS3 içeriğinde yer alan; gölgelendirme, oval köşe, yazı gölgelendirmesi, döndürme, gradient, görünürlük, çerçeve gibi özellikleri denemek üzere CSS3 Playground‘a bir uğrayabilirsiniz. Yapılan etkilerin CSS kodunu da beraberinde alarak kendimizi geliştirmek de mümkün.
CSS3 ile gelen gradient özelliğini kullanmak için birçok servis kuruldu. Buradaki serviste jQuery kullanılarak hazırlanmış renk paleti üzerinden seçilecek iki renk ile gradient geçişimizi oluşturuyoruz. Show CSS butonu ile de CSS kodunu alıp projelerimizde kullanabiliyoruz. Bu tür servislerin yaygınlaşması geliştiriciler açısından zaman tasarrufu sağlamakla birlikte büyük ölçüde kolaylık sağlıyor.
Mobil cihazların yaygınlaşmasıyla birlikte birçok platformun, internet sayfasının mobil sürümleri, uygulamaları geliştirildi. Her ne kadar gelişmeleri yakından takip etsek de kendi kullandığımız sistemleri bazen mobil cihazlara adapte etmekte ağır kalıyoruz veya kendi adıma söylemem gerekirse kalıyorum 🙂
Bloguma son zamanlarda yazı girme fırsatı bulamadığım için akşamları boş vakitlerimde internet bulduğum yerlerden bloguma birşey karalama fikrini ön plana çıkardı. Bunun elimdeki mobil cihaz ile mümkün olacağını düşünsem de mobil cihazımın tarayıcısı el verişli değil duruma. Çünkü çeşitli Ajax komutları çalışıyor veya ekran görünümü açısından çok sağlıklı değil. Bunun için WordPress’in mevcut yönetim paneline mobil makyajı yapan bir eklentiye ihtiyaç duydum.
WordPress Mobile Admin adındaki eklenti işimi tamamen görüyor. Yazı girme, kategori düzenleme, silme işlemleri, yorum işlemleri, kullanıcı hesaplarında ayarlamalar gibi normal arayüzünde yapabildiğimiz neredeyse tüm işlemleri yapma yetkisine haiz durumdayız.
Eklentinin yüklenmesi oldukça basit. Yönetim panelinde eklenti sekmesinden “yeni ekle” sayfasına gidiyoruz. Arama kısmına “WordPress Mobile Admin” yazıyoruz. İlk sıradaki eklentiye yükle emrini veriyoruz ve sunucuya otomatik olarak yükleniyor. Eğer izin problemi yaşıyorsanız eklentinin sayfasına gidip el ile kurulum yapabiliriz. Eklentiyi aktif hale getiriyoruz kurulum bittikten sonra.
İşin renkli bölümü burdan sonrası. Akismet kullananlar bilirler; bir API key kullanılıyor güvenlik için. Aynı onun gibi bu eklenti de bir Dev Key dediğimiz şifreye ihtiyaç duyuyor. Bunu edineceğimiz adres ise Wapple olacak. Zaten eklenti aktif hale gelince ayar sayfasına yönlendirmek üzere uyarı kutucukları karşılayacak bizi. Ayar sayfasında bahsettiğimiz sayfaya bağlantı verilmiş durumda.
Bağlantıyı açtıktan sonra üyelik işlemi karşılayacak bizi. İsim, e-posta gibi bilgileri gireceğimiz üyelik formunu gerçeğinden aykırı olmamak şartıyla dolduruyoruz. E-posta kesinlikle gerçek olmalı. Çünkü onay mesajı gönderiliyor sistem tarafından. Formu doldurduktan sonra e-postamızın spam klasörüne bir mesaj gelecektir. Mesajı spam olmaktan kurtarıp içindeki linkten onay veriyoruz. Onaydan sonra yönlendirildiğimiz sayfada şifrenin kullanılacağı site adresi diğer iletişim bilgilerini girdiğimiz bir form daha gelecektir. Burada zorunlu alanları doldurmak yeterlidir. Sanırım ben sadece site adresi, ülke ve kullandığım platformu seçtim. Bu formu da onayladıktan sonra birkaç dakika içinde e-posta adresimize şifre geliyor.
Gelen şifreyi eklentinin ayar sayfasındaki uygun kutucuğa giriyoruz. Onaylıyoruz ve hepsi bu kadar. Artık cep telefonu veya PDA cihazlardan WordPress panelimize erişim sağlayabilir, dilediğimiz yerden blogumuza yazı ekleyebiliriz.
