Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WPBeginner v5 – Nowy wygląd witryny i co dalej?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Jeśli wczytujesz dziś WPBeginner, to być może zauważyłeś, że mamy nowy wygląd witryny internetowej. Biorąc pod uwagę, że nasz ostatni projekt pochodził z 2012 roku, wielu z was powiedziałoby, że nadszedł czas, aby odświeżyć WPBeginner. Chciałbym podzielić się z wami kilkoma spostrzeżeniami z naszego procesu przeprojektowania, czego się nauczyliśmy, dlaczego zajęło nam to tak dużo czasu i co najważniejsze, co nowego pojawiło się w nowym projekcie.

Trochę tła

Założyłem WPBeginner w 2009 roku. W ciągu pierwszych 3 lat WPBeginner przeszedł 4 redesign’y. Pochłonęło to wiele zasobów, które można było lepiej wykorzystać na naszą rdzenną misję:

Pomagać małym firmom rozwijać się i konkurować z największymi dzięki naszym narzędziom, zespołowi i szkoleniom.

Po WPBv4 postanowiłem skupić się na naszej rdzennej misji, a wyniki są zdumiewające.

W ciągu ostatnich czterech lat:

  • Stworzyliśmy ponad tysiąc darmowych poradników WordPress na blogu WPBeginner.
  • Dodaliśmy ponad 500+ nowych poradników wideo na naszym kanale YouTube.
  • Dodaliśmy ponad 100 taksonomii w naszym słowniczku WordPress.
  • Uruchomiliśmy OptinMonster – narzędzie, które przekształca porzucających witrynę internetową w subskrybentów. Nasze formularze optin są zobaczone kilka miliardów razy miesięcznie.
  • Uruchomiliśmy Envira Gallery, najpotężniejsze rozwiązanie galeryjne WordPress, aby pomóc naszym użytkownikom w łatwym tworzeniu galerii zdjęć i filmów bez spowalniania ich witryn internetowych.
  • Uruchomiliśmy Soliloquy, łatwą w użyciu wtyczkę do responsywnych pokazów slajdów WordPress, która stawia wydajność i wygodę użytkownika na pierwszym miejscu.
  • Uruchomiliśmy WPForms, najbardziej przyjazną dla początkujących wtyczkę do formularzy WordPress, opartą na twoich uwagach i sugestiach.
  • Na początku tego roku przejęliśmy Yoast Analytics i przemianowaliśmy go na MonsterInsights. Jesteśmy w trakcie przepisywania całej wtyczki, aby Google Analytics było łatwe dla początkujących.

Łącznie nasze wtyczki zostały pobrane ponad 13 milionów razy i są włączane na ponad 2 milionach witryn internetowych.

Chociaż wszystkie te osiągnięcia są wspaniałe, mamy nowy zestaw wyzwań, którymi musimy się zająć, jeśli chcemy nadal ulepszać i służyć naszej misji.

To prowadzi mnie do WPBeginner v5.

Projektowanie z wykorzystaniem danych

W ciągu ostatnich kilku lat korzystanie z urządzeń mobilnych znacznie wzrosło w przypadku większości witryn internetowych. Dlatego też zawsze zalecaliśmy wszystkim wybór przyjaznego dla urządzeń mobilnych responsywnego motywu WordPress podczas zakładania bloga.

Było to trochę ironiczne, ponieważ nasza własna witryna internetowa nie była responsywna. Otrzymaliśmy wiele krytyki w mediach społecznościowych od innych projektantów i programistów WordPress w społeczności.

Od czasu do czasu otrzymywaliśmy komentarze od czytelników z pytaniem, dlaczego WPBeginner nie był responsywny.

Chociaż rozumiem znaczenie responsywnego designu, jeszcze ważniejsze jest podejmowanie decyzji opartych na danych, jeśli chodzi o ustalanie priorytetów zadań w twoim biznesie.

W 2012 roku, kiedy wprowadziliśmy WPBv4, mniej niż 2% naszych odbiorców korzystało z urządzeń mobilnych.

Dziś, w 2016 roku, liczba ta wzrosła do około 7%.

To wciąż bardzo mało w porównaniu z innymi moimi witrynami, takimi jak List25, gdzie ponad 50% użytkowników korzysta z urządzeń mobilnych.

Ma to jednak sens, ponieważ większość ludzi nie instaluje wtyczek na swoich witrynach internetowych WordPress za pomocą urządzeń mobilnych. Większość ludzi nie wprowadza zmian w kodzie na urządzeniach mobilnych. Większość osób nie próbuje poprawiać typowych błędów WordPressa na urządzeniach mobilnych.

