Jak stworzyć stronę internetową w WordPressie (WordPress.org)

3. Zakup hostingu (miejsce na serwerze)

4. Bezpłatne materiały na YouTube o tym, jak zrobić stronę internetową w WordPressie

Teraz czas na konkrety – materiały, z jakich korzystałam ucząc się WordPressa.

Kilka podpowiedzi na początek:

• Jeszcze przed rozpoczęciem „klikania” na swojej stronie, warto obejrzeć 2-3 filmy od różnych autorów. Po co? Żeby osłuchać się, zobaczyć co jest do zrobienia. Dla mnie było to bardzo pomocne, ponieważ każda osoba opowiada trochę inaczej, pokazuje poszczególne kroki na swój sposób. Łatwo się w tym pogubić. A kiedy mamy już ogólne pojęcie o WordPressie, można przygotować sobie plan głównych punktów do zrobienia. Nie zrobimy wszystkiego od razu, plan jest niezbędny,

• W każdym filmie szkoleniowym, na początku pokazywane są ogólne ustawienia i instalacja wtyczek. Na wstępnym etapie nie warto zagłębiać się w szczegóły działania wtyczek. Można to zostawić na kolejny etap. Na początek najważniejsze są informacje o Elementorze. 

Po przesłuchaniu kilku filmów, kiedy ma się już ogólne pojęcie ile pracy przed nami – warto wybrać jeden film instruktażowy. Taki, który nam najbardziej odpowiada. I rozpocząć razem z nim robienie swojej strony.

Pamiętaj, że czasem trzeba będzie się zatrzymać, albo cofnąć i obejrzeć ponownie, żeby zrozumieć co należy zrobić w kolejnym kroku. To część procesu nauki! Nauka WordPress to kilka wątków, nie da się od razu wszystkiego zrozumieć. To przyjdzie z czasem 🙂

Pierwszy film jaki oglądałam, jeszcze zanim zaczęłam cokolwiek robić, pozwolił mi zrozumieć na czym w ogóle polega robienie strony w WordPressie.

Film przygotowany przez kanał YouTube „WordPress 4You” – „Strona internetowa z WordPress – krok po kroku”. 

Podstawy są tu wytłumaczone i pokazane w bardzo przystępny sposób. Jest to pierwszy film z większego projektu, podzielonego na kilkunastominutowe filmiki. (Nie trzeba od razu wszystkich oglądać w całości. Lepiej przejść do innych autorów, a potem wrócić po szczegóły).

Autor – Paweł Zarębski – stworzył na YouTube także drugi projekt, dla zaawansowanych. Oferuje również płatne kursy. 

Kolejny film szkoleniowy jest od Klaudii Stawiarskiej. „Jak zrobić stronę internetową krok po kroku? Bez programowania. Prosty instruktaż!”.

Wyjaśnione są podstawy, pokazane krok po kroku tworzenie strony z blogiem. 

Jest też podpowiedź jak własne stworzyć logo (program LogoMakr.com – super narzędzie).

Nauka z kanałem „Strony Internetowe & Marketing” na YouTube

Wykorzystując informacje z tych dwóch filmów, poznałam bardziej zaawansowane elementy grafiki, efekty wizualne (animacja elementów, efekty po najechaniu kursorem).

W drugim wybranym przeze mnie filmie „Strony Internetowe & Marketing” robimy stronę www dla gabinetów lekarskich. Film pokazuje wszystkie niezbędne etapy budowania strony.

Materiały po angielsku.

Warto zobaczyć ten film od „Create a Pro Website” – uczy wielu efektów, poziom dla początkujących. Obejmuje Essential Addons for Elementor oraz tworzenie formularza.

Drugi film szkoleniowy po angielsku to „How to make a Website” od Tylera Moore.

Ostatni krok, zanim zaczniesz wymyślać i projektować swoją stronę, to podpatrzenie jak to robią najlepsi

