WPBeginner - Poradniki WordPress dla początkujących

Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

WPBeginner v5 – nowy wygląd strony i co dalej

Autor: Editorial Staff | | Ujawnienie informacji dla czytelnika

Shares 219 ChatGPT Perplexity X LinkedIn WhatsApp

Jeśli dziś odwiedzasz WPBeginner, mogłeś zauważyć, że mamy nowy wygląd strony. 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 trwało to tak długo i co najważniejsze, co nowego w nowym projekcie.

Krótkie tło

Zacząłem WPBeginner w 2009 roku. W ciągu pierwszych 3 lat WPBeginner przeszedł 4 przeprojektowania. To pochłania wiele zasobów, które mogłyby zostać lepiej wykorzystane na naszą główną misję:

Pomagaj małym firmom rozwijać się i konkurować z dużymi graczami dzięki naszym narzędziom, zespołowi i szkoleniom.

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

W ciągu ostatnich czterech lat:

  • Stworzyliśmy ponad tysiąc darmowych samouczków WordPress na blogu WPBeginner.
  • Dodaliśmy ponad 500 nowych samouczków wideo na naszym kanale YouTube.
  • Dodaliśmy ponad 100 terminów do naszego Słownika WordPressa.
  • Uruchomiliśmy OptinMonster – narzędzie, które zamienia porzucających stronę odwiedzających w subskrybentów. Nasze formularze zapisu są wyświetlane kilka miliardów razy miesięcznie.
  • Uruchomiliśmy Envira Gallery, najpotężniejsze rozwiązanie galerii WordPress, aby pomóc naszym użytkownikom łatwo tworzyć galerie zdjęć i filmów bez spowalniania ich stron internetowych.
  • Uruchomiliśmy Soliloquy, łatwy w użyciu responsywny plugin do sliderów WordPress, który stawia wydajność i doświadczenie użytkownika na pierwszym miejscu.
  • Uruchomiliśmy WPForms, najbardziej przyjazny dla początkujących wtyczkę do formularzy WordPress opartą na Waszych opiniach i sugestiach.
  • Na początku tego roku przejęliśmy Yoast Analytics i zmieniliśmy jego nazwę na MonsterInsights. Jesteśmy w trakcie przepisywania całego wtyczki, aby ułatwić Google Analytics początkującym.

Łącznie nasze wtyczki zostały pobrane ponad 13 milionów razy i są aktywnie używane na ponad 2 milionach stron internetowych.

Chociaż wszystkie te osiągnięcia są wspaniałe, mamy nowy zestaw wyzwań, które należy rozwiązać, jeśli chcemy nadal się rozwijać i realizować naszą misję.

To prowadzi mnie do WPBeginner v5.

Projektuj z danymi

W ciągu ostatnich kilku lat znacząco wzrosło użycie urządzeń mobilnych na większości stron internetowych. Dlatego zawsze zalecaliśmy każdemu wybór responsywnego motywu WordPress przyjaznego dla urządzeń mobilnych podczas zakładania bloga.

To było trochę ironiczne, ponieważ nasza własna strona nie była responsywna. Otrzymaliśmy wiele krytyki w mediach społecznościowych od innych projektantów i deweloperów WordPress ze społeczności.

Czasami otrzymywaliśmy komentarze od czytelników pytających, dlaczego WPBeginner nie jest responsywny.

Chociaż rozumiem znaczenie responsywnego projektowania, jeszcze ważniejsze jest podejmowanie decyzji opartych na danych przy ustalaniu priorytetów zadań w Twojej firmie.

W 2012 roku, kiedy uruchomiliśmy projekt WPBv4, mniej niż 2% naszej publiczności 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 do moich innych stron internetowych, takich jak List25, gdzie ponad 50% użytkowników korzysta z urządzeń mobilnych.

Ale to ma sens, ponieważ większość ludzi nie instaluje wtyczek na swoich stronach WordPress za pomocą urządzeń mobilnych. Większość ludzi nie wprowadza zmian w kodzie na urządzeniach mobilnych. Większość ludzi nie próbuje naprawiać częstych błędów WordPress na urządzeniach mobilnych.

Dlatego tworzenie WPBeginner responsywnym nie było naszym priorytetem. Jednak gdy użycie mobilne przekroczyło 5%, zaczęliśmy planować przeprojektowanie, które rozwiązało również inne wyzwania.

WPBeginnerv5 Responsive

Kolejnym wyzwaniem, z którym się zmierzyliśmy, była użyteczność strony. W miarę dodawania większej ilości treści, użytkownikom trudniej było znaleźć to, czego szukali. Na przykład, mieliśmy 8 artykułów na temat przyspieszania WordPressa, ale żadnego kompleksowego rozwiązania krok po kroku.

