Jak przeprowadzić migrację z Webflow do WordPress (krok po kroku)

Wielu użytkowników chce teraz odejść od Webflow ze względu na jego wysokie koszty i ograniczoną elastyczność dla właścicieli witryn internetowych.

Migracja z Webflow do WordPress może wydawać się skomplikowana, ale jest tego warta. WordPress jest elastyczny, bardziej przystępny cenowo i oferuje wiele opcji konfiguratora dzięki wtyczkom i motywom (nie wymaga kodowania). WordPress daje ci również pełną kontrolę nad twoją witryną.

Ponieważ przejście z Webflow na WordPress nie jest super proste, przeszliśmy przez cały proces, aby ci pomóc. W tym przewodniku pomożemy ci przenieść twoją witrynę, krok po kroku.

Dowiesz się, jak skonfigurować WordPress i przenieść twoje treści z Webflow. Naszym celem jest, aby zmiana była tak łatwa i płynna, jak to tylko możliwe.

Oto krótki przegląd kroków, które należy wykonać, aby przenieść twoją witrynę z Webflow do WordPress:

Dlaczego warto migrować z Webflow do WordPress?

Wielu użytkowników wybiera Webflow ze względu na łatwe w użyciu narzędzia do projektowania i proste tworzenie witryn internetowych.

Szybko jednak zdali sobie sprawę z ograniczeń Webflow. Jest to zamknięta platforma z mniejszą liczbą własnych konfiguratorów, ograniczonymi integracjami i drapieżnymi cenami.

Dlatego zalecamy, aby użytkownicy unikali Webflow i zamiast tego korzystali z WordPress.

Używaliśmy i testowaliśmy wszystkie najlepsze kreatory witryn internetowych i żaden z nich nie może się równać z WordPressem. Obsługuje on ponad 43% wszystkich witryn internetowych, w tym wiele znanych marek.

Oto tylko kilka rzeczy, które sprawiają, że WordPress jest znacznie lepszym wyborem niż Webflow:

• Opłacalność: Dla WordPressa dostępnych jest wiele niedrogich opcji hostingu. Jest to darmowa platforma o otwartym kodzie źródłowym, która pozwala kontrolować twoje koszty.
• Konfigurator własny: Ma doskonałe kreatory stron bez kodu, tysiące motywów (szablonów projektów) i wiele wtyczek (59 000+). Narzędzia te razem dają nieograniczone możliwości konfiguratora.
• Integracje: Jako najpopularniejszy kreator witryn internetowych, WordPress posiada integracje z większością narzędzi innych firm. Będziesz mógł korzystać z dowolnego narzędzia marketingowego, e-handlu lub rozwoju w twojej witrynie.
• Skalowalność: Uaktualniaj plany hostingowe w miarę rozwoju Twojej witryny i płać tylko za potrzebne zasoby.

Przejście na WordPress daje większą kontrolę i lepsze opcje. Zarządzanie twoją witryną będzie łatwiejsze, a w dłuższej perspektywie zaoszczędzisz pieniądze.

Przyjrzyjmy się krokom, które sprawią, że przejście to będzie płynne i udane.

Krok 1: Zarejestruj się w WordPress Hosting

Aby rozpocząć migrację, potrzebny będzie dostawca hostingu WordPress. Dobry dostawca hostingu zapewni, że twoja witryna internetowa będzie działać płynnie i będzie w stanie obsłużyć ruch.

Zalecamy korzystanie z Bluehost, oficjalnego dostawcy hostingu rekomendowanego przez WordPress. Bluehost oferuje obecnie naszym użytkownikom darmową nazwę domeny i ogromną zniżkę na hosting.

Ceny zaczynają się od 1,99 USD/miesiąc, co sprawia, że jest to przystępny cenowo i niezawodny wybór.

Alternatywy: Jeśli chcesz skorzystać z innych opcji, rozważ Hostinger lub SiteGround. Oba są dobrze oceniane i oferują doskonałą wydajność.

Na potrzeby tego poradnika pokażemy zrzuty ekranu z Bluehost. Jednak podstawowy proces jest podobny dla wszystkich najlepszych dostawców hostingu WordPress.

Przejdź do witryny internetowej Bluehost i kliknij przycisk „Rozpocznij teraz”.

Zostanie wyświetlona strona z cennikiem i prośbą o wybranie planu.

