En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WPBeginner v5 – Yeni Site Tasarımı ve Sonrası

Bugün WPBeginner'ı açtıysanız, yeni bir web sitesi tasarımımız olduğunu fark etmiş olabilirsiniz. Son tasarımımızın 2012'den kalma olduğunu düşünürsek, çoğunuz WPBeginner'a bir yenileme yapmamızın zamanının geldiğini söyleyecektir. Yeniden tasarım sürecimizden bazı içgörüleri, öğrendiklerimizi, neden bu kadar uzun sürdüğünü ve en önemlisi yeni tasarımda nelerin yeni olduğunu sizinle paylaşmak istedim.

Küçük Bir Arka Plan

WPBeginner'ı 2009'da başlattım. İlk 3 yılda WPBeginner 4 yeniden tasarım geçirdi. Bu, temel misyonumuza daha iyi harcanabilecek çok fazla kaynak alıyor:

Araçlarımız, ekibimiz ve eğitimlerimizle küçük işletmelerin büyümesine ve büyük oyuncularla rekabet etmesine yardımcı olun.

WPBv4'ten sonra, temel misyonumuza odaklanmayı bir görev edindim ve sonuçlar şaşırtıcı.

Son dört yılda:

  • WPBeginner blogunda binden fazla ücretsiz WordPress öğreticisi oluşturduk.
  • YouTube Kanalımızda 500'den fazla yeni video eğitim ekledik.
  • WordPress Sözlüğümüze 100'den fazla terim ekledik.
  • Terk eden web sitesi ziyaretçilerini abonelere dönüştüren bir araç olan OptinMonster'ı başlattık. Kayıt formlarımız ayda birkaç milyar kez görüntüleniyor.
  • Kullanıcılarımızın web sitelerini yavaşlatmadan kolayca fotoğraf ve video galerileri oluşturmalarına yardımcı olmak için en güçlü WordPress galeri çözümü olan Envira Gallery'yi başlattık.
  • Performansı ve kullanıcı deneyimini öncelik #1 yapan, kullanımı kolay, duyarlı bir WordPress kaydırıcı eklentisi olan Soliloquy'yi başlattık.
  • Geri bildirimleriniz ve önerileriniz doğrultusunda, en başlangıç dostu WordPress form eklentisi olan WPForms'u piyasaya sürdük.
  • Bu yılın başlarında Yoast Analytics'i satın aldık ve MonsterInsights olarak yeniden markalaştırdık. Google Analytics'i yeni başlayanlar için kolaylaştırmak amacıyla eklentinin tamamını yeniden yazıyoruz.

Toplamda eklentilerimiz 13 milyondan fazla kez indirildi ve 2 milyondan fazla web sitesinde aktif olarak kullanılıyor.

Bunların hepsi harika başarılar olsa da, misyonumuzu geliştirmeye ve hizmet etmeye devam etmek istiyorsak ele alınması gereken yeni zorluklar setimiz var.

Bu beni WPBeginner v5'e getiriyor.

Veri ile Tasarım

Son birkaç yılda, çoğu web sitesi için mobil cihaz kullanımında oldukça önemli bir artış oldu. Bu nedenle, bir blog başlatırken herkesin mobil uyumlu duyarlı bir WordPress teması seçmesini her zaman tavsiye ettik.

Bu biraz ironikti çünkü kendi web sitemiz duyarlı değildi. Topluluktaki diğer WordPress tasarımcıları ve geliştiricilerinden sosyal medyada çok fazla eleştiri aldık.

Bazen okuyuculardan WPBeginner'ın neden duyarlı olmadığını soran yorumlar alırdık.

Duyarlı tasarımın önemini anlasam da, işletmenizde görevleri önceliklendirirken veriye dayalı kararlar almanız daha da önemlidir.

2012'de WPBv4 tasarımını başlattığımızda, kitlemizin %2'sinden azı mobildeydi.

Bugün 2016'da bu sayı yaklaşık %7'ye yükseldi.

Bu, mobil cihazlarda kullanıcıların %50'sinden fazlasının olduğu List25 gibi diğer web sitelerime kıyasla hala çok düşük.

Ancak bu mantıklı çünkü çoğu kişi WordPress web sitelerine mobil cihazlardan eklenti yüklemez. Çoğu kişi mobil cihazlardan kod değişikliği yapmaz. Çoğu kişi mobil cihazlardan yaygın WordPress hatalarını düzeltmeye çalışmaz.

Bu yüzden WPBeginner'ı duyarlı hale getirmek en önemli önceliğimiz değildi. Ancak mobil kullanım %5'i geçtiğinde, diğer zorlukları da ele alan yeniden tasarım için planlamaya başladık.

WPBeginnerv5 Duyarlı

Karşılaştığımız bir diğer zorluk da sitedeki kullanılabilirlik oldu. Daha fazla içerik ekledikçe, kullanıcıların aradıklarını bulmaları zorlaştı. Örneğin, WordPress'i hızlandırmak hakkında 8 makalemiz vardı, ancak kapsamlı bir adım adım çözüm yoktu.

Kapsamlı adım adım öğreticiler oluşturmak için WPBeginner arama formundaki en çok aranan sorgulara baktık ve bunlar artık tasarımda belirgin şekilde vurgulanıyor.

WPBv5 Kapsamlı Rehberler

Ayrıca, üstbilgide tam ekran arama kaplaması ve kenar çubuğunda ek bir arama çubuğu ile WPBeginner'da arama yapmayı kolaylaştırdık.

İlerleyen zamanlarda, içerik portalları oluşturarak kullanıcıların aradıklarını bulmalarını kolaylaştıracağız ve bu portallar WordPress etiketlerini yaratıcı bir şekilde kullanacak.

WPBv5'teki Yenilikler

Sitenin temel işlevselliği aynı kaldı. İşte web sitesindeki birkaç dikkat çekici değişiklik:

Yeni Başlangıç Sayfası

WPBeginner'a yeniyseniz, yeni Başlangıç sayfasını takdir edeceksiniz

Duyarlı Web Sitesi Tasarımı

WPBeginner web sitesi artık %100 duyarlı, bu nedenle tüm cihazlarda harika görünüyor.

Özel alt temanızı oluşturmak için popüler Genesis framework'ünü kullanmaya karar verdik.

Kapsamlı Kılavuzlar

Her sayfanın kenar çubuğuna bakarsanız, “Yardıma ihtiyacım var…” şeklinde yeni bir bölüm göreceksiniz. Bu bölümde WordPress'i hızlandırma, WordPress güvenliğini iyileştirme, WordPress SEO'yu optimize etme gibi kapsamlı rehberler ve daha fazlası vurgulanmaktadır.

Ürünlerimiz İçin Daha İyi Görünürlük

WPBeginner anketinde sorduğum sorulardan biri sahip olduğumuz bir ürünü adlandırmaktı. İnsanların ürünlerimiz hakkında ne kadar az şey bildiğini görmek şaşırtıcıydı. Yeni tasarımda, sahip olduğumuz ürünleri daha iyi vurgulayacağız.

Bu, yeni bir premium WordPress eklentileri sayfasıyla başlıyor.

Kenar çubuğumuzda ve bülten reklamlarımızda da ürünleri döndüreceğiz.

FontAwesome ve Yeni Font

Yeni tasarımcıda simge yazı tipi kullanıldığını fark edebilirsiniz. Adı FontAwesome ve Dave Gandy'nin çalışmalarının büyük bir hayranıyım.

Tüm ürünlerimizde onun çalışmalarını kullanıyoruz ve FontAwesome'ın gururlu destekçileriyiz.

Eğlenceli bir bilgi, eğer FontAwesome kullanıyorsanız WPBeginner logosunu bir yazı tipi olarak ve diğer özelliklerimizi de ekleyebilirsiniz.

Yeni tasarımda artık Typekit aracılığıyla Proxima Nova yazı tipini kullanıyoruz.

Yeni Paylaşım Eklentisi