Przeanalizowaliśmy najczęściej wyszukiwane zapytania w formularzu wyszukiwania WPBeginner, aby stworzyć obszerne samouczki krok po kroku, które są teraz wyraźnie wyróżnione w projekcie.

WPBv5 Kompleksowe Poradniki

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

W przyszłości ułatwimy użytkownikom znalezienie tego, czego szukają, tworząc portale z treściami, które kreatywnie wykorzystują tagi WordPressa.

Co nowego w WPBv5

Podstawowa funkcjonalność strony pozostała taka sama. Oto kilka godnych uwagi zmian na stronie internetowej:

Nowa strona „Zacznij tutaj"

Jeśli jesteś nowy na WPBeginner, docenisz nową stronę Zacznij tutaj

Responsywny projekt strony internetowej

Strona WPBeginner jest teraz w 100% responsywna, dzięki czemu świetnie wygląda na wszystkich urządzeniach.

Postanowiliśmy pozostać przy popularnym frameworku Genesis, aby zbudować nasz niestandardowy motyw potomny.

Kompleksowe przewodniki

Jeśli spojrzysz na pasek boczny każdej strony, zobaczysz nową sekcję „Potrzebuję pomocy z…”, która zawiera obszerne przewodniki, takie jak jak przyspieszyć WordPress, jak poprawić bezpieczeństwo WordPress, jak zoptymalizować SEO WordPress i inne.

Lepsza widoczność naszych produktów

W ankiecie WPBeginner jedno z pytań brzmiało: nazwij produkt, który posiadamy. Zaskakujące było, jak wiele osób nie wiedziało o naszych produktach. W nowym projekcie będziemy lepiej podkreślać posiadane przez nas produkty.

Zaczyna się od nowej strony premium WordPress plugins.

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

FontAwesome i nowa czcionka

Możesz zauważyć użycie czcionki ikon w nowym projektancie. Nazywa się FontAwesome i jestem wielkim fanem pracy Dave'a Gandy'ego.

Używamy jego pracy we wszystkich naszych produktach i jesteśmy dumnymi zwolennikami FontAwesome.

Ciekawostka: możesz faktycznie dodać logo WPBeginner jako czcionkę, jeśli używasz FontAwesome, a także nasze inne zasoby.

W nowym projekcie używamy teraz czcionki Proxima Nova przez Typekit.

Nowy Plugin Udostępniania

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

Po zmianach wprowadzonych przez Twittera, Facebooka i innych – poczułem, że nadszedł czas na stworzenie nowego pluginu do udostępniania dla WPBeginner.

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

Nowy Plugin Udostępniania

Zdecydowałem się zatrzymać pływające zachowanie, a zamiast tego przyciski udostępniania są teraz dodawane na początku i na końcu każdego wpisu. Pomoże to w lepszym doświadczeniu użytkownika na mniejszych ekranach.

Nowy e-book i formularze zapisu

Na dole każdego wpisu zobaczysz nowy formularz zapisu, aby pobrać mój zestaw narzędzi WordPress. Ten e-book zawiera dokładne narzędzia, których używamy na naszych stronach internetowych.

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

E-book z narzędziami jest bardziej wszechstronny.

Zastąpiłem również formularz zapisu w pasku bocznym MonsterLinks, czyli dwuetapowy proces zapisu. Formularz zapisu w pasku bocznym nie konwertował wystarczająco dobrze, aby uzasadnić jego obecność. Więc teraz, jeśli chcesz zapisać się na e-mail, możesz to zrobić, klikając ikonę e-mail w pasku bocznym.

WPBv5 Sidebar Optin

Co dalej

Oprócz zmian w interfejsie użytkownika, wprowadziliśmy wiele zmian w backendzie, które ułatwią zespołowi WPBeginner tworzenie bardziej kompleksowych przewodników w nadchodzących miesiącach.

Witryna z płatnymi filmami WPBeginner (WPBeginner videos membership site) przejdzie gruntowny remont. Obecnie nadal korzysta ze starego motywu.

Przekształcimy to w system LMS, który połączy kursy wideo dla początkujących i nasze ponad 500 filmów na YouTube w jednym, scentralizowanym miejscu.

Celem tej strony byłoby oferowanie bardziej zorganizowanych kursów, aby ułatwić użytkownikom szybkie naukę WordPressa.

Chcę podziękować Wam wszystkim za Wasze wsparcie i opinie.

Z wyrazami szacunku,
Syed Balkhi
Założyciel WPBeginner

