WordPress Kullanan 10 Dünya Devi

wp WordPress Kullanan 10 Dünya DeviGünümüz CMS’leri arasında en çok tercih edenler listesinin başında gelen WordPress, birçok dünya devi tarafından da yıllardır kullanılmakta.

2014 rakamları PHP tabanlı bu yapının rakiplerine büyük bir sağladığı gösteriyor. WordPress, %60,7 oranıyla internetin en çok kullanılan içerik yönetim sistemi. WordPress’i %8 ile Joomla izliyor.

Bu makalemizde pastanın %60,7 dilimi içerisindeki dünya devlerinden sadece 10′unu tanıyacağız. (daha&helliip;)

Devamını Oku


WordPress’te JavaScript dosyalarını Footer’a taşımak

Google PageSpeed Insights’da WordPress sitemi kontrol ettiğimde, JavaScript dosyalarımı sitenin altına taşımam gerektiğine dair bir uyarı alıyorum. Bu işlemi nasıl gerçekleştirebilirim?

Facebook sayfamızdan konuyla ilgili soru bu şekilde.

wp WordPresste JavaScript dosyalarını Footera taşımak

JavaScript dosyalarının Footer’da siteye dahil edilmesi performans açısından büyük önem taşımakta. Dolayısıyla Google’ın PageSpeed kontrolü gibi birçok kalite kontrol robotu bu yapıyı denetlemekte. Ancak kullanıcılar bu sorunu aşmak için yanlış bir adresleme olan header.php’ye gidip ilgili JavaScript dosyalarını aramakta.

İşte anahtar ipucu burada. WordPress JS dosyalarını header.php’de değil, function.php’de sitenize ekliyor.

(daha&helliip;)

Devamını Oku

youtube-subscriber

YouTube’da 1000+ takipçi

Adobewordpress’in kendini yenilediği bugünlerde dikkat çeken bir diğer detay ise YouTube kanalımızın takipçi sayısı oldu. 6 saati aşan video arşivimiz günden güne genişleyerek büyümekte. Bu kadar kısa süre zarfında genç, dinamik ve yaratıcı bir topluluk haline geliyor olmamız, kullanıcılarımızın da birbiriyle etkileşimini kaçınılmaz kılıyor. İvmeye yine sizlerin fikirleri yön vermekte. Tüm sosyal ağ hesaplarımızdan bize oluşan takipçilerimiz, Adobewordpress’in YouTube kanalında görmek istedikleri video dersleri bize iletebiliyor.

Eğer hala video derslerimizden haberdar değilseniz endişe etmeyin. Hepsi HD kalitede sizleri bekliyor;

aw youtube subscribe YouTubeda 1000+ takipçi

Devamını Oku

html5-scroll-video

Scroll ile bir ilerleyen video nasıl yapılır?

Özellikle teknoloji firmaları yeni ürünleri tanıtırken hazırladıkları web tasarımlarında HTML5‘in video oynatıcısı aracılığıyla küçük çaplı şovlar yapmakta. Siz ön katmanda ürünle ilgili detaylı bilgileri okurken alt katmanda gizli bir video yapısı kaydırma çubuğuyla eş zamanlı olarak ileri/geri ilerleyebilmekte.

Bu anlatımımız gözünüzde bir tasarım canlandırmadıysa aşağıdaki örneği görüntüleyerek işe başlayabilirsiniz. Daha sonrasında ise bu yeni teknoloji ürünü tasarımı oluşturacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

lorempixel

Lorempixel ile Sınırsız Random Görsel

Tasarımın dijital kolunda deneme ekranları çizerken büyük metin alanlarını hep Lorem Ipsum aracı sayesinde doldurduk. Yıllar içerisinde Lorem Ipsum resmileşti, bütün tasarım ajansları ve iş kolları tarafından kullanılır hale geldi. Türkçeye de “Taklit Yazı Bloğu” olarak geçti. Masaüstü yayıncılık ile uğraşanlar büyük hız kazandı. Peki ya dijital, hatta çerçeveyi küçültelim, web tasarımcıları? Paragrafları Lorem Ipsum ile bir şekilde doldurduk. Ama onca resim alanı nasıl özgün bir şekilde doldurulacak?

Metinlerin Lorem Ipsum’u varsa görsellerin de Lorempixel’i var!

Lorempixel sınırsız sayıdaki görseli istediğimiz boyutta göstermemizi sağlıyor. Evet, yanlış duymadınız. Lorempixel sayesinde, istediğiniz kategori ve renk yoğunluğundaki görseli, belirleyeceğiniz boyutta özgün bir şekilde web sayfanızda yayınlayabilirsiniz. (daha&helliip;)

Devamını Oku

WordPress için kullanışlı 5 Google Chrome Eklentisi

wordpress chrome WordPress için kullanışlı 5 Google Chrome EklentisiGoogle Chrome açıkara içerisinde bulunduğumuz dönemin en popüler tarayıcısı. Sadeliği ve hızı ile rakiplerini sollayan Chrome beraberinde birçok eklenti desteğini de bizlere sunuyor. Kullanıcıların surf yaparken başka işlerini de hızlandırmayı amaçlayan bu eklentilerden bir kısmı da WordPress ile etkileşim halinde çalışmakta.

Bu makalemizde WordPress severlerin işini kolaylaştıracak 5 adet Google Chrome uzantısını sizlerle paylaşacağız. (daha&helliip;)

Devamını Oku

jQuery ile Düzenlenebilir Table (editableTableWidget)

editable table jQuery ile Düzenlenebilir Table (editableTableWidget)
Web tasarımının listeleme yükünü sırtlayan tablo yapıları günümüzde popülerliğini korumakta. Ancak kimi zaman veri çokluğundan, kimi zaman da form yoğunluklarından bu tablolardaki güncelleme işlemleri popup, modal veya yeni sekmede yapılmakta. Bu da kullanıcının ufacık bir satırı değiştirmesi için fazladan bir ekran daha gezmesi anlamına geliyor.

Bu makalemizde jQuery ile düzenlenilebilir / değiştirilebilir table yapısı oluşturacağız. Karşınızda editableTableWidget!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Mobil sürümde telefon numarasına tıklandığında arama nasıl yapılır?

mobile call Mobil sürümde telefon numarasına tıklandığında arama nasıl yapılır?“Arama yapma” butonu veya bağlantısı taşınabilir cihazlarda görüntülenen web sayfalarında direk olarak arama işlevini yapmamızı sağlar. Böylece kullanıcı telefon numarasını kopyalayıp çağrı ekranına yapıştırmakla uğraşmadan hızlıca ilgili numaraya çağrı yapabilir.

Taşınabilir cihazların günden güne gelişmesi, neredeyse her telefonun web tarayıcıya sahip olması sebebiyle easy-to-use kurallar listemize bu yapıyı da ekleyerek devam ediyoruz.

Bu dersimizde HTML‘in yeni versiyonuyla nitelik genişlemesini sürdüren anchor elemanını detaylandıracağız. (daha&helliip;)

Devamını Oku

HTML5 ile Arkaplanda Video!

HTML5 Logo HTML5 ile Arkaplanda Video!Günümüzde birçok web tasarımında hareketli arkaplanlar kullanıldığını görüyoruz. Özellikle şeffaf bir perde ile kullanılan bu yapı günden güne popülerleşiyor.

HTML5‘in getirdiği yenilikler, hareketli arkaplanlar hazırlarken Flash’a muhtaç kalmamamıza sebep oluyor. Böylece sadece birkaç satır kod yazarak ilgi çekici ve hareketli arkaplanlar oluşturuyoruz.

Bu dersimizde HTML5′in video oynatıcısını biraz daha yakından tanıyoruz, beraberinde de manipüle ediyoruz. Örneği görüntüleyerek başlayabilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku