zakladanie strony internetowej poradnik krok po krokuAsset 2 zakladanie strony internetowej tworzenie stron internetowych wordpress strony internetowe
/ / Zakładanie strony internetowej – poradnik krok po kroku [1/3]

Zakładanie strony internetowej – poradnik krok po kroku [1/3]

Zakładanie strony internetowej nie jest trudne. Własną stronę internetową możemy założyć za pomocą WordPressa. Jest to najpopularniejszy system zarządzania treścią na świecie. W pewnym sensie jest to również kreator stron, od niedawna. Po wprowadzeniu systemu „drag&drop” Gutenberg, możemy tworzyć strony przy pomocy kursora oraz tzw. bloczków, czyli elementów strony internetowej – zdjęcia, tekst, nagłówki, filmy itd.

Rozpocząć przygodę z WordPressem możemy podobnie jak w przypadku kreatorów stron w mocno okrojonej, ale darmowej wersji, gdzie nie mamy praktycznie żadnej kontroli nad naszą stroną lub…

…korzystając z wersji Open-Source WordPressa, która jest zarazem darmowa. Z faktu, że będziemy mieć całkowitą kontrolę nad naszą stroną internetową WordPress, będziemy musieli również ponieść koszta w postaci hostingu oraz domeny. Ten drugi sposób jest bardziej preferowany, zwłaszcza, że ceny najtańszych hostingów zaczynają się od 35 zł za rok.

Jest to nowa seria poradników zakładania strony internetowej. Stara, mocno chaotyczna wersja została zarchiwizowana, dostępna w postaci PDF pod tym adresem.

Hosting WordPress i Domena

Sam używam WordPressa we wszystkich moich projektach, więc stwierdziłem, że muszę mieć najlepszy hosting WordPress jaki jest. Aby zaspokoić moją ciekawość i pedantyczność, musiałem sprawdzić wszystkie najpopularniejsze hostingi dostępne w Polsce. Wykonałem szereg zaawansowanych testów, wszystko opisałem na stronie hostranker.pl. Ranking hostingów WordPress przedstawia się następująco:

  1. KRU
  2. NAZWA.PL
  3. HOSTINGUJ
  4. DHOSTING + REDIS
  5. ZENBOX
  6. HOSTIDO + REDIS
  7. WEBD + REDIS
  8. KYLOS & LH
  9. MYDEVIL + REDIS
  10. SEOHOST

Jedyne czego nam teraz brakuje, to domena. Za domenę płaci się co roku, tak samo jak za hosting. Pierwszy rok przeważanie kosztuje 10 zł, przedłużenie na każdy kolejny rok, około 50 zł za domenę. Najtańsze hostingi w kru wychodzą 29 zł netto za rok.
Najlepsze hostingi oraz najtańsze domeny posiada kru.pl. I na podstawie tego hostingu zobaczycie jak wygląda zakładanie strony internetowej krok po kroku.

Zakładanie strony internetowej

Przejdź na stronę KRU.
Z górnego menu wybieramy zakładkę DOMENY, a następnie ZAREJESTRUJ DOMENĘ.

Poradnik-kru-jak-stworzyc-swoja-strone-internetowa-rejestracja-domeny-w-kru-krok-po-kroku-poradnik-wordpress

Na tym etapie szukamy odpowiedniej nazwy naszej domeny oraz wybieramy rozszerzenie TLD. Potwierdzamy przyciskiem wyszukaj.

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 2

Jeżeli wybrana domena jest dostępna, dodajemy ją do koszyka i zostajemy przeniesieni do kolejnego etapu.

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 3 dodawanie do koszyka

Otrzymamy komunikat, że nie wybraliśmy hostingu. Możemy kliknąć na zaznaczony odnośnik.

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 4 dodawanie hostingu do koszyka

Ale lepiej od razu przejść na zakładkę HOSTING -> HOSTING WORDPRESS. Lub Hosting biznes dla początkujących, koszt 35 zł za Cloud Mikro.

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 5 dodawanie hostingu do koszyka