Geçmişte, Floating Social Bar eklentisinin bir varyasyonunu kullanıyorduk.

Twitter, Facebook ve diğerlerinden gelen değişikliklerden sonra – WPBeginner için yeni bir paylaşım eklentisi oluşturma zamanının geldiğini hissettim.

Twitter sayısını doğru bir şekilde çekiyor, ancak daha da önemlisi artık toplam paylaşım sayısına sahip.

Yeni Paylaşım Eklentisi

Kayar davranışı durdurmayı seçtim ve bunun yerine paylaşım düğmeleri artık her gönderinin başına ve sonuna ekleniyor. Bu, daha küçük ekran boyutlarında daha iyi bir kullanıcı deneyimi sağlayacaktır.

Yeni E-Kitap ve Kayıt Formları

Her gönderinin altında, WordPress araç setimi indirmek için yeni bir kayıt formu göreceksiniz. Bu e-kitap, web sitelerimizde kullandığımız araçları paylaşıyor.

WPBeginner planından farklı çünkü o sadece WPBeginner'da kullandıklarımızı gösteriyor.

Araç seti e-kitabı daha kapsamlı.

Ayrıca kenar çubuğu kayıt formunu, 2 adımlı bir kayıt süreci olan MonsterLinks ile değiştirdim. Kenar çubuğu kayıt formu, emlak değerini haklı çıkaracak kadar yüksek bir dönüşüm oranına sahip değildi. Bu yüzden şimdi e-posta ile abone olmak isterseniz, kenar çubuğundaki e-posta simgesine tıklayarak bunu yapabilirsiniz.

WPBv5 Kenar Çubuğu Kayıt

Sırada Ne Var

Ön uç değişikliklerinin yanı sıra, WPBeginner ekibinin önümüzdeki aylarda daha kapsamlı kılavuzlar oluşturmasını kolaylaştıracak çok sayıda arka uç değişikliği yaptık.

WPBeginner video üyelik sitesi bir yenilemeden geçecek. Şu anda hala eski temayı kullanıyor.

Bunu, başlangıç seviyesi video kursunu ve 500'den fazla YouTube videomuzu merkezi bir yerde bir araya getirecek bir LMS sistemine dönüştüreceğiz.

Bu sitenin amacı, kullanıcıların WordPress'i hızlı öğrenmelerini kolaylaştırmak için daha organize kurslar sunmak olacaktır.

Desteğiniz ve geri bildirimleriniz için hepinize teşekkür etmek istiyorum.

Saygılarımla,
Syed Balkhi
WPBeginner Kurucusu

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklamanız durumunda komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve bize nasıl destek olabileceğinizi görün. İşte editöryal sürecimiz.

Nihai WordPress Araç Seti

Araç Kitimize ÜCRETSİZ erişim kazanın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Okuyucu Etkileşimleri