Dlatego też responsywność WPBeginner nie była naszym priorytetem. Jednak gdy wykorzystanie urządzeń mobilnych przekroczyło 5%, zaczęliśmy planować przeprojektowanie, które dotyczyło również innych wyzwań.

WPBeginnerv5 Responsive

Kolejnym wyzwaniem, przed którym stanęliśmy, była użyteczność witryny. W miarę jak dodawaliśmy coraz więcej treści, użytkownikom coraz trudniej było znaleźć to, czego szukali. Na przykład, mieliśmy 8 artykułów mówiących o przyspieszeniu WordPressa, ale żadnego kompleksowego rozwiązania krok po kroku.

Przyjrzeliśmy się najczęściej wpisywanym zapytaniom w formularzu wyszukiwania WPBeginner, aby stworzyć kompleksowe poradniki krok po kroku, które są teraz szybko wyróżniane w projekcie.

WPBv5 Comprehensive Guides

Ułatwiliśmy również wyszukiwanie w WPBeginner dzięki pełnoekranowej nakładce wyszukiwania w nagłówku i dodatkowemu paskowi wyszukiwania w panelu bocznym.

W przyszłości będziemy ułatwiać użytkownikom znajdowanie tego, czego szukają, tworząc portale z treściami, które kreatywnie wykorzystują tagi WordPress.

Nowości w WPBv5

Rdzeń funkcjonalności witryny pozostał bez zmian. Oto kilka godnych uwagi zmian na witrynie internetowej:

Nowa strona Zacznij tutaj

Jeśli jesteś nowym użytkownikiem WPBeginner, docenisz nową stronęZacznij tutaj

Responsywna witryna internetowa

Witryna internetowa WPBeginner jest teraz w 100% responsywna, więc wygląda świetnie na wszystkich urządzeniach.

Zdecydowaliśmy się pozostać przy popularnym frameworku Genesis, aby zbudować nasz własny motyw potomny.

Kompleksowe przewodniki

Jeśli spojrzysz na panel boczny każdej strony, zobaczysz nową sekcję „Potrzebuję pomocy z…”, która podkreśla kompleksowe przewodniki, takie jak jak przyspieszyć WordPress, jak poprawić zabezpieczenia WordPress, jak zoptymalizować WordPress SEO i wiele innych.

Lepsza widoczność naszych produktów

W spisie WPBeginner jednym z pytań, które zadałem, było wymienienie produktu, który posiadamy. To było dość zaskakujące, jak wiele osób nie wiedziało o naszych produktach. W nowym projekcie zamierzamy lepiej wyróżnić produkty, które posiadamy.

Zaczynamy od nowej strony z wtyczkami WordPress premium.

Będziemy również rotować produkty w naszym panelu bocznym, a także w naszych reklamach w newsletterze.

FontAwesome i nowy krój pisma

Być może zauważyliście użycie kroju pisma ikonek w nowym kreatorze. Nazywa się FontAwesome i jestem wielkim fanem pracy Dave’a Gandy’ego.

Używamy jego prac we wszystkich naszych produktach i jesteśmy dumnymi pomocnikami technicznymi FontAwesome.

Co ciekawe, logo WPBeginner można dodać jako krój pisma, jeśli korzysta się z FontAwesome, a także innych naszych właściwości.

W nowym projekcie używamy teraz kroju pisma Proxima Nova za pośrednictwem Typekit.

Nowa wtyczka Share

W przeszłości używaliśmy odmiany wtyczki Floating Social Bar.

Po zmianach wprowadzonych przez Twittera, Facebooka i innych – poczułem, że nadszedł czas, aby stworzyć nową wtyczkę udostępniania dla WPBeginner.

Dokładnie pobiera ona liczbę udostępnień na Twitterze, ale co ważniejsze, ma teraz całkowitą liczbę udostępnień.

New Share Plugin

Zdecydowałem się zatrzymać pływające zachowanie i raczej przyciski udostępniania są teraz dodawane na początku i na końcu każdego wpisu. Pomoże to w lepszym użytkowaniu na mniejszych ekranach.

Nowe formularze eBook i Optin

U dołu każdego wpisu znajduje się nowy formularz optin umożliwiający pobranie mojego zestawu narzędzi WordPress. Ten eBook zawiera dokładne narzędzia, których używamy na naszych witrynach internetowych.

Różni się on od planu WPBeginner, ponieważ pokazuje tylko to, czego używamy na WPBeginner.

