Jak zrobić stronę internetową w WordPress krok po kroku w 30 minut (bez programowania)?

W tym artykule przygotowałem dla Ciebie instrukcję, w postaci wideo, z którego dowiesz się, w jaki sposób zbudować samodzielnie, bez żadnych umiejętności programistycznych czy graficznych swoją własną stronę internetową z wykorzystaniem WordPressa.

To będzie poradnik w stylu DIY. Podwiń więc rękawy, bo czeka nas konkretna robota do wykonania :) Pokażę Ci, jak krok po kroku wykonać wszystko po kolei, aby w efekcie otrzymać kompletną stronę www Twojej firmy.

Dlaczego samodzielnie tworzyć stronę www na WordPress? 

Dlaczego to pokazuję? Przecież na co dzień ja ze swoją firmą, jak i inne firmy tworzą strony internetowe dla swoich Klientów za pieniądze. Zarabiają na tym, aby utrzymać siebie i swoją rodzinę.

Po pierwsze chcę Ci pokazać, że własną stronę możesz zbudować swoimi rękoma w niecałe pół godziny. I nie wydasz na to 3000 zł. Cały koszt, jaki musisz ponieść to zaledwie kilkadziesiąt złotych. Dodatkowym wydatkiem będzie oczywiście Twój czas. Można więc łatwo policzyć, że na całej tej transakcji dość szybko zarobisz oszczędzisz, a następnie zarobisz pozyskując dzięki stronie klientów! Nieźle :)

Dodatkowo zrobisz to wszystko tak, jak Tobie się podoba. Zobaczysz, że WordPress daje mnóstwo opcji na skonfigurowanie Twojej strony. Poza tym jest to otwarty system, dzięki czemu w każdym momencie możesz zatrudnić specjalistę od tworzenia stron www, jeśli z czymś sobie nie poradzisz.

To dużo lepsze rozwiązanie od kupowania stron w postaci konfiguratorów, jakie oferują nazwa.pl, home.pl, Wix i inne. Ich systemy są zamknięte i wprowadzenie zmian, o których myślisz może się okazać niemożliwe.

Strona www na WordPress krok po kroku (wersja video)

Ok, koniec tego wstępu, czas na zabranie się do pracy. Dlatego zapraszam Cię do obejrzenia poniżej umieszczonego wideo :)

UWAGA! Wszystkie linki, jakie podaję w wideo, zostały wklejone poniżej – tuż pod nim.

Linki, które wymieniam w wideo:

• Ranking hostingu: https://www.gwiazdyhostingu.pl
• Serwer (hosting) i domena: www.pawelkepa.pl/hosting
• Szablon: www.pawelkepa.pl/kopia

Jak widzisz wykonanie strony na początek nie jest takie trudne.

Strona www na WordPress krok po kroku (wersja tekstowa)

Poniżej znajdziesz jeszcze wersję tekstową instrukcji.

Jaki hosting pod stronę na WordPress?

[fragment video od 01:50]

Budowa każdej strony www zaczyna się od hostingu. Często mówi się też, że jest to serwer strony. Tak jak do budowy domu potrzebna jest działka, tak do budowy strony potrzebny jest właśnie hosting.

Wybór hostingu dla kogoś kto się na tym nie zna może być trudnym zadaniem. Dlatego kilka lat temu postanowiłem stworzyć ranking hostingu pod potrzeby stron internetowych dla małych i średnich firm. Ten ranking aktualizowany jest każdego miesiąca.

Sprawdzam szybkość i wydajność tych serwerów, porównuję ich ofertę oraz cennik, a także opinie klientów, obsługę i łatwość użytkowania.

Aby nie powtarzać tu wszystkiego tego, co raz już szczegółowo napisałem… Jeśli chcesz dowiedzieć się więcej i porównać serwery szczegółowo samodzielnie - odsyłam Cię do wspomnianego rankingu.

Znajdziesz go pod adresem www.gwiazdyhostingu.pl

Zakup serwera hostingowego i domeny

[fragment video od 04:20]

Do stworzenia swojej nowej strony wybrałem najlepszy hosting z rankingu, o którym mówiłem powyżej. Jest to hosting firmy LH.pl.

W tym samym miejscu można kupić też domenę, czyli adres pod jakim znajdzie się Twoja strona. Zakupy odbywają się dokładnie tak samo jak w przypadku każdego innego sklepu internetowego. Na początek dodaję do koszyka wybrany pakiet hostingowy.

Kolejny krok to wybór domeny. Możesz to zrobić bezpośrednio w koszyku. W odpowiednim polu (screen poniżej) wpisz adres domeny, który byłby dla Ciebie najlepszy.

W ten sposób sprawdzisz czy taka domena jest wolna czy już ktoś ją posiada. Jeśli domena jest zajęta trzeba poszukać jakiejś alternatywy. Jeśli taka sytuacja się zdarzy od razu otrzymasz sugestie innych - podobnych domen, które są wolne.

W koszyku widzisz też sugestię zakupu certyfikatu SSL. Nie rób tego teraz. Po zakupie serwera hostingowego i tak otrzymasz taki certyfikat za darmo.