90 CommentsLeave a Reply

  1. Merhaba,

    Tasarım harika görünüyor.

    Aslında ben de web sitem için aynı görünümü istiyordum, o da indirim ve kupon işiyle ilgili. Genesis framework ve genesis-simple child theme'i de kurdum ama başlık geçiş seçeneğini ve indirim gönderisini nasıl elde ettiğinizi bilmiyorum, bana rehberlik edebilir misiniz?

    Teşekkürler
    Vipin Singh

  2. Eski tasarımı bilmiyordum ama her neyse yeni tasarımı seviyorum. Bu siteye her geldiğimde, sanki benim site tasarımım da böyle olabilirmiş gibi hissediyorum. Teşekkürler wpbeginner tema. Harika bir iş çıkarıyorsunuz. İyi günler.

  3. Sitenizin düzenli bir okuyucusuyum, yeni site tasarımı eskisinden daha iyi bir gelişme ama OMG hissi vermiyor.

    Belki site genişliği artırılabilir.

  4. Vay canına, duyarlı tasarımı gördüğüme çok sevindim çünkü daha önce cep telefonundan web sitesini görüntülemek oldukça zordu ama şimdi iyi.

  5. Tebrikler Syed, yeni düzen çok düzenli ve hoş görünüyor. bu arada yeni Paylaşım Eklentiniz diğer kullanıcılara açık mı?.çok düzenli ve anlamlı görünüyor.

  6. Bu gerçekten harika. Yeni tasarımı beğendim. Dün buradaydım, uyandım, favori WordPress eğitim sitemi kontrol ettim ve gördüklerim ferahlatıcıydı. Gerçekten harika adamlar.

  7. Bu kayan paylaşım çubuğunu seviyorum. Mashable'ın da harika bir tane var!

    Not: Buraya geri bağlantılar almayı çok isterim…

  8. Yeniden tasarımı sevdim. Sadece merakımdan soruyorum, Google'ın pop-up'lar ve sıralamalar hakkındaki duyurusu hakkında ne düşünüyorsunuz? Bu sefer Google'la aynı fikirdeyim. Sitenizde birkaç saniyeden fazla kalmadan bana abone olmamı isteyen bir pop-up belirdi (zaten aboneyim). İçeriği kontrol edip beğenip beğenmediğimi görmeye bile vaktim olmadan abone olmam isteniyor. Bu çevrimiçi ortamda sürekli bir rahatsızlık haline geldi. Opt-in monster'a takip eklemenin bir yolu var mı, böylece bültenlerinizden birinden tıklayarak geliyorsam abone ol pop-up'ı görünmez mi? İşte bu bir satış noktası olur.
    Neyse konudan saptım (kendimi tutamadım, pop-up GERÇEKTEN sinir bozucuydu!!) – siteniz harika görünüyor ve içeriğiniz gerçekten muhteşem. Ziyaretçilere içeriğinizi okumaya vakit verdikten sonra abone olmak isteyip istemediklerini sorun, belki de daha yüksek bir kayıt oranına ulaşabilirsiniz...

  9. Yeni tasarımı çok sevdim! Sadece bir soru: Yeni paylaşım eklentiniz herhangi bir yerde mevcut mu? Gerçekten harika görünüyor!

    • Merhaba Herwig,

      Nazik sözleriniz için teşekkürler. Paylaşım eklentisi şu anda mevcut değil çünkü WPBeginner için özel olarak kodlandı. Gelecekte yayınlayabiliriz, ancak henüz halka açık bir sürüm için hazır değil.

      Yönetici

  10. ...Tamam! mükemmel!.. Uzun zamandır sizi takip ediyorum… bu güncelleme hızlı… süper UX-UI… net… (logo hariç… biraz bulanık)… Kontrast renkleri seviyorum… ve kolay talimatları… Size katılıyorum; Not5'imi hiçbir şeyi düzeltmek için kullanmıyorum…. kişisel olarak ofiste değilken her şeyi okuyorum ve sonra masaüstü/dizüstü bilgisayarımdan ihtiyacım olan her şeyi uyguluyorum… Yardım istediğim birçok şeyi kontrol etmek için sabırsızlanıyorum… Teşekkürler ve Tebrikler…!!

  11. Site harika görünüyor. Önceki sürümden daha iyi.

    Bu web sitesini yaparken kullandığınız tüm araç ve teknolojilerin bir listesini yapıp yayınlayabilir misiniz? Harika olurdu. Teşekkürler.

  12. Merhaba, Syed!

    Vay canına… WPBeginner her zamankinden çok daha hızlı, bu yeni tasarımı sevdiğimi söylemeliyim. WPBeginner'ı günde en az 5 kez kullanıyorum, iyi iş çıkarmaya devam edin..

  13. Merhaba Syed,

    Yeni tasarımda harika iş çıkarmışsınız ve tüm WordPress eğitimleri için teşekkürler. Sitenize düzenli olarak başvuruyorum ve değerli bir kaynak olduğuna inanıyorum.

    En iyi dileklerimle,
    Neil Forrester | pixelfire.com.au

  14. Merhaba, WPBeginner'da!

    Tüm ekibi tebrik ederim.

    Sitenin duyarlı olmadığını aylardır şikayet ediyordum. Şimdi bana hizmet ediliyor ve iyi hizmet ediliyor.

    Kamerun'dan tüm parmaklar yukarı!

  15. Yeni tasarımı beğendim. İlk başta ben de WPB'nin neden duyarlı bir tasarıma sahip olmadığını garipsedim.

    Bunu okuduktan sonra nedenini anlıyorum.

    Harika iş WPB!

    Blogunuzu keşfettim ve WP deneyimimi geliştirmek için çok şey var.

    Açıklama şeklinizi beğendim. İçgörüleriniz, ekibinizin yazmadan önce gerçekten test ettiğini gösteriyor. Sadece kopyalayıp yapıştırıp google'da sıralama almak için düzenleyen bloglardan değil.

    Sizi takip edeceğim.

  16. Yeni tasarımı beğendim. Sitem üzerinde çalışırken mobilde olmadığım doğru. Ancak e-postalarınızı mobilden alıyorum ve bunları okumak için sık sık yerel kahvehaneme kaydediyorum. Bu işleri çok daha iyi hale getirecek. Yeni tasarımınızda bol şans.

    • Thanks Mike – yup that was the most common use-case. People read emails via phone and then come to our site. Hopefully it will be a much better UX now :)

      Yönetici

  17. Nihayet! Lol, trenle yazılarınızı okuyordum ve sayfayı yeniden boyutlandırmak sinir bozucuydu.

  18. Merhaba Syed,

    WordPress ile ilgili her şey hakkında harika bir kaynak için harika yeni bir görünüm.

    Yaptıklarınızı ve baştan sona net mesajlaşmayı gerçekten beğendim.

    Süreci ve işleri nasıl yürüttüğünüzü hepimize bildirdiğiniz için teşekkürler.

    Bazılarına yenilenme ilhamı verebilir!

    Hepsi en iyisi

    Ben

  19. Merhaba, WP Beginner, Yakın zamanda wordpress cms ile çalışmaya başladım ve sitenizin materyallerinin çoğunu (eğer hepsini değilse) kullandığım için çok kolay buldum. Müşterilerim için web siteleri yapıyorum ve kullandığım ücretsiz bir hosting şirketim var. Müşterilerimin sorunlarını çözmek için en az günde 8 kez sitenizde geziniyorum. Sitenizde gezinirken aniden eski tasarımdan bu yeni tasarıma geçti! Eskisini bundan daha çok sevdim çünkü eski tasarım küçük telefonumda tam genişlikte bir gezinme menüsü gösteriyordu, bu da gezinmeyi çok kolaylaştırıyordu, ancak bu yeni tasarım tüm gezinme öğelerini tıklamam gereken bir "MENÜ" içine küçültüyor! Bu fırsatı kullanarak sormak isterim, "bir wordpress temasından duyarlılığı nasıl kaldırabilirim ve akıllı telefonlarda bile tam genişlikte bir gezinme menüsü görüntülemesini nasıl sağlayabilirim? Müşterilerimden biri bunu istiyor ve bu sorunu çözemiyorum. Teşekkürler ve Tanrı sizi korusun.

    • WordPress tema dizininden bir tema kullanıyorum ve temanın adı WP bilgi bankası. Bu temadan ve genel olarak tüm temalardan duyarlılığı nasıl kaldırabilirim, küçük telefon ekranlarında bile tam genişlikte bir gezinme menüsü görüntülenmesini sağlayabilirim, tam olarak eski tasarımınız gibi. Tanrı kutsasın.

    • Merhaba Obinna,

      Geri bildirim için teşekkürler. Çoğu kullanıcı, daraltılmış gezinme menüsünün küçük ekranlarda kullanımının daha kolay olduğunu düşünüyor. Dokunması daha kolay ve menüde daha fazla öğe görüntülenebilir.

      Tam genişlikte menü kullanmak isterseniz, tam olarak duyarlı olmayan bir WordPress temasıyla başlayabilirsiniz. Genişliği CSS kullanarak da ayarlayabilirsiniz.

      Yönetici

  20. Güncellemeyi ve getirdiği her şeyi görmek harika.
    Söylemeliyim ki, o eklentilerin sahiplerinin siz olduğunu HİÇBİR FİKRİM YOKTU!
    Açıkçası, Yoast Analytics'i pek de hoş olmayan ahlak anlayışına sahip birinin devraldığını düşünmüştüm, bu yüzden WPBeginner kadar saygın birinin sahibi olduğunu bilmek harika!

  21. Son 4 yıldır bu siteyi sessizce takip ediyorum, yeni değişikliklerinizin benim gibi acemilere WP siteleri (mobil öncelikli) kurarken öğrettiklerinizle pratik olması beni sevindirdi.
    Siz ve ekibiniz harika işinize devam edin.

  22. Harika görünüyor.

    wpbeginner'ı daha yüksek çözünürlükte yapsanız iyi olur mu? iPhone 6'mda kötü görünüyor.

    Saygılarımla

  23. Güncellemeleri sabırsızlıkla bekliyorum. Web sitesinde değişiklikler yapmak istiyorum ama bir şekilde dikkatin dağılıyor. Umarım WP prosedürlerini öğrenmek için daha fazla zaman ayırabilirim.

  24. Güzel ve yaratıcı – en güzel ve kullanıcı dostu hale getirmeye çalışın. Tamamen harika şimdi tebrikler.

  25. Şaşırtıcı derecede iyi uygulanmış bir yükseltme! WP topluluğu için yaptığınız her şey için teşekkürler.

  26. Aferin, Syed. Özellikle nasıl yaptığını anlatan kısım. Kesinlikle başka bir katma değerli teklif.
    Dawn

  27. Harika iş! Tebrikler, site harika görünüyor ve tüm yükseltmeleriniz çok mantıklı. Yıllar boyunca paylaştığınız tüm ipuçları, püf noktaları ve takip etmesi kolay talimatlar için minnettarım ve WP hakkında yıllarca daha fazla şey öğrenmeyi dört gözle bekliyorum.

  28. Güzel iş. Genesis'i seviyorum : ) Parçacıklarınızı sık sık kullanıyorum.

  29. I agree with Adeel. It looks like you have put a lot of thought into the re-design. Also good to see that the site is now responsive :)

  30. Sitenin yeni görünümünü çok beğendim. Güzel iş! Toplam genişliğinizin yaklaşık 940 piksel olduğu görülüyor. Dar genişliği tercih etmenizin özel bir nedeni var mıydı?

    • İçerik görsellerimizin çoğu 520 piksel genişliğinde. Sitemizi hızlı tutmak istiyoruz çünkü kullanıcılarımızın çoğu hızlı internete sahip değil. Daha büyük içerik genişliği kullanmak ve daha büyük boyutlu görseller yüklemek siteyi daha da yavaşlatır.

      Bu, dünyanın batı kısmında fark edilmiyor, ancak diğer birçok ülkede internet çok yavaş.

      Yönetici

      • Mevcut resim boyutları veya yavaş internet hızları konusunda bu kadar endişeli olmasaydınız, genişliği değiştirir miydiniz? Yeni siteler oluştururken her zaman en iyi içerik genişliğinin ne olduğu konusunda zorlanırım. Bu yüzden herhangi bir içgörü duymak isterim. Teşekkürler!

  31. Yeni yeniden tasarım için tebrikler ve düşünceli değişiklikleriniz için teşekkürler. Siteyi keşfetmek için gerçekten heyecanlıyım!

  32. Tasarım güzel görünüyor.
    Ancak makalede aşağı kaydırırken kenar çubuğunu kaçırıyorum. Çok fazla alanımız var gibi görünüyor.

    • Geri bildirim için teşekkürler Banna. Önümüzdeki günlerde, bazı makaleler için ilgili içeriği eklemek üzere kaydırma kutuları ekleyeceğiz.

      Yönetici

  33. Merhaba, Syed!

    Bu tasarım gerçekten harika — temiz, basit ve zarif!

    Congrats! :)

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.