Gdzie wybieramy odpowiadający nam plan hostingowy. Bez obaw, nawet najtańszy plan oferuję znakomitą wydajność, chodzi tu przede wszystkim o pojemność naszego hostingu.

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 6 wybor hostingu

Po wybraniu odpowiedniego planu hostingowego, możemy kontynuować z wcześniej wybraną domeną.

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 7 wybor domeny

Przechodząc do podsumowania naszego zamówienia

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 8 finalizacja

Na koniec będziemy musieli założyć konto i sfinalizować transakcję.

Poradnik kru jak stworzyc swoja strone internetowa - rejestracja domeny w kru - krok po kroku poradnik wordpress - krok 9 platnosc

Po wykonaniu powyższej instrukcji, Wasza strona internetowa zostanie zainstalowana na wykupionym hostingu. Instancja WordPress będzie automatycznie uruchomiona, na Waszego meila trafią dane do logowania do panelu administracyjnego. W tym miejscu możemy poklepać się po ramieniu, gdyż proces zakładania strony internetowej został zakończony.
Po wpisaniu adresu wykupionej domeny w przeglądarce, pojawi się domyślna strona internetowa WordPressa.
Co tak naprawdę będziemy musieli teraz zrobić, to edytować naszą stronę WWW dopóki nie będzie wyglądać tak jak ją sobie wyobrażaliśmy. Jest to jeden z wielu procesów w drodze do stworzenia naszej strony internetowej.
Ale o tym trochę później, najpierw dowiemy się jak zrobić swoją stronę internetową za pomocą gotowych szablonów.

Protokół HTTPS/ Certyfikat SSL

Przed rozpoczęciem kolejnego etapu tworzenia stron internetowych warto zadbać o bezpieczeństwo. Na hostingach kru, certyfikaty SSL są generowane za darmo, trzeba tylko poklikać w kilku miejscach, a nasza strona internetowa będzie zabezpieczona. Instrukcja instalacji certyfikatu SSL poniżej.

jak-stworzyc-swoja-strone-internetowa-krok-2-hosting-KRU-instalowanie-certyfikatu-SSL-lets-encrypt-kru
jak-stworzyc-swoja-strone-internetowa-krok-2-hosting-KRU-instalowanie-certyfikatu-SSL
jak-stworzyc-swoja-strone-internetowa-krok-2-hosting-KRU-instalowanie-certyfikatu-SSL-lets-encrypt

WordPress – panel administracyjny

Po ukończeniu procesu zakładania strony internetowej oraz instalacji certyfikatu SSL, możemy wreszcie zajrzeć do naszego kokpitu. Po zalogowaniu się do panelu WordPress, przywita nas ten oto widok.

jak-stworzyc-swoja-strone-internetowa-krok-2-hosting-linuxpl-panel-administratora-wordpress2

Zmiana motywu graficznego WordPress

Pierwsza czynność, którą wykonamy po zalogowaniu do panelu, to zmiana motywu graficznego. W tym celu musimy kliknąć na „Wygląd”, a następnie „Motywy”. Następnym krokiem będzie przycisk „Dodaj nowy” u góry ekranu. Po wczytaniu dostępnych do wyboru szablonów, możemy rozpocząć instalawacje motywu na naszej stronie. Ale zanim weźmiesz pierwszy, lepszy motyw, sprawdź moją rekomendacje poniżej.

jak-stworzyc-swoja-strone-internetowa-krok-3-panel-administratora-zmiana-szablonu-motywu-graficznego
jak-stworzyc-swoja-strone-internetowa-krok-3-panel-administratora-zmiana-szablonu-motywu-graficznego2
jak-stworzyc-swoja-strone-internetowa-krok-3-panel-administratora-zmiana-szablonu-motywu-graficznego4

Motyw Kadence