EBook z zestawem narzędzi jest bardziej wszechstronny.

Zastąpiłem również formularz optin na panelu bocznym MonsterLinks, dwuetapowym procesem optin. Formularz zapisu na panelu bocznym nie konwertował w wystarczająco wysokim tempie, aby uzasadnić zajmowaną powierzchnię. Więc teraz, jeśli chcesz zapisać się przez e-mail, możesz to zrobić, klikając ikonkę e-mail na panelu bocznym.

WPBv5 Sidebar Optin

Co dalej

Oprócz zmian front-endowych, wprowadziliśmy wiele zmian back-endowych, które ułatwią zespołowi WPBeginner tworzenie bardziej kompleksowych przewodników w nadchodzących miesiącach.

Witryna członkowska WPBeginner Videos zostanie poddana przeglądowi. Obecnie wciąż korzysta ona ze starego motywu.

Zamierzamy przekształcić ją w system LMS, który połączy kurs wideo dla początkujących i ponad 500 naszych filmów z YouTube w jednym, scentralizowanym miejscu.

Celem tej witryny będzie oferowanie bardziej zorganizowanych kursów, aby ułatwić użytkownikom szybką naukę WordPressa.

Chciałbym podziękować wszystkim za twoją pomoc techniczną i uwagi.

Z poważaniem,
Syed Balkhi
Założyciel WPBeginner

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