Popularne na WPBeginner Teraz!

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

Ostateczny zestaw narzędzi WordPress

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

Pobierz teraz

Interakcje czytelników

90 CommentsLeave a Reply

  1. Cześć,

    Projekt wygląda niesamowicie.

    Właściwie też chciałem takiego samego wyglądu dla mojej strony, która również jest związana z biznesem ofert i kuponów. Zainstalowałem również framework Genesis i motyw potomny Genesis-Simple, ale nie wiem, jak osiągnąłeś opcję przełączania nagłówka i posty z ofertami, czy możesz mi pomóc?

    Dziękuję
    Vipin Singh

    Reply

  2. cóż, nie znałem starego projektu, ale tak czy inaczej uwielbiam nowy projekt. kiedykolwiek odwiedzam tę stronę, czuję się, jakby mój projekt strony mógł być taki. dzięki wpbeginner theme. robicie świetną robotę. miłego dnia.

    Reply

  3. Ten płaski design wygląda całkiem dobrze na wszystkich urządzeniach. Wygląda teraz znacznie lepiej.

    Reply

  4. Jestem stałym czytelnikiem Twojej strony, nowy projekt strony to dobre ulepszenie w porównaniu do poprzedniego, ale nie czuję, że to coś w stylu OMG.

    Może szerokość strony można zwiększyć.

    Reply

  5. Wow, cieszę się, że widzę responsywny projekt, ponieważ wcześniej trudno było oglądać stronę na telefonie komórkowym, ale teraz jest dobrze.

    Reply

  6. Gratulacje Syed, nowy układ wygląda bardzo schludnie i ładnie. Swoją drogą, czy Twój nowy plugin udostępniania jest dostępny dla innych użytkowników? Wygląda bardzo schludnie i sensownie.

    Reply

  7. To naprawdę niesamowite. Podoba mi się nowy projekt. Byłem tu wczoraj, obudziłem się, sprawdziłem moją ulubioną stronę z tutorialami WordPress i to, co zobaczyłem, było odświeżające. Naprawdę świetni goście.

    Reply

  8. Uwielbiam ten pływający pasek udostępniania. Mashable też ma świetny!

    P.S. Chętnie otrzymałbym linki zwrotne tutaj...

    Reply

  10. Uwielbiam przeprojektowanie. Z czystej ciekawości, co sądzisz o ogłoszeniu Google dotyczącym wyskakujących okienek i rankingów? Tym razem zgadzam się z Google. Nie byłem na Twojej stronie dłużej niż kilka sekund, zanim pojawiło się wyskakujące okienko z prośbą o subskrypcję (już subskrybuję). Nie miałem nawet czasu, żeby sprawdzić treść i zobaczyć, czy mi się podoba, a już proszą mnie o subskrypcję. To stało się ciągłą irytacją w internecie. Czy jest sposób, aby dodać śledzenie do opt in monster, tak aby jeśli klikam z jednego z Twoich newsletterów, wyskakujące okienko subskrypcji się nie pojawiało? To byłby argument sprzedażowy.
    W każdym razie odbiegłem od tematu (nie mogłem się powstrzymać, to wyskakujące okienko było NAPRAWDĘ irytujące!!) – Twoja strona wygląda świetnie, a Twoje treści są naprawdę fantastyczne. Zapytaj odwiedzających, czy chcą subskrybować po tym, jak będą mieli czas na przeczytanie Twoich treści, a możesz się okazać, że uzyskasz wyższy wskaźnik subskrypcji...

    Reply

  11. Uwielbiam nowy design! Tylko pytanie: czy wasz nowy plugin do udostępniania jest gdzieś dostępny? Naprawdę wygląda świetnie!

    Reply

    • Cześć Herwig,

      Dziękujemy za miłe słowa. Plugin udostępniania nie jest obecnie dostępny, ponieważ został napisany na zamówienie dla WPBeginner. Możemy go wydać w przyszłości, ale jeszcze nie jest gotowy do publicznego wydania.

      Reply

      Admin

  12. …OK! doskonałe!.. Obserwuję Was od dawna… ta aktualizacja jest szybka… super UX-UI… czysta… (oprócz Waszego logo… trochę rozmazane)… Uwielbiam kontrastujące kolory… i proste instrukcje… Zgadzam się z Wami; Nie używam mojego Note5 do naprawiania czegokolwiek…. osobiście czytam wszystko, gdy nie jestem w biurze, a potem stosuję to, czego potrzebuję, z mojego komputera stacjonarnego/laptopa… Chętnie sprawdzę wiele rzeczy, w których potrzebuję pomocy… Dziękuję i gratulacje…!!

    Reply

  13. Strona wygląda świetnie. Lepiej niż poprzednia wersja.

    Czy możesz sporządzić listę wszystkich narzędzi i technologii, których użyłeś do stworzenia tej strony i opublikować je? Byłoby wspaniale. Dziękuję.

    Reply

  14. Cześć, Syed!

    Wow… WPBeginner jest faktycznie znacznie szybszy niż zawsze był, muszę przyznać, że uwielbiam ten nowy design. Używam WPBeginner co najmniej 5 razy dziennie, kontynuujcie dobrą robotę..

    Reply

  17. Cześć Syed,

    Świetna robota z nowym projektem i dziękuję za wszystkie samouczki WordPress. Regularnie korzystam z Twojej strony i uważam, że jest to nieocenione źródło informacji.

    Z najlepszymi życzeniami,
    Neil Forrester | pixelfire.com.au

    Reply

  18. Witajcie, na WPBeginner!

    Gratulacje dla całego zespołu.

    Narzekałem miesiące temu, że strona nie jest responsywna. Teraz jestem obsłużony, i to dobrze obsłużony.

    Wszystkie kciuki w górę, z Kamerunu!

    Reply

  19. Podoba mi się nowy design. Początkowo też czułem się dziwnie, dlaczego WPB nie ma responsywnego designu.

    Teraz rozumiem dlaczego.

    Świetna robota WPB!

    Natknąłem się na Twojego bloga i ma on wiele do poprawy mojego doświadczenia z WP.

    Podoba mi się sposób, w jaki to wyjaśniliście. Ich spostrzeżenia są prawdziwe, pokazując, że Wasz zespół naprawdę to testuje, zanim o tym napisze. Niektóre blogi po prostu kopiują i wklejają, edytując tylko po to, by znaleźć się na Google.

    Będę was śledzić.

    Reply

  20. Podoba mi się nowy design. Chociaż prawdą jest, że kiedy pracuję nad moimi stronami, nie jestem na telefonie komórkowym. Otrzymuję Twoje e-maile na telefon komórkowy i często zapisuję je, aby przeczytać je w mojej lokalnej kawiarni. To sprawi, że rzeczy będą znacznie lepsze. Powodzenia z nowym designem.

    Reply

  22. Cześć Syed,

    Świetny nowy wygląd dla świetnego zasobu na temat wszystkiego związanego z WordPressem.

    Naprawdę podoba mi się to, co zrobiłeś, i jasny przekaz przez cały czas.

    Dzięki za poinformowanie nas wszystkich o procesie i o tym, jak się do tego zabrałeś.

    Może zainspiruje niektórych do odświeżenia!

    Wszystkiego najlepszego

    Ben

    Reply

  23. Witaj, WP Beginner, niedawno zacząłem pracować z systemem zarządzania treścią WordPress i okazał się bardzo łatwy, ponieważ korzystam z większości (jeśli nie wszystkich) materiałów z Twojej strony. Buduję strony internetowe dla klientów i mam darmową firmę hostingową, z której korzystam. Przeglądam Twoją stronę co najmniej 8 razy dziennie, szukając rozwiązań problemów moich klientów. Przeglądałem Twoją stronę, kiedy nagle zmieniła się ze starego projektu na ten nowy! Bardziej podobał mi się poprzedni, ponieważ poprzedni projekt wyświetlał pełnoekranowe menu nawigacyjne na moim małym telefonie, co ułatwiało nawigację, ale ten nowy projekt kurczy wszystkie elementy nawigacyjne do przycisku „MENU”, który muszę kliknąć, zanim reszta zostanie wyświetlona! Chciałbym skorzystać z tej okazji, aby zapytać: „Jak mogę usunąć responsywność z motywu WordPress i sprawić, aby wyświetlał pełnoekranowe menu nawigacyjne nawet na smartfonach? Jeden z moich klientów o to prosi i nie mogę rozwiązać tego problemu. Dziękuję i niech Bóg błogosławi.

    Reply

    • Używam motywu z katalogu motywów WordPress, a nazwa motywu to WP knowledge base. jak mogę usunąć responsywność z konkretnego motywu i ze wszystkich motywów w ogóle, sprawiając, że menu nawigacyjne będzie wyświetlane w PEŁNEJ SZEROKOŚCI nawet na małych ekranach telefonów, dokładnie tak, jak w twoim poprzednim projekcie. Niech Bóg błogosławi.

      Reply

    • Cześć Obinna,

      Dziękujemy za opinię. Większość użytkowników uważa, że zwinięte menu nawigacyjne jest łatwiejsze w użyciu na mniejszych ekranach. Jest łatwiejsze do kliknięcia i można wyświetlić więcej elementów w menu.

      Jeśli chcesz używać menu pełnoekranowego, możesz zacząć od motywu WordPress, który nie jest w pełni responsywny. Szerokość można również ustawić za pomocą CSS.

      Reply

      Admin

  24. Świetnie widzieć aktualizację i wszystko, co ze sobą niesie.
    Muszę przyznać, że NIE miałem pojęcia, że jesteście właścicielami tych wtyczek!
    Szczerze mówiąc, myślałem, że ktoś o wątpliwych skrupułach przejął Yoast Analytics, więc wspaniale jest teraz wiedzieć, że właścicielem jest ktoś tak renomowany jak WPBeginner!

    Reply

  26. Od 4 lat po cichu śledzę tę stronę, cieszę się, że wasze nowe zmiany są praktyczne w stosunku do tego, czego uczycie nowicjuszy takich jak ja przy budowaniu stron WordPress (mobile first).
    Proszę, kontynuujcie waszą wspaniałą pracę, wy i wasz zespół.

    Reply

  28. Wygląda świetnie.

    Może warto zrobić wpbeginner w wyższej rozdzielczości? Wygląda źle na moim iPhonie 6.

    Pozdrawiam

    Reply

  29. Z niecierpliwością czekam na aktualizacje. Chcę wprowadzić zmiany na stronie, ale jakoś się rozpraszam. Mam nadzieję, że będę mógł poświęcić więcej czasu na naukę procedur WP.

    Reply

  30. Jest ładny i kreatywny – postaraj się, aby był najpiękniejszy i najbardziej przyjazny dla użytkownika. Absolutnie niesamowity, gratulacje.

    Reply

  34. Zdumiewająco wykonana aktualizacja! Dziękuję za to, co robisz dla społeczności WP.

    Reply

  35. Dobra robota, Syed. Szczególnie opis sposobu, w jaki to zrobiłeś. Z pewnością kolejna wartość dodana.
    Dawn

    Reply

  36. Świetna robota! Gratulacje, strona wygląda świetnie, a wszystkie Wasze ulepszenia mają sens. Doceniam wszystkie wskazówki, triki i łatwe do naśladowania instrukcje, którymi dzieliliście się przez lata i nie mogę się doczekać, aby dowiedzieć się więcej o WP przez kolejne lata.

    Reply

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

    Reply

  41. Uwielbiam nowy wygląd strony. Dobra robota! Wygląda na to, że całkowita szerokość wynosi około 940px. Czy był jakiś konkretny powód, dla którego zdecydowaliście się na wąską szerokość?

    Reply

    • Ponieważ większość naszych obrazów treści ma szerokość 520 pikseli. Chcemy upewnić się, że nasza strona działa szybko, ponieważ wielu naszych użytkowników nie ma szybkiego internetu. Używanie większej szerokości treści i przesyłanie większych obrazów dodatkowo spowalnia stronę.

      Nie jest to zauważalne w zachodniej części świata, ale wiele innych krajów ma bardzo wolny internet.

      Reply

      Admin

      • Gdybyś nie przejmował się tak bardzo istniejącymi rozmiarami obrazów lub wolnym internetem, czy zmieniłbyś szerokość? Zawsze mam problem przy tworzeniu nowych stron z tym, jaka jest najlepsza szerokość treści. Chętnie poznam twoje przemyślenia. Dzięki!

        Reply

  44. Gratulacje z okazji nowego przeprojektowania i dziękuję za przemyślane zmiany. Naprawdę nie mogę się doczekać eksploracji strony!

    Reply

  46. Projekt wygląda ładnie.
    Ale podczas przewijania artykułu brakuje mi paska bocznego. Wygląda na to, że mamy dużo miejsca.

    Reply

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.

Copyright © 2009 - 2025 WPBeginner LLC. Wszelkie prawa zastrzeżone. WPBeginner® jest zarejestrowanym znakiem towarowym.

Zarządzane przez Awesome Motive | Hosting WordPress przez SiteGround

Znak towarowy WordPress® jest własnością intelektualną WordPress Foundation. Użycie nazw WordPress® na tej stronie służy wyłącznie celom identyfikacyjnym i nie oznacza poparcia ze strony WordPress Foundation. WPBeginner nie jest popierany ani własnością WordPress Foundation, ani z nią powiązany.

Potrzebuję pomocy z...

Popularne wyszukiwania:

Rozpoczęcie bloga WordPress SEO Wydajność WordPressa Błędy WordPress Bezpieczeństwo WordPress Budowanie sklepu internetowego