Plan podstawowy jest odpowiedni dla większości witryn internetowych.

Kliknij „Wybierz”, aby wybrać plan i kontynuować.

W następnym kroku Bluehost poprosi cię o wybranie twojej domeny.

Jeśli masz już własną domenę, której użyłeś dla swojej witryny internetowej Webflow, możesz ją wpisz w polu „Użyj domeny, którą posiadasz”.

Alternatywnie, możesz wybrać twoją darmową nazwę domeny tutaj lub kliknąć „Utworzę moją domenę później”, aby pominąć ten krok.

Następnie podaj swoje dane osobowe i szczegóły płatności, aby sfinalizować zakup.

Bluehost wyśle Ci teraz e-mail z Twoimi danymi logowania. Możesz użyć tych danych, aby logować się do kokpitu twojego konta hostingowego.

Po pierwszym zalogowaniu Bluehost automatycznie zainstaluje WordPress. Kliknij przycisk „Edytuj witrynę”, aby uruchomić kokpit WordPress.

Potrzebujesz pomocy w instalacji WordPressa? Zobacz nasz kompletny poradnik instalacji WordPressa, aby uzyskać szczegółowe instrukcje krok po kroku.

Teraz, gdy zainstalowałeś WordPressa, następnym krokiem jest wybór motywu (szablonu graficznego) dla twojej witryny internetowej.

Krok 2: Wybór motywu WordPress

Po zainstalowaniu WordPressa, następnym krokiem jest wybór motywu dla twojej witryny internetowej. Będzie on kontrolował wygląd i styl twojej witryny.

Dostępne są tysiące płatnych i bezpłatnych motywów WordPress.

Jednak nowi użytkownicy mogą czuć się przytłoczeni wieloma możliwościami wyboru. Aby pomóc w wyborze idealnego motywu, nasz zespół przygotował listę najpopularniejszych motywów WordPress.

Zalecamy wybór prostego układu z dużą ilością białej przestrzeni. Bazując na naszym doświadczeniu w tworzeniu witryn internetowych dla naszych firm, stwierdziliśmy, że czyste, minimalistyczne układy wyglądają bardziej profesjonalnie i są bardziej przyjazne dla użytkownika.

Nie zastanawiaj się zbyt długo nad twoim wyborem. Zawsze możesz zmienić twój motyw WordPress, jeśli znajdziesz lepszy.

W dalszej części tego artykułu omówimy projektowanie stron w WordPress przy użyciu no-code page builderów. Da ci to jeszcze większą kontrolę nad wyglądem twojej witryny.

Na razie zacznijmy eksportować dane z Webflow, aby móc importować je do twojej nowej witryny WordPress.

Krok 3: Eksport twojej witryny internetowej Webflow

Chociaż Webflow umożliwia eksportowanie niektórych treści, nie można wyeksportować ich wszystkich.

Oto, co można wyeksportować:

• Eksport witryny obejmuje HTML, CSS, JS i obrazki/media (tylko w przypadku planów Workspace).
• Eksportuj komponenty CMS, takie jak wpisy na blogach.

Eksportowanie witryny internetowej Webflow

Nie można importować stron Webflow bezpośrednio do twojej witryny internetowej WordPress. Możesz jednak zapisać swoją witrynę internetową przed przeniesieniem treści do WordPress.

Jeśli korzystasz z planu Webflow Workspace, możesz użyć funkcji Code Export, aby wyeksportować twoją witrynę internetową i zapisać ją na komputerze.

Zaloguj się na swoje konto Webflow i uruchom narzędzie Designer.

Zostaniesz teraz wpisz Webflow Designer UI.

Przesuń swój kursor myszy do prawego górnego rogu ekranu i kliknij przycisk „Eksportuj kod”.

Spowoduje to otwarcie okna podręcznego Eksportuj kod.

W dolnej części wyskakującego okienka należy kliknąć przycisk „Przygotuj ZIP”, aby kontynuować.

Webflow przygotuje wtedy twoje pliki, które będziesz mógł pobrać na swój komputer.

Uwaga: Jeśli nie korzystasz z planu Workspace, będziesz musiał ręcznie zapisać swoje strony na komputerze. Alternatywnie możesz użyć kopiarki witryn HTTrack, aby przeszukać twoją witrynę internetową i pobrać wszystkie strony na komputer.