91 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Vipin says

    Hi,

    The design looks awesome.

    Actually I also wanted to same look for my website that is also related to deal and coupon business. I have also setup genesis framework and genesis-simple child theme but I don’t know how you achieve header toggle option and deal post can you guide me

    Thanks
    Vipin Singh

  3. Shola says

    well, i did not know the old design but any way i love the new design. when ever i come to this site, it fills like, my site design can be like this. thanks wpbeginner theme. you guys are doing a grate job. have a good day.

  4. Aaditya Sharma says

    I m regular reader of your website, new site design well improvement than the previous one but not feeling coming like OMG.

    Maybe site width can increase.

  5. Ekesmall says

    Wow, am so glad to see the responsive design because it’s quite difficult viewing the website on mobile phone before but now is now good.

  6. Srivalli says

    Congrats Syed, the new layout looks very neat and nice. btw is your new Share Plugin available for other users?.looks very neat and meaningful.

  7. Businge Brian says

    This is really amazing. I like the new design. Was hear last day, I wake up, check my favorite wordpress tutorial website and it was refreshing what I saw. Really great guys.

  8. Diane says

    Love the redesign. Just out of interest, what do you think of Google’s announcement on pop ups and rankings? For once I’m with Google on this. I hadn’t been on your site more than a couple of seconds before a pop up appears asking me to subscribe (I do already). I’ve not had time to even check out the content and see if I like it and I’m being asked to subscribe. It’s become a constant irritant online. Is there a way you can add tracking to opt in monster, so that if I’m clicking through from one of your newsletters, the subscribe pop up doesn’t appear? Now, that would be a selling point.
    Anyway I digress (couldn’t help it, the pop was REALLY annoying!!) – your site looks great and your content is really fabulous. Ask visitors if they want to subscribe after they’ve had time to read your content and you may find you get a higher opt in rate….

  9. Herwig says

    I love the new design! Just a question: Is your new sharing plugin available anywhere? It really looks great!

    • Editorial Staff says

      Hi Herwig,

      Thanks for the kind words. The sharing plugin is not available at this time because it was custom coded for WPBeginner. We may release it in the future, but it’s not ready for public release just yet.

      Administrator

  10. Betty Johnston says

    …OK! excellent!.. Following you from long long time… this update is fast … super UX-UI… clear… (except your logo…little fuzzy)… Love the contrasting colors… and easy instructions… I agree with you; I do not use my Note5 to fix anything….personally i read all when i am not in my office and then i apply whatever i need from my desktop/laptop… I am eager to check a lot of things where i need help… Thank you and Congratulations…!!

  11. Salman says

    The site looks great. Better than the previous version.

    Can you make a list of all the tools and technologies you’ve used in making this website and publish them? That would be wonderful. Thanks.

  12. TeQuan Douglas says

    Hi, Syed!

    Wow… WPBeginner is actually much faster than it has always been, I must say that I love this new design. I use WPBeginner at least 5 times a day, keep the good work up..

  13. Neil Forrester says

    Hi Syed,

    Great job on the new design and thank you for all the WordPress tutorials. I refer to your site on a regular basis and believe it is a invaluable resource.

    Best wishes,
    Neil Forrester | pixelfire.com.au

  14. Henri Lotin says

    Hello, at WPBeginner!

    Congratulations to all the team.

    I’ve complained months ago that the site wasn’t responsive. Now I’m served, and well served.

    All thumbs up, form Cameroon!

  15. Izham says

    I like the new design. At first I too feel weird why WPB has no responsive design.

    After reading this now I understand why.

    Great job WPB!

    I stumbled upon your blog and it has a lot improve my wp experience.

    I like the way you guys explained. The insights mereka true showing that your team really test it before writing about it. Not some blog who just copy paste and edit it just to rank on gogle.

    I will follow you guys.

  16. Mike says

    Like the new design. While it is true that when I am working on my sites, I am not on mobile. I do receive your emails on my mobile, and quite often I save them to read at my local coffee house to read. This will make things a lot better. Good luck with the new design.

  17. Ben says

    Hi Syed,

    A great new look for a great resource on all things WordPress.

    Really like what you have done and with clear messaging throughout.

    Thanks for letting us all know the process and how you went about things.

    Might inspire some to have a refresh!

    All the best

    Ben

  18. OBINNA DURU says

    Hello, WP Beginner, I recently started working with wordpress cms and found it very easy because I use most (if not all) of your site materials. I build websites for clients and I have my a free host company I use. I browse through your site, at least, not less than 8 times a day, looking for solutions to solve my clients’ problems. I was browsing through your site when it suddenly changed from the old design to this new one! I loved the former one than this because the former design displayed a full-width navigation menu on my small phone, making it very easy to navigate through, but this new design shrinks the whole navigation items into a „MENU” I must click on before the rest are displayed! I would love to use this opportunity to ask, „how can I remove the responsiveness from a wordpress theme and make it display a full width navigation menu even on smart phones. One of my clients have been asking for it, and I can’t solve that problem. Thanks and God bless.

    • OBINNA DURU says

      I use a theme from the wordpress theme directory and the name of the theme is WP knowledge base. how can i remove the responsiveness from the particular theme, and from all themes in general, making it display a FULL WIDTH NAVIGATION MENU even on small phone screens, exactly as your former design was. God bless.

    • WPBeginner Support says

      Hi Obinna,

      Thanks for the feedback. Most users find the collapsed navigational menu easier to use on smaller screens. It is easier to tap, and more items can be displayed in the menu.

      If you would like to use full-width menu, then you can start with a WordPress theme that is not fully responsive. You can also set width using CSS.

      Administrator

  19. Mitch says

    Great to see the update and all that it brings.
    I have to say, I had NO idea that you were the owners of those plugins!
    Quite frankly, I thought someone with less than desirable scruples had taken over Yoast Analytics so it is great to now know that someone as reputable as WPBeginner is the owner!

  20. Josalone Wordsworth says

    I’ve been quietly following this site for the past 4 years, am glad that your new changes are practical to what you teach novice like me when building wp sites (mobile first).
    Please keep up your great work you and your team.

  21. Dick Motta says

    Looking forward to the updates. I want to make changes to website, but somehow get distract. Hopefully, I can spend more time learning wp procedures.

  22. Parvez Afshar says

    It’s nice and creative – try to make it the most beautiful and user friendly . Totally awesome now congrats.

  23. Gayle Hardy says

    Great job! Congrats, the site looks great and all your upgrades make perfect sense. I appreciate all the tips, tricks, and easy-to-follow instructions you’ve shared through the years and I look forward to learning more about WP for years to come.

  24. Pat Fleck says

    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 :)

  25. Dallas says

    I love the new look of the site. Nice job! It appears that your total width is around 940px. Was there any specific reason for going with the narrow width?

    • Editorial Staff says

      Because most of our content images are 520px wide. We want to make sure that we keep our site fast because a lot of our users don’t have fast internet. Going with bigger content width and uploading larger size images further slows down the site.

      This is not noticeable in the western part of the world, but a lot of other countries have very slow internet.

      Administrator

      • Wesley Banks says

        If you weren’t as considered about existing image sizes or slow internet speeds, would you have changed the width? I always struggle when creating new sites what is the best content width. So, I’d love to hear any insights. Thanks!

  26. Teresa Maslonka says

    Congratulations on the new redesign, and thank you for your thoughtful changes. Really excited to explore the site!

  27. Banna says

    The design look nice.
    But while i scroll down through article i miss the sidebar. Look like we have lot of space.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.