Osobiście, bardzo mocno polecam motyw Kadence, który podbija internet i to nie bez powodu. Jest bardzo dobrze napisany, jeżeli chodzi o kod, co przekłada się na wysokie noty w testach Google PageSpeed. Prezentuje się również bardzo schludnie i atrakcyjnie, o czym się przekonacie sami.
Jeżeli jeszcze nie wybraliście swojego motywu graficznego, to na stronie z motywami, po prawej stronie znajduje się pole do wyszukiwania po nazwie konkretnych motywów. Wystarczy, że wpiszecie „kadence”, a pojawią się trzy szablony od twórców kadence, instalujemy i włączamy motyw Kadence.

jak-stworzyc-swoja-strone-internetowa-krok-3-panel-administratora-zmiana-szablonu-motywu-graficznego5

Zakładanie strony internetowej z WordPress

Po zainstalowaniu i włączeniu motywu Kadence, otrzymamy komunikat, aby zainstalować wtyczkę do importowania gotowych stron internetowych. Będzie to duży przycisk u góry naszego panelu „Install Kadence Starter Templates”.
Będziemy mogli w bardzo szybki sposób zrobić stronę internetową z gotowego szablonu przygotowanego przez twórców motywu Kadence. Instrukcja krok po kroku poniżej.

Po zainstalowaniu wtyczki do importowania szablonów, musimy wybrać tzw. Page builder, za pomocą którego będziemy tworzyć strony internetowe.
Jest to narzędzie, które w łatwy, wizualny sposób pomoże nam tworzyć własne strony internetowe, będziemy używać kursora i bloczków do robienia stron. Nie potrzebujemy zdolności kodowania, znajomości HTML, Java czy PHP.
Z doświadczenia mogę podpowiedzieć, że Gutenberg jest zauważalnie szybszy od Elementora, chodzi tu o szybkość renderowania i wyświetlania naszej strony. Ale jest za to dużo bardziej toporny, mniej intuicyjny, mniej przejrzysty. Ja wybrałem jednak szybkość strony i używam Gutenberga już wszędzie, idzie się do niego przyzwyczaić.

Następnym krokiem w założeniu strony internetowej jest wybór odpowiedniego lub nie, szablonu. Jest ich kilkanaście do wyboru. Jeżeli już znajdziemy ten wybrany, możemy przejść do kolejnego etapu.

W tym miejscu jesteśmy w stanie dokonać globalnych modyfikacji kolorów oraz czcionki, zmiany na stronie możemy od razu zobaczyć na podglądzie naszej strony po prawej stronie.
Z pozostałych opcji, możemy zaimportować pojedyncze podstrony z gotowego szablonu lub kompletną, całą stronę ze wszystkimi podstronami.

Jeżeli nasza nowa strona internetowa ma już dobraną czcionkę oraz kolor, możemy rozpocząć import. Otrzymamy również zapytanie o zapisanie się do newslettera Kadence, na dole jest też opcja bez rejestracji do newslettera.
Szablon zaimportuje nową stronę internetową oraz zainstaluje wymagane do poprawnego działania wtyczki, nie zamykajmy strony w przeglądarce, niech proces dobiegnie do końca.

No i proszę, nasza strona internetowa przed importem nie wyglądała zbyt ekscytująco. Czego nie można powiedzieć po zaimportowaniu.

Ale tworzenie stron internetowych, to nie..

..importowanie gotowców? Owszem, niczego tu nie stworzyliśmy, po prostu założyliśmy stronę internetową, wzięliśmy czyjąś pracę i podpisaliśmy się pod nią.
Zaimportowana strona internetowa jest w języku angielskim, wypadałoby potłumaczyć wszystko, w wielu miejscach jest też Lorem ipsum, które trzeba zastąpić normalną treścią. Więc jak widać, poza importem strony internetowej, czeka nas jeszcze dużo pracy.
W drugiej części poradnika przyjrzymy się WordPressowi i jak zacząć z nim prawdziwą przygodę.
Jeżeli coś jest nie jasne, proszę pytać w komentarzach, z chęcią pomogę.
Zostawcie również ocenę, będę wdzięczny.

5 2 ocen
Zostaw ocenę
Subscribe
Powiadom o
0 komentarzy
Inline Feedbacks
View all comments