Aby przejść dalej kliknij teraz przycisk “Do kasy” (jak na obrazku powyżej).

W kolejnym kroku możesz wpisać kod rabatowy, który obniży Twój rachunek o 20% (screen poniżej). A kod, którego możesz użyć to PK20.

Następny krok to prośba o założenie konta.

W ten sposób podasz operatorowi Twojego nowego serwera dane do kontaktu oraz do faktury.

Na tym formularzu warto też zaznaczyć zgodę na otrzymywanie informacji marketingowych od firmy LH. Oni bardzo często organizują ciekawe i wartościowe webinary - np. na temat promocji swojej strony www w internecie.

Po zaakceptowaniu i zatwierdzeniu zamówienia, otrzymasz SMS-em kod do aktywacji Twojego hostingu na podany wcześniej numer.

Na sam koniec wybierasz jeszcze sposób zapłaty za hosting i domenę. Do dyspozycji masz przelew online lub tradycyjny (screen poniżej).

Następnie zostaniesz przeniesiony do panelu zarządzania swoim serwerem hostingowym. Na górze widać komunikat na czerwonym tle z prośbą o aktywację tego hostingu.

Po kliknięciu przycisku “aktywuj hosting” zobaczysz kolejny ekran (screen poniżej) z miejscem na wpisanie swojego kodu aktywacyjnego, który przyszedł SMS-em. Po aktywacji możesz znów wrócić do panelu.

Po powrocie do panelu widzisz jeszcze jeden komunikat z prośbą o ostateczne opłacenie serwera (screen poniżej).

Wystarczy tylko zaznaczyć faktury, które chcesz opłacić, wybrać sposób płatności i dokonać zapłaty.

Gotowe! Serwer jest już opłacony.

Podpięcie domeny do hostingu

[fragment video od 09:02]

Aby strona internetowa mogła działać, musimy teraz przypisać adres do zakupionej działki (czyli domenę do serwera hostingowego). Brzmi to skomplikowanie, ale w tym panelu robi się to bardzo łatwo.

Z lewego menu wybierz pozycję “Domeny”. Następnie zobaczysz listę zakupionych wcześniej domen. Przy wybranej domenie kliknij przycisk “opcje”, a następnie “konfiguruj” (screen poniżej).

Na ekranie wyskoczy teraz okno konfiguracji (screen poniżej). Upewnij się, że w pierwszym polu wybrana jest opcja “obsługiwana przez mój serwer (domyślny)”, a następnie zapisz.

Teraz krok na dodanie strony www. Z lewego menu wybierz "serwery", a następnie "strony www" i kliknij przycisk "dodaj" (screen poniżej).

W oknie, które teraz wyskoczy (screen poniżej) zaznacz "domena" i wpisz adres swojej domeny. Resztę pozostaw tak jak na screenie poniżej.

Gotowe! Kolejny etap za nami - domena została przypisana do serwera.

Jak zainstalować darmowy certyfikat SSL?

[fragment video od 10:06]

Certyfikat SSL powoduje, że adres Twojej strony będzie zaczynał się od HTTPS, a nie od HTTP, a na pasku adresu pojawi się zamknięta kłódka (czasami jest ona zielona). Dla Twoich klientów będzie to oznaczać to, że bezpiecznie mogą korzystać z Twojej strony.

Instalacja certyfikatu jest bardzo prosta.

Z lewego menu (screen poniżej) wybierz pozycję “serwery”, a następnie “strony www”. Po prawej stronie zobaczysz listę swoich domen. Przy zakupionej domenie kliknij przycisk “opcje”, a następnie “włącz SSL”.