Może masz już dokładny plan jak ma wyglądać Twoja strona. Widzisz oczyma wyobraźni każdy szczegół.

A może nie, i masz kilka różnych wariantów, zastanawiasz się w jakim iść kierunku.

W obu przypadkach warto jeszcze zerknąć na najlepsze blogi, które są prowadzone od wielu lat. Profesjonalne.

Tu gorąco polecam zapoznanie z Olą Gościniak, jej stroną oraz podcastem.

Pierwszy etap za nami, teraz czas na przygotowanie WordPressa do pracy, a potem rozplanowanie wyglądu strony.

5. Przygotowanie bazy danych na serwerze

Mamy wykupione domeny i serwer. W moim przypadku wszystko od jednej firmy – Light Hosting.

Wygląda strasznie? Krok po kroku jest to do zrobienia 🙂

Ważne: Pamiętaj o zapisywaniu wszystkich loginów i utworzonych haseł w jednym miejscu! Uzbiera się ich sporo 🙂

Przechodzimy do szczegółów.

Aktywacja hostingu

Po zamówieniu hostingu dostaniesz kod. Szczegóły w instrukcji od LH.pl:

Jak zamówić i aktywować hosting w LH.pl?

Połączenie domeny i serwera

Pierwszy krok to połączenie domeny z serwerem, na którym będą przechowywane wszystkie pliki naszej strony.

Żeby umieścić stronę na serwerze LH, najpierw logujemy się do Panelu Klienta, gdzie dodajemy naszą stronę:

– „Serwery” następnie „Domeny w DNS”

– wybieramy naszą nazwę

– klikamy „Dodaj domenę”.

Jak dodać domenę do strefy DNS hostingu?

 Uruchomienie bezpłatnego certyfikatu SSL

Nasza strona musi budzić zaufanie, służy temu bezpłatny certyfikat bezpieczeństwa Let’s encrypt (pamiętaj o odnowieniu po 90 dniach).

Jak uruchomić certyfikat SSL Let’s Encrypt na serwerze w LH.pl?

Utworzenie bazy SQL 

Na serwerze musimy utworzyć bazę SQL dla naszej strony. Instrukcja:

– w Panelu Klienta otwieramy „Serwery” następnie „Bazy MYSQL”

– wpisujemy nazwę naszej nowej bazy

– klikamy „Utwórz bazę”.

Tworzenie nowej bazy danych MySQL

Instalacja programu do komunikacji – klienta FTP

Do łączenia się z serwerem niezbędny jest program typu „klient FTP”. Może to być File Zilla albo inny.

Tu instrukcja:

Konfiguracja FileZilla – połączenie z serwerem FTP

Strona do pobrania programu (jest bezpłatny, nie trzeba się logować): FileZilla

Nie jest to proste, mi bardzo pomógł ten film z YouTube:

Utworzenie na serwerze katalogu dla strony (lub oddzielnych katalogów jeśli mamy kilka stron)

Nasza nowa strona potrzebuje miejsca na serwerze.

Jak umieścić kilka stron na jednym hostingu?

 

6. Instalacja programu WordPress – z WordPress.org

Instalacja programu WordPress i skopiowanie plików WordPressa na serwer

Pamiętaj o zapisywaniu wszystkich loginów i haseł w jednym miejscu.

Teraz czas na zainstalowanie WordPressa. Wszystko jest szczegółowo opisane w tej instrukcji (pod opisem jest też film instruktażowy).

Zanotuj sobie wszystkie punkty, i odznaczaj to co jest zrobione.

Kopiowanie plików na serwer potrwa kilka minut.

 

Jak zainstalować WordPressa?

Program jest do pobrania ze strony: https://pl.wordpress.org/

7. Uruchomienie WordPressa, najważniejsze Ustawienia Ogólne

Zanim zaczniesz tworzyć stronę, pozostaje jeszcze ustawienie kilku opcji w programie.

