Zakładanie strony internetowej – poradnik krok po kroku [1/3]
Jak założyć stronę internetową – własną stronę internetową możemy założyć przy pomocy hostingu, domeny oraz 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:
- KRU
- NAZWA.PL
- HOSTINGUJ
- DHOSTING + REDIS
- ZENBOX
- HOSTIDO + REDIS
- WEBD + REDIS
- KYLOS & LH
- MYDEVIL + REDIS
- 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 80 zł za domenę. Najtańsze hostingi w kru wychodzą 89 zł netto za rok.
Najlepsze hostingi oraz relatywnie tanie 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Ę.
Na tym etapie szukamy odpowiedniej nazwy naszej domeny oraz wybieramy rozszerzenie TLD. Potwierdzamy przyciskiem wyszukaj.
Jeżeli wybrana domena jest dostępna, dodajemy ją do koszyka i zostajemy przeniesieni do kolejnego etapu.
Otrzymamy komunikat, że nie wybraliśmy hostingu. Możemy kliknąć na zaznaczony odnośnik.
Ale lepiej od razu przejść na zakładkę HOSTING -> HOSTING WORDPRESS. Lub Hosting biznes dla początkujących, koszt 35 zł za Cloud Mikro.
Gdzie wybieramy odpowiadający nam plan hostingowy. Bez obaw, nawet najtańszy plan oferuję znakomitą wydajność, chodzi tu przede wszystkim o pojemność naszego hostingu.
Po wybraniu odpowiedniego planu hostingowego, możemy kontynuować z wcześniej wybraną domeną.
Przechodząc do podsumowania naszego zamówienia
Na koniec będziemy musieli założyć konto i sfinalizować transakcję.
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.
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.
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.
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.
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.
wpDiscuz