Krok 4: Eksport twoich wpisów na blogu

Webflow pozwala eksportować komponenty CMS, takie jak wpisy na blogach, które można importować do WordPressa.

Wewnątrz kreatora Webflow przejdź do karty „CMS” (znajdującej się na lewym pasku narzędzi) i kliknij „Wpisy na blogu”.

Następnie należy kliknąć przycisk „Eksportuj” u góry, aby pobrać twoje wpisy z bloga w formacie CSV.

Krok 5: Odtworzenie stron Webflow w WordPressie

Teraz, gdy twoja treść Webflow jest już zapisana na komputerze, możesz zacząć przenosić ją na swoją nową witrynę internetową WordPress.

Chociaż nie można importować poszczególnych stron z Webflow bezpośrednio do twojej witryny internetowej WordPress, można je łatwo odtworzyć.

Aby to zrobić, będziesz potrzebował narzędzia do tworzenia stron bez pisania kodu, takiego jak SeedProd. Jest to narzędzie do projektowania typu „przeciągnij i upuść”, które pozwala tworzyć wspaniałe strony internetowe bez pisania jakiegokolwiek kodu.

Najpierw należy zainstalować i włączyć wtyczkę SeedProd. Aby uzyskać szczegółowe informacje, zapoznaj się z naszym poradnikiem na temat instalacji wtyczki WordPress.

Po włączaniu wtyczki, przejdź do SeedProd ” Landing Pages w obszarze administracyjnym WordPress i kliknij przycisk „Utwórz nową stronę docelową”.

Następnie zostaniesz poproszony o wybranie szablonu.

SeedProd zawiera kilka 1111 pięknych szablonów. Powinieneś wybrać taki, który przypomina strony, które chcesz odtworzyć.

Następnie podaj nazwę twojej strony i wybierz uproszczoną nazwę adresu URL.

Zalecamy użycie tej samej uproszczonej nazwy URL, co strona w Webflow. Pozwoli to na utrzymanie twojego ruchu w wyszukiwarkach i rankingach SEO.

Kliknij „Zapisz i rozpocznij edycję strony”, aby kontynuować.

Spowoduje to przejście do interfejsu kreatora stron SeedProd. Za pomocą twojej myszki możesz przesunąć się w dowolne miejsce na ekranie, kliknąć element i rozpocząć jego edycję.

Możesz także utworzyć nowe elementy z lewej kolumny, przeciągając je i upuszczając w miejscu, w którym chcesz je wyświetlić.

SeedProd sprawia, że bardzo łatwo jest zaprojektować dowolną stronę. Możesz zmieniać układy, używać własnych kolorów, dodawać swoje logo i nie tylko.

Aby uzyskać więcej szczegółów, zapoznaj się z naszym poradnikiem na temat tworzenia strony docelowej w WordPressie.

Chcesz wypróbować inny kreator stron? Wypróbuj Thrive Architect, kolejny doskonały bezkodowy kreator stron dla WordPress.

Krok 6: Importowanie wpisów z bloga do WordPressa

Na szczęście importowanie wpisów z bloga z Webflow do WordPressa jest nieco prostsze.

Będziesz musiał zainstalować i włączyć wtyczkę WP All Import. Po włączaniu przejdź do strony All Import ” New Import w obszarze administracyjnym WordPress.

Kliknij opcję „Prześlij plik” i wybierz pobrany wcześniej plik CSV.

Wtyczka automatycznie wykryje typ treści (wpisy) i wybierze go za Ciebie.

Kliknij przycisk „Przejdź do kroku 2”, aby przejść do następnego kroku.

Wtyczka wyświetli podgląd danych w pliku. Kliknij „Kontynuuj”, aby przejść do następnego kroku.

Teraz zostaniesz poproszony o zmapowanie pól do pól wpisów WordPress. Możesz na przykład przeciągnąć pole nazwy do pola tytułu wpisu WordPress.

Po dopasowaniu pól do odpowiednich obszarów w WordPress, wystarczy kliknąć przycisk „Przejdź do kroku 4”.

Następnie musisz zdefiniować unikatowy identyfikator dla twoich wpisów. Użyj przycisku „Autowykrywanie”, aby wygenerować identyfikator. Jest on używany wewnętrznie przez WordPress i nie będzie wyświetlany na twojej witrynie internetowej.

Na koniec kliknij „Confirm & Run Import”, aby zakończyć proces.

Wtyczka powiadomi użytkownika po zakończeniu importowania.

Krok 7: Importowanie obrazków

WP All Import nie będzie automatycznie importować twoich obrazków z Webflow do WordPress.

Twoja witryna nadal będzie wyświetlać obrazki hostowane w witrynie Webflow, co stanie się problemem, gdy witryna Webflow zostanie usunięta.

Na szczęście istnieje łatwy sposób na importowanie zewnętrznych obrazków do biblioteki multimediów WordPress za pomocą wtyczki.

Najpierw należy zainstalować i włączyć wtyczkę Auto Upload Images.

Po włączaniu przejdź do strony Wpisy ” Wszystkie wpisy. Zaznacz wszystkie twoje wpisy na blogu i wybierz opcję „Edytuj” w rozwijanym menu „Działania zbiorcze”.

Kliknij przycisk „Zastosuj”, aby kontynuować.

WordPress wyświetli opcję szybkiej aktualizacji dla wszystkich wpisów. Wystarczy kliknąć przycisk „Aktualizuj”, a WordPress zaktualizuje wszystkie twoje wpisy na blogu bez wprowadzania w nich żadnych zmian.

Spowoduje to uruchomienie funkcji przesyłania, a wtyczka będzie importować wszelkie zewnętrzne obrazki znalezione w twoich wpisach na blogu do biblioteki multimediów.

Więcej szczegółów można znaleźć w naszym poradniku na temat łatwego importowania zewnętrznych obrazków w WordPress.

Krok 8: Zmiana ustawień nazwy domeny

Jeśli korzystałeś z własnej nazwy domeny na starej witrynie Webflow, możesz teraz wskazać ją na nowej witrynie WordPress.

Aby to zrobić, musisz zmienić ustawienia serwera nazw twojej domeny. Ustawienia DNS lub serwera nazw domeny wskazują nazwę Twojej domeny dostawcy hostingu.

Twój dostawca hostingu WordPress dostarczy Ci informacje o serwerach nazw, których musisz użyć. Zazwyczaj wygląda to następująco:

• ns1.bluehost.com
• ns2. bluehost.com
• ns3. bluehost.com

Więcej szczegółów można znaleźć w naszym poradniku na temat zmiany serwerów nazw domen.

Krok 9: Konfiguracja bezpośrednich odnośników

WordPress pozwala wybrać przyjazną dla SEO strukturę adresów URL dla twojej witryny internetowej poprzez zmianę bezpośrednich odnośników.

Musisz dopasować bezpośrednie odnośniki WordPress do tej samej struktury adresów URL, którą miałeś na starej witrynie internetowej Webflow.

Aby to zrobić, przejdź do strony Ustawienia ” Bezpośrednie odnośniki w obszarze administracyjnym WordPress.

Będziesz musiał wybrać opcję Nazwa wpisu, aby dopasować twoje adresy URL do struktury adresów URL Webflow.

Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zaktualizować twoje ustawienia bezpośredniego odnośnika.

Krok 10: Zainstaluj niezbędne wtyczki WordPress

Teraz, gdy zaimportowałeś twoje treści do witryny internetowej, następnym krokiem jest zainstalowanie kilku niezbędnych wtyczek WordPress.

Wtyczki są jak aplikacje dla twojej witryny internetowej WordPress. Podobnie jak aplikacje w twoim telefonie, wtyczki utwórz nowe funkcje i funkcjonalność witryny internetowej WordPress.

Poniżej znajdują się niektóre z najpopularniejszych wtyczek WordPress, które dodają niezbędne funkcje do nowej witryny internetowej WordPress:

• WPForms – Umożliwia dodawanie formularzy kontaktowych do twojej witryny internetowej WordPress.
• All in One SEO dla WordPress: Najbardziej wszechstronny zestaw narzędzi SEO dla WordPress. Pomoże ci uzyskać więcej darmowego ruchu z wyszukiwarek.
• Duplicator: Umożliwia skonfigurowanie automatycznych kopii zapasowych dla WordPress. Możesz także automatycznie przesyłać te kopie zapasowe do chmury i przywracać je jednym kliknięciem, jeśli zajdzie taka potrzeba.
• MonsterInsights: Pomaga łatwo zainstalować Google Analytics w WordPress i pokazuje łatwe do zrozumienia raporty o ruchu w witrynie internetowej bezpośrednio w twoim kokpicie.
• PushEngage: Chcesz wysyłać natychmiastowe powiadomienia do użytkowników na urządzeniach mobilnych i stacjonarnych? PushEngage to najlepsza usługa powiadomień push na rynku, która pomaga przyciągnąć odwiedzających witrynę internetową, zwiększyć liczbę odsłon i zwiększyć konwersje.

Potrzebujesz więcej narzędzi i wskazówek, aby rozwinąć swoją nową witrynę internetową WordPress? Zobacz naszą pełną listę niezbędnych wtyczek WordPress dla wszystkich rodzajów witryn internetowych.

Nauka WordPressa (darmowe zasoby)

WordPress jest dość łatwy w użyciu, ale czasami możesz potrzebować niewielkiej pomocy w poruszaniu się po nim.

Oto kilka zasobów edukacyjnych, które pomogą ci szybko zapoznać się z WordPressem:

• Kursy szkoleniowe WordPress: Darmowe filmy szkoleniowe WordPress przeznaczone dla początkujących. Zalecamy rozpoczęcie od WordPress 101, który zawiera 33 lekcje obejmujące podstawy WordPress dla nowych użytkowników.
• WPBeginner na YouTube: Nasz kanał YouTube ma ponad 931 filmów i 972 000 subskrybentów. Oferuje on szczegółowe filmy instruktażowe, porady i wskazówki oraz praktyczne porady dotyczące rozwijania twojego biznesu za pomocą WordPressa.
• Centrum Rozwiązań WPBeginner: Zastanawiasz się, której wtyczki lub narzędzia użyć? Nasze Centrum Rozwiązań to wyselekcjonowana kolekcja najlepszych narzędzi i wtyczek WordPress, dokładnie przetestowanych i sprawdzonych przez nasz zespół.
• Słowniczek WordPress: Słownik popularnych taksonomii WordPress wyjaśnionych dla początkujących. Jest to idealne miejsce dla początkujących użytkowników WordPressa, aby zacząć i zapoznać się z WordPressowym żargonem.

Potrzebujesz pomocy w konkretnym temacie WordPress? Po prostu wpisz twój rodzaj pytania w Google i dodaj „WPBeginner” na końcu.

Od ponad 15 lat publikujemy zasoby, samouczki i poradniki dotyczące WordPressa. Istnieje duża szansa, że mamy już poradnik krok po kroku na ten temat.

Alternatywa: Uzyskaj profesjonalną pomoc przy migracji Webflow

Webflow to zamknięta, zastrzeżona platforma, która wcale nie ułatwia migracji twojej witryny internetowej do WordPressa.

Podążanie za krokami w naszym poradniku powyżej może być czasochłonne i stresujące dla początkujących. Nawet po wykonaniu tych kroków może się okazać, że nie jesteś w stanie przenieść wszystkich swoich danych do WordPressa.

Prostszym rozwiązaniem byłoby skorzystanie z profesjonalnej pomocy WordPress przy migracji.

Możesz zatrudnić profesjonalnych programistów WordPress i omówić twoje wymagania. Następnie możesz zapłacić im za godzinę, aby rozwiązać twój problem z migracją.

Możesz na przykład wybrać nasze usługi pomocy technicznej WordPress Premium i skontaktować się z naszymi programistami w celu uzyskania pomocy w migracji na żądanie.

Oferujemy również usługę szybkiego uruchomienia witryny, w ramach której projektujemy całkowicie własną i atrakcyjną witrynę internetową WordPress, która odpowiada Twoim potrzebom. Następnie możesz zakupić dodatek dev hours, a nasz zespół może również zająć się migracją twojego Webflow.

Jeśli masz jakiekolwiek pytania dotyczące tych usług, możesz po prostu porozmawiać z naszym agentem pomocy technicznej na naszej stronie Usługi projektowania witryn internetowych.

Mamy nadzieję, że ten artykuł pomógł ci w migracji z Webflow do WordPress. Możesz również zapoznać się z naszym poradnikiem na temat tego, jak zwiększyć ruch na twojej witrynie WordPress lub sprawdzić różne sposoby zarabiania pieniędzy online za pomocą WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.