Zaloguj się do WordPressa i ustaw wg instrukcji: 

Przekierowanie na https

Przekierowanie domeny z http na https

Jak wdrożyć SSL w WordPressie i rozwiązać błąd z zawartością mieszaną

Ustawienia czasu – format daty i godziny

Dość ważne dla czytelności strony.

Nie chcesz przecież, żeby 1 października wyświetlał się Twoim czytelnikom po amerykańsku, jako 10/01/2020. Wybierz wariant europejski: 1/10/2020 lub 1 października 2020.

Ustaw też format godziny bez „PM” i pierwszy dzień tygodnia jako „poniedziałek”. Chyba że działasz w USA albo innej strefie.

Bezpośrednie odnośniki

Powoli zbliżamy się do końca! Ustaw jeszcze Bezpośrednie odnośniki – na takie które Tobie odpowiadają.

Sugerowana jako najlepsza pod kątem Google jest opcja „Nazwa wpisu”.

Nieindeksowanie przez wyszukiwarki

Teraz jeszcze zaznacz „Widoczność dla wyszukiwarek”. 

Na czas tworzenia Twojej strony. Jak będzie gotowa do pokazania jej czytelnikom, odznaczysz tą opcję. Wróć tu po uruchomieniu strony.

Gratuluję! Twoja strona jest przygotowana do pracy.

Kwestie techniczne są już gotowe. Teraz zajmiemy się dodaniem podstawowych wtyczek (rozszerzeń do WP).

8. Instalacja wtyczek w WordPressie

Wtyczki w WordPressie są niezbędne, żeby zbudować bezpieczną i sprawnie działającą stronę.

Są to dodatkowe programy, opcjonalne, które wybierasz i instalujesz odpowiednio do swoich potrzeb. Powstały już setki takich programów, nie ma więc idealnej listy wtyczek dla każdego. Jest wielu twórców. Są wtyczki płatne, jak i darmowe. Każda nowobudowana strona ma swoją specyfikę, i od niej będzie zależało które wtyczki będą przydatne.

Jakie podstawowe wtyczki zainstalować na początek?

Proponuję kilka, które pozwolą Ci rozpocząć pracę bezpiecznie. Na późniejszym etapie możesz zamienić je na inne, które uznasz za bardziej odpowiednie dla Twoich potrzeb. 

Generalnie zasada jest taka, że wtyczki zbędne odinstalowujesz. Zawsze masz zainstalowane tylko te konieczne.

Zestaw minimum na początek – 4 najważniejsze wtyczki

Jeśli masz wtyczkę HELLO DOLLY – to od razu ją usuń (klikasz „usuń” pod nazwą).

Instalowanie nowych wtyczek jest łatwe. Wybierasz opcję WTYCZKI – DODAJ NOWĄ i w okienku wyszukiwania wpisujesz nazwę.

Na tablicy z wynikami wyszukiwania znajdujesz odpowiednią i SPRAWDZASZ, czy jest zgodna z Twoją wersją WordPressa. Możesz zobaczyć ile osób pobrało tą wtyczkę (większa liczba wskazuje na większą wiarygodność i mniejsze ryzyko wystąpienia problemów technicznych).

I klikasz „zainstaluj”. Możesz ją od razu włączyć, albo zrobić to później.

Tak robisz po kolei dla każdej wtyczki.

* Wszystkie wtyczki są na bieżąco poprawiane i udoskonalane przez twórców. Co jakiś czas zobaczysz komunikat o nowszej wersji zainstalowanej wtyczki.

9. Wybór MOTYWU (szablonu) do strony w WordPressie

Jaki wybrać motyw dla swojej strony?

Podstawowa decyzja przy tworzeniu strony to wybór „Motywu”.

Co to jest motyw? Ogólnie – zestaw wszystkich niezbędnych ustawień, które tworzą kompletną stronę, zapisany i udostępniany użytkownikom. 

Masz w nim ustawiony wygląd stron, wpisów, kolory, formaty, itd.

Taki zestaw ustawień importujesz na swoją stronę, i modyfikujesz zgodnie z własnym gustem i potrzebami. Uzupełniasz treść strony (tekst i grafiki). Nie musisz niczego programować.

Ważne, że są dostępne motywy bezpłatne, i ja taki wybrałam.

Możesz jednak zdecydować się na wariant płatny. Taki wariant zawsze ma dużo więcej opcji.

Jaką decyzję podjąć zależy od tego co ma być na stronie. U mnie to jest blog, więc większość motywów byłaby odpowiednia.

Jeśli planowałabyś stronę ze sklepem internetowym, wtedy trzeba dokładnie sprawdzić, jakie możliwości dany motyw oferuje.

Przeglądanie motywów w WordPressie

Moja strona powstaje na motywie BARD.

Uznałam, że ma on wszystko czego potrzebuję, wystarcza mi wersja darmowa.

Jest jednak dostępna wersja płatna.

Autorzy każdego motywu podają wszystkie informacje o szczegółach danego motywu. Wystarczy, że klikniesz na wybrany motyw, a otworzy się okno z opisem. 

Możesz przeglądać wszystkie motywy, używając strzałek w lewym górnym rogu.

Możesz sprawdzić jak wygląda przykładowa strona na danym motywie – klikając „Podgląd na żywo”.

Jeśli chcesz zobaczyć jakie są możliwości motywu, wejdź na strony „pokazowe” twórcy.

Na tych stronach są treści, zdjęcia, wpisy – wszystko tak jak może wyglądać u Ciebie: https://wp-royal.com/themes/bard-free/sample-v2/summer-scope-ispire/

Pamiętaj że jeśli wybrany motyw okaże się nieodpowiedni, można go zawsze później zamienić na inny.

Masz już wybrany swój idealny motyw?

Albo przynajmniej taki, na którym chcesz się uczyć? Instalujemy!

W tym samym miejscu: WYGLĄD – MOTYWY – DODAJ i na wybranym motywie ZAINSTALUJ.

Teraz masz kilka zainstalowanych motywów.

Szkoda zajmować miejsce tymi zbędnymi. Wybierz jeden zapasowy, na wypadek problemów z głównym motywem.

A pozostałe usuń (zawsze możesz je zainstalować ponownie).

Usuwanie jest proste, tylko trudno znaleźć przycisk: jest widoczny dopiero po otworzeniu podglądu motywu „Szczegóły motywu” i ukryty w prawym dolnym rogu.

BRAWO! Teraz Twoja strona jest już przygotowana do tworzenia treści

Gratulacje! Najtrudniejsze, techniczne zadanie zostało wykonane. Teraz możesz rozpocząć kreatywne tworzenie treści na swoją stronę!

Wprowadzić zmianę w tekście wstawionym przez szablon.

Wejdź w Kokpicie WordPress: WYGLĄD – DOSTOSUJ

Otwórz: TOŻSAMOŚĆ WITRYNY i wpisz swoje informacje w pola „Tytuł witryny” oraz „Opis witryny”.

Zapisz zmiany poprzez „Opublikuj”. I sprawdź jak wygląda Twoja strona w przeglądarce.

Możesz już cieszyć się swoją nową własną stroną.

Wypełnij ją treścią. Czas na przygotowanie schematu strony, zebranie grafik i pisanie tekstów.

Powodzenia!

PS

Aktualne informacje o nowych wersjach WordPressa i dodawanych opcjach znajdziesz na blogu Cyber_Folks.pl:

https://cyberfolks.pl/blog/wordpress-5-8-i-full-site-editing-gdzie-ta-rewolucja/?utm_source=newsletter&utm_medium=email&utm_campaign=fullsiteediting&__ca__chat=AF5HRo9lSuc9