W okienku konfiguracji certyfikatu SSL (screen poniżej) zaznacz darmowy certyfikat “let`s encrypt”, a następnie kliknij przycisk “włącz”.

Gotowe - w tej chwili na liście swoich stron www w panelu widzisz już, że ma ona włączona SSL.

Jak zainstalować WordPressa?

[fragment video od 10:41]

To już kolejny punkt i po wszystkich przygotowaniach możemy w końcu przejść do instalacji WordPressa.

Aby przejść do instalacji z lewego menu wybierz pozycję “serwery”, a następnie “autoinstalator” (screen poniżej). Zobaczysz prośbę o utworzenie hasła do bazy danych. Baza jest potrzebna do prawidłowego działania strony.

Na kolejnym ekranie (screen poniżej) wystarczy kliknąć tylko “utwórz hasło”.

Wybierz opcję automatycznego wygenerowania hasła (screen poniżej).

Kiedy hasło jest już otworzone, ponownie z lewego menu wybierz pozycję “serwery”, a następnie “autoinstalator”. Na koniec kliknij przycisk “nowa” (screen poniżej).

Na ekranie pojawi się teraz okno szczegółów instalacji WordPressa (screen). Na początek wybierz aktualną wersję WordPressa i zaakceptuj licencję oraz wybierz domenę, na której zostanie zainstalowany.

W następnym kroku (screen poniżej) wpisz jeszcze nazwę swojej strony (firmy). Login administratora nadany jest losowo (dzięki temu strona jest bardziej odporna na ewentualne włamania). Upewnij się jeszcze, że adres email administratora jest prawidłowy i zatwierdź.

Gotowe! Kolejny etap za nami - WordPress został zainstalowany. Na ekranie widzisz podsumowanie oraz dostęp do panelu administracyjnego swojej strony. Te same dane przyszły też na Twojego maila (mogły trafić do spamu).

Uwaga! Twoja strona może być jeszcze niewidoczna, gdy teraz na nią wejdziesz. Dlaczego? Dzieje się tak, ponieważ serwery w internecie muszą się w tej chwili wymienić informacjami o tym, że powstała nowa domena, nowy serwer i nowa strona. U mnie trwało to kilkanaście minut.

Jak zainstalować szablon / motyw do WordPressa?

[fragment video od 14:20]

Tuż po instalacji WordPress nie wygląda zbyt pięknie. Ale od tego, by go upiększyć są szablony. I ja mam dla Ciebie taki szablon. Normalnie jest on płatny, a tutaj znajdziesz jego ofertę.

Tym razem, w ramach instrukcji, którą właśnie czytasz dam Ci ten szablon całkowicie za darmo. Możesz go pobrać z tej strony.

Za pomocą tego szablonu stworzone zostały m.in takie strony jak:

• Pralnia Hygea
• Klub Tenisowy Matchpoint
• Domy Modułowe Eco Haus

A jak zainstalować ten lub inny płatny szablon?

W panelu WordPressa (screen poniżej) z lewego menu wybierz pozycję “wygląd”, a następnie “motywy” i kliknij przycisk “wyślij motyw na serwer”. W następnym kroku wybierz plik szablonu (np. ten, który Ci przed chwilą udostępniłem) i zainstaluj.

Po zainstalowaniu zobaczysz odpowiedni komunikat z potwierdzeniem (screen poniżej). Wystarczy teraz włączyć szablon.

Teraz możesz dostosować szablon do własnych potrzeb. Każdy szablon, który wgrasz w ten sposób ma swoją instrukcję obsługi. Instrukcję do mojego szablonu dostaniesz mailem zaraz po pobraniu.

Wygląda ona mniej więcej tak jak na obrazku poniżej.

Znajdziesz tam wszystkie informacje, które są potrzebne do jego użytkowania, a wśród nich:

• jak zainstalować szablon;
• jak wgrać demo;
• jak dodać swoje logo;
• jak dodać slider;
• jak ustawić i edytować stronę główną;
• jak dodawać i usuwać zakładki z menu nawigacyjnego;
• jak zmienić kolorystykę strony;
• jak zmienić czcionki na stronie;
• jak dodać linki i ikony social mediów;
• jak dodać nową zakładkę;
• jak dodać nowy wpis na bloga;
• jak podpiąć kody Google Analytics, Piksel Facebook, Google Tag Manager i inne kody.

Co ważne, do wykonania wszystkich tych czynności nie są potrzebne żadne dodatkowe wtyczki jak jest to często w innych szablonach. Dzięki temu strona działa dużo szybciej.

Darmowe szablony do WordPressa

[fragment video od 19:17]

Możesz zbudować też stronę w oparciu o jeden z tysięcy darmowych motywów do WordPressa.

W panelu administracyjnym strony wystarczy przyjść do zakładki “wygląd”, następnie “motywy” i kliknąć przycisk “dodaj” (screen poniżej).

W tym miejscu możesz przeglądać i wybierać z wielu różnych gotowych darmowych szablonów.

Niektóre szablony wyglądają pięknie, ale… zazwyczaj tylko na obrazkach. Spójrz na jeden z przykładów (screen poniżej).

Po lewej stronie widzisz miniaturkę reklamową, która pokazuje jak może wyglądać ten szablon. A po prawej już w powiększeniu widzisz podgląd tego szablonu po zainstalowaniu. Widać różnicę, prawda?

Większość szablonów tak wygląda. Wersja darmowa jest bardzo uboga, a tuż po instalacji zobaczysz komunikat z zachętą do zakupu płatnej wersji, która już bardziej będzie przypominać reklamową miniaturkę.

Oczywiście można tu też znaleźć perełki, które pięknie wyglądają na miniaturkach i w rzeczywistości.

I to tyle ode mnie w tej dość długiej instrukcji. Życzę Ci powodzenia i zapraszam Cię jeszcze do obejrzenia nagrania video, które umieściłem na samej górze. Tam jest dużo więcej szczegółów, które będą pomocne podczas budowy Twojej strony.

A jeśli będziesz mieć pytania lub zechcesz, żebym to ja ostatecznie stworzył dla Ciebie stronę to odezwij się do mnie wysyłając maila na pawel@pawelkepa.pl.

Przeczytaj także:

• Jak założyć sklep internetowy krok po kroku bez programowania od podstaw?
• Lejek marketingowy – dlaczego warto go mieć w małej firmie
• Jak stworzyć darmowy landing page krok po kroku i oszczędzić 1000 zł?