WordPress Web Siteleri için Ulimate Tasarım Klavuzu

Bir tasarımcı olarak açık kaynak veya ücretli bir CMS olması, sayısız içerik yönetim sistemine (CMS) alışık olmanız gerekir. Ancak aralarında WordPress web siteniz için en etkili içerik yönetim sistemlerinden biri olarak kabul edilir. WordPress ile çalışırken, bir yolda ilerlemek için geriye dönüp bakmak zorunda değilsiniz.

Aslında, WordPress bir çok tasarımcının  en çok tercih ettiği web tasarım ve geliştirme platformudur. Bu nedenle, WordPress iyi işlevselliklerini birleştirmek amacıyla kendi asal sorumluluğu içerisindedir. Aynı şey, en iyi WordPress  web sitelerini oluşturmak için en iyi tasarım ilkelerinin bazılarına odaklanmak gerekmektedir.

1. Arama motoru optimizasyonu

SEO bu nedenlerden dolayı dikkate alınması gereken önemli bir yoldur, web sitenizin maksimum trafik çekme hedefi sunar. Siz bazı WordPress eklentilerini yerleşik SEO özelliklerine sahip ve kullanımını harika bir şekilde bulabilirsiniz. Ardından 2014 yılının en iyi WordPress eklentilerini bulabilirsiniz.

2. Breadcrumb NavXT

 Breadcrumb NavXTkullanıcı deneyimini geliştirmek için ana kategorisi ile geçerli konum navigasyonuna bağlantılar sunar.

3. Google Kütüphanelerini Kullanın

jQuery gibi Google içerik dağıtım ağı ve varsayılan komutları yaygın olarak komut dosyalarını kullanabilir ve web sitenizin hızını artırmak amacıyla  Google kütüphanelerinim yardımını kullanın.

4. W3 Total Cache

W3 Total Cache yardımı ile WordPress'i web üzerinde optimize etmek ve web sitenizin Google sayfa hızı yönergelerini izleyerek süper hızlı yapabilirsiniz.

5. Google XML Site Haritası

Net bir XML sita haritası üreterek kolay bir formatta Google XML sitemap yardımı ile web sitenizi arama motorunda indexleyin.

6. Responsive Tasarımlar - Yeni Bir Vızıltı

Responsive web tasarım WordPress tasarımları için bir zorunluluk haline gelmiştir. Aslında, duyarlı WordPress temaları sürekli bir gelişim içerisindedir. Yaklaşık 2012 yılındaki rakamlar - 2013 yılında neredeyse iki katına çıktı, sayfa görüntülemeleri'nin %22'sinin mobil cihazlar üzerinden geldiği gözlemlenmiştir. Nedeni ise Responsive mobil cihazlarda maksimum kullanabilirlik ve okunabilirliği sağlamış olmasıdır. Sıra dışı bu iş için maksimum yatırım getirisini garanti eder.

7. Tam Ekran Videolar

Şimdilerde, WordPress geliştiricileri WordPress sitelerine video entegre etmeye başladılar. Bu teknik tamamen HTML5 video ve ses desteği ile HTML5 ortam özellikleri tarafından desteklenmektedir. Görsel olarak yarattıkları gibi video içeriğinin fikri ne zaman WordPress web sitesi geliştirme ve online trafik için oldukça hayati bir önem taşımaktadır. Kolaylıkla videolar aracılığı ile mesajlar iletmek ve güçlü çevrim içi varlığını oluşturmanıza yardımcı olur. Son araştırmalar yaklaşık 100 milyon kullanıcıya gönderme ve her saniye YouTube yorumlanırken paylaşılabileceğini de göstermektedir.

8. Flat Tasarımlar

Flat tasarımlar web sitelerinin dengesini korumak için skeuomorphic tasarımlarının farklı tonları dahil edilmiştir. Görüntü veya renk yardımı ile degrade bir kaç gölge ile mesajları net ve navigasyonu daha kolay hale getirmek için kullanılabilir.  Flat tasarımlar son derece zor rakiplerinden karmaşık web sitelerinde gezinmeyi bulabilirsiniz, özellikle sitenize kullanıcı çekmek adına.

9. Etkili Fontlar

En iyi yazı tiplerini kullanarak bazı dramatik web sitelerinin tasarımlarını ve profesyonelliklerini geliştirebilirsiniz. Google font kullanımı hakkında nasılsınız? Sizler WordPress sitelerinde Google yazı fontlarını kullanmak istiyorsanız,  temanızın style.css dosyasına bir kod eklemeniz gerekir. Bu eklentiyi kullanarak büyük bir avantaj ile, oldukça düzgün ve doğrudan herhangi bir CSS ile değiştirebilir ve farklı yazı tipleri ile çalışmanıza izin verir. Ayrıca, Google yazı tipleri ile istediğiniz herhangi bir kodu değiştirmenize zorunluluğunuz olmadan siteniz üzerinde deneme yaparak yazı tiplerinizi değiştirebilirsiniz. Google yazı tipleri ile çalışmak hakkında iyi yanlarından biri herhangi bir tarayıcı ile herhangi bir makine üzerinde Google dizin işlevine erişilebiliyor olmasıdır. Google yazı fontları sitenin okuyucularının çıkarlarını yakalamanıza yardımcı olacaktır. Ancak, iyi bir uyguulama olarak, belirli bir WordPress sitesinin tasarımı için çok sayıda yazı tipi kullanmayın. Bir web sitesinde çok yazı tipi kullanımı görsel sorunları ortaya çıkarabilir.

10. Tek Sayfa Site Tekniği

Siz kullanıcı deneyimini geliştirmek ve insanların hızlı bir şekilde web sitenizde ihtiyaçları olan şeyleri kolaylıkla bulabilmelerine yardımcı olmak istiyorsanız, o zaman tek sayfa tekniği mükemmel olacaktır.  Tek sayfa web sayfası, veya ürün sayfası hakkında böyle Anasayfa olarak farklı sayfalara kullanıcıları yönlendirmek yerine tek bir çatı altında tüm bilgiler sığacaktır. Bu her zaman kullanıcıların tek bir atış ile farklı sayfa bölümlerini görmek adına yardımcı olabilecek bir fikirdir. Daha fazla iş için masaüstü bilgisayarlar ve aynı zamanda mobil ve tablet ile kendi web varlığınız için istekli gibi tek sayfalık sitesi taktiği popülerlik kazanmaya devam ediyor. Ayrıca tek sayfa web sitelerini tasarlatmak daha ucuzdur.

11. Önbellek Kullanımı

Genellikle WordPress birden fazla kullanıcıyı aynı sayfayı izlerken sunucu bu sayfaları işler. Bu veritabanın dan başlığı ve içeriği kurtarmayı içerir. Ancak bu diğer süreçleri etkileyebilir. Bu nedenle her istek için sayfa üzerinde işlem yerine statik bir versiyonu görüntülemek için en iyisidir. Bu bağlamda, yüksek CSS, JavaScript dosyalarını HTML tüm beyaz alan Minification özellikleri sunuyor ve kaldırılabilir W3 toplam önbelleği eklentisi kullanmak ve dosyaları daha hızlı yüklemek için tavsiye edilir.

12. Büyük Arkaplan Resimleri

Tam arkaplan resmi eklemek belki sitenizin farklı görünmesini sağlamak için en iyi bir yoldur. Bu iki önemli grafik bileşenleri ziyaretçilerin genellikle arka planı ve başlığı not andığını gösterir. Bu tasarım stretejisi ve minimalist bir tasarıma benzer. en önemlisi farklı cihazlar, tarayıcılar ve ekran çözünürlükleri için görüntülerin ölçeklenme boyutlarını da düşünmelisiniz.

13. Temel Unsurlar ile İnşa Edin

Birkaç WordPress seçtikten sonra, web sitenizin işlevini geliştirmek için aşağıdaki temel yapılandırmaları düşünün.

14. Tasarım Kalıcı Bağlantıları

RSS okuyucuları ve arama motorlarına URL çok dostça yapmak için, kalıcı bağlantıların yapısını etkinleştirmek için %postname% ekleyin.

15. Aksimeti Başlat

Eğer siz makale yorumlarına izin verdiyseniz ve spam yorumları algılamak istiyorsanız, Aksimet denilen en popüler aracı kullanın. Yapmanız gereken, onu etkinleştirerek API anahtarı oluşturmanız.

16.De-activate Yorumlar

Eğer doğrudan gelen yorumlara izin vermek istemiyorsanız,

• Ayarlar
• Tartışmalar
• İnsanların yeni makaleye yorum göndermesine izin ver. İşaretini kaldırın.

17. Analytics Entegre Edin.

Google Analytics  tasarımcılar tarafından tercih edilen bir analitik olmuştur. Google Analytics harika bir şekilde ziyaretçilerinizi izlemek için izin verir.

• Onlar web sitenizi nasıl ziyaret ediyor?
• Onlar kaç sayfayı izliyorlar?
• Hangi sayfaları izlediler?
• Onlar ne kadar kaldılar?
• Sitenizin içeriği ile etkileşimleri nasıl oldu?

WordPress web sitesi Google Analytics önemli ölçüde bunları izlemenize olanak sağlar.

• İzleyicilerin coğrafi konumu.
• JavaScript
• Flash desteği
• Ekran çözünürlükleri
• Dil

En iyi parçası ise, Analytics, web siteniz için geniş kapsamlı site istatistikleri oluşturmanıza izin verir.

18. Düzeni özelleştirmek için sürükle ve bırak eklentilerini kullanın.

Eğer siz web sitenizi yapılandırmaya başladığınızda içerik parçalarına da ihtiyacınız olan yolu düzenlemek için çalışırken bazı güçlükler ile karşı karşıya kalabilirler. Bu durumda HTML güölü bilgisine sahip, ya da sadece müthiş sürükle bırak eklentilerinden birini kullanmanız gerekir. WPBakery tarafından sağlanan işlevleri sayesinde size sadece böyle istediğiniz herhangi bir sayfa oluşturmak mümkün olacaktır.

Merak etmeyin, siz yukarıda belirtilen tasarım ilkeleri ile iyi WordPress web sitelerini inşa edebilirsiniz.

Bu makale İngilizce’den tercüme edilerek düzenlenmiştir. Orijinal makaleye buradan ulaşabilirsiniz; The Ultimate Designing Guide for WordPress Website