jak zrobić stronę internetową na Wordpressie

Jak zrobić stronę internetową na WordPressie?
Instrukcja krok po kroku!

Jak zrobić stronę internetową? Wystarczy 20 minut. Nie musisz programować, czytać tuzina książek o WordPressie ani oglądać godzin tutoriali na YouTube – wystarczy Ci ten jeden artykuł, by stworzyć stronę od zera (do działającej wersji 1.0) Wydatki jakie musisz ponieść są dwa. Potrzebny będzie Ci hosting oraz domena.


Hosting

Hosting to wirtualna przestrzeń dyskowa, na której znajdować się będzie Twoja strona. Obecnie na rynku jest bardzo dużo firm oferujących hosting. Ja zdecydowałem się na ofertę Zenbox.pl – Hosting Firma 10k, dlaczego?jak zrobić stronę internetową na WordPressie

  • duża pojemność dyskową – 25 GB. Dzięki niej, bezproblemowo wgramy zdjęcia, krótkie filmy oraz inne pliki na serwer
  • liczba domen możliwych do podpięcia – nieograniczona
  • liczba własnych skrzynek e-mail  – nieograniczona
  • darmowy certyfikat SSL,
  • otrzymujemy ochronę przed wirusami, malware oraz atakami,
  • NAJWAŻNIEJSZE Zenbox stawia na wsparcie Klienta 24/7, którego jakość i szybkość jest nieoceniona, gdy mamy problem z naszą stroną..

Oczywiście, zachęcam Cię do analizy ofert innych dostawców hostingu, ja jednak bardzo polecam skorzystanie z oferty Zenbox.pl – Hosting Firma 10k. Posiadam ten plan od 2016 roku i jestem bardzo, bardzo zadowolony. W zupełności wystarcza on do naszych fotograficznych zastosowań.

Po zakupie hostingu, dostęp do niego otrzymasz od razu. Nie trzeba czekać, zatwierdzać, aktywować – po prostu jest i natychmiastowo możemy przejść do drugiego kroku, czyli zakupu domeny.


Domena

Domena to po prostu adres Twojej strony, przykładowo www.twojastrona.pl. Domenę również możesz zakupić w Zenboxie. By to zrobić, wejdź w zakładkę domeny. Pokaże Ci się wyszukiwarka, w której wpisz swoją docelową domenę. Ja wpisałem przykładowo michaltreutler.

 

jak i gdzie kupić domenę
Screen z wyszukiwania wyników dla przykładowej domeny

 

Jak widzisz, przykładowa domena michaltreutler dostępna jest w wielu wariantach. Ja z pewnością zdecydowałbym się na tę z końcówką .pl, ponieważ jest prosta i elegancka.

Przy wyborze swojej domeny, pamiętaj, że:

  • zmiana nazwy domeny nie będzie możliwa po dokonaniu zakupu (chyba, że kupisz drugą),
  • prawdopodobnie zwiążesz się z nią na lata,
  • będzie odpowiedzialna za Twój branding,
  • powinna wiązać się z Twoją marką,
  • powinna być łatwa do zapamiętania.

W dalszej części wpisu skupię się na tworzeniu strony naszego podcastu „Dwa Źródła Światła” na zakupionej już przeze mnie domenie: www.dwazrodlaswiatla.pl.


Darmowy Certyfikat SSL od Zenboxa

Zanim przejdziemy do instalacji WordPressa, warto zadbać o certyfikat SSL. Certyfikat SSL umożliwia nawiązywanie bezpiecznych połączeń pomiędzy przeglądarką internetową, a serwerem na którym znajduje się strona internetowa. Zapewnia tym samym poufność wszystkim przesyłanym w obie strony informacjom. Warto pamiętać, że Zenbox.pl oferuje darmowy certyfikat SSL! Wystarczy napisać do „Mnichów”:

Pomoc w instalacji certyfikatu SSL

Jak widzisz, pan Mateusz z obsługi Zenbox’a zrobił wszystko za mnie i w przeciągu 15 minut certyfikat był już zainstalowany. Po czym poznać, że strona jest zabezpieczona?

Tak wyglądał adres strony przed zainstalowaniem certyfikatu SSL:

Jak zrobić stronę internetową

Tak wyglądał adres strony przed zainstalowaniem certyfikatu

A tak wygląda adres po zainstalowaniu certyfikatu SSL:

Jak zrobić stronę internetową

A tak wygląda adres po zainstalowaniu certyfikatu SSL


Instalacja WordPress’a

WordPress to system zarządzania treścią (CMS), dzięki któremu w prosty sposób (bez potrzeby znajomości programowania), będziemy mogli zacząć budować naszą stronę. Olbrzymią zaletą WordPressa jest fakt, że jest darmowy! Wystarczy zainstalować go na naszej domenie i można pracować dalej! Jak to zrobić?

  1. Wejdź w swój panel klienta Zenbox,
  2. Kliknij zakładkę SERWER,
  3. Następnie wejdź w Aplikacje,
  4. Przejdź do Katalogu aplikacji,
  5. Wpisz w wyszukiwarce „WordPress”,
  6. Kliknij instaluj.

Jak zrobić stronę internetową

Instalacja WordPressa
Instalacja WordPressa

 

Po kliknięciu instaluj pokaże Ci się tabela lokalizacji instalacji WordPressa. W polu „Domena” wybierz swoją nową domenę, a pole ścieżka pozostaw puste.

Jak zrobić stronę internetową

Instalacja WordPressa na domenie
Instalacja WordPressa na domenie

 

Następnie w tabeli Ustawienia wpisz:

  1. Login Administratora – wybierz dowolny login, którym będziesz logować się do swojego panelu,
  2. Hasło Administratora – wybierz silne hasło, które ciężko będzie zgadnąć,
  3. Email Administratora – możesz użyć prywatnego lub firmowego emalia,
  4. Tytuł Strony – wpisz tytuł, np „Michał Treutler Fotografia”,
  5. Motto WWW – możesz zostawić puste lub wpisać rozwinięcie tytułu,
  6. Pozostałe ustawienia pozostaw jak na screenie:

Jak zrobić stronę internetową

Ustawienia instalacji WordPressa
Ustawienia instalacji WordPressa

 

Po wpisaniu wszystkich danych kliknij: Zainstaluj  i poczekaj chwilę aż pokaże Ci się powiadomienie, że aplikacja została zainstalowana na Twojej domenie. Jeśli po instalacji tak jak na ilustracji poniżej, zobaczysz ikonkę z czerwoną strzałeczką, kliknij w nią i zezwól na aktualizację.

Jak widzisz, pokażą Ci się trzy adresy oraz dane aplikacji. Adres z końcówką /wp-admin/ będzie linkiem umożliwiającym zalogowanie się do WordPressa oraz edycję strony.

 

WordPress zainstalowany na domenie
WordPress zainstalowany na domenie

 

Gdy wszedłem na swoją domenę www.dwazrodlaswiatla.pl, wyglądała ona w ten sposób:

Jak zrobić stronę internetową

Moja strona po instalacji WordPressa
Moja strona po instalacji WordPressa

 

Jak widzisz, automatycznie załadował się domyślny wygląd strony, który oferuje WordPress. Strona wygląda dziwnie, ale… istnieje! Już mamy naszą stronę! Teraz pozostało ją spersonalizować!


Panel administracyjny WordPress’a

By rozpocząć personalizację, należy wejść na www. (nazwa Twojej domeny)/wp-admin oraz się zalogować. Pokaże Ci się panel administracyjny:

Jak zrobić stronę internetową

Kokpit strony w WordPressie
Kokpit strony w WordPressie

 

Po lewej stronie znajduje się menu główne. Znajdziesz w nim domyślnie:

  • Powiadomienia aktualizacji (wykonuj zawsze, gdy dostaniesz powiadomienie),
  • Wpisy (tutaj możesz zarządzać swoimi wpisami na blogu,
  • Media – zarządzanie zdjęciami, video i innymi plikami. (Duże pliki video polecam hostingować na vimeo.com)
  • Strony – dodawanie/edytowanie/usuwanie stron i podstron Twojej domeny,
  • Komentarze – miejsce, gdzie łatwo przeglądniesz i odpiszesz na komentarze do Twoich treści,
  • Wygląd – spora zakładka, dzięki której zadbasz o walory wizualne Twojej strony,
  • Wtyczki – zaleta WordPress’a. Tutaj możesz instalować wtyczki, które rozwiną Twoją stronę,
  • Użytkownicy – przegląd adminów, redaktorów i subskrybentów Twojej strony,
  • Narzędzia – po prostu narzędzia 🙂
  • Ustawienia – ustawienia pisania, czytania, dyskusji, mediów itd.

Wtyczki

Edycję strony polecam rozpocząć od zainstalowania dodatkowych wtyczek. Gdy wejdziesz w menu Wtyczki, zobaczysz takie okno:

Jak zrobić stronę internetową

Menu wtyczek w WordPressie
Menu wtyczek w WordPressie

 

Tutaj możesz dodawać, włączać, wyłączać, usuwać, a także aktualizować wtyczki. Klikając Dodaj nową możemy wyszukać i zainstalować potrzebną nam wtyczkę. Gdy znajdziesz wtyczki, które będą Cię interesować, pamiętaj by kliknąć Zainstaluj, a następnie Włącz.

Polecane przeze mnie wtyczki to:

  1. RankMath SEO od Rank Math – świetna wtyczka do SEO, czyli pozycjonowania strony,
  2. WP Cerber Security od Cerber Tech Inc. – pełna i świetna ochrona naszej strony,
  3. FooGallery od Opt In – moim zdaniem najlepsza wtyczka do tworzenia galerii zdjęć oraz portfolio,
  4. FooBox Image Lightbox od Opt Out – wymagany przez FooGallery dodatek do łatwego przeglądania zdjęć,
  5. Picu od Haptiq – rewelacyjna wtyczka usprawniająca wysyłanie klientom zdjęć do wyboru,
  6. Easy Table of Contents od Steven A. Zahm – automatycznie tworzy spis treści we wpisach jeśli prowadzisz bloga,
  7. Fonts Plugin | Google Fonts Typography od Fonts Plugin – wygodne zarządzanie czcionkami na stronie,
  8. Klasyczny edytor od WordPress Contributors – usprawnia pisanie artykułów i edycję tekstów,
  9. Advanced Editor Tools (dawniej TinyMCE Advanced) od Automattic – usprawnia pisanie artykułów i edycję tekstów,
  10. Smush od WPMU DEV – wtyczka optymalizująca multimedia.

Jeśli znasz inne przydatne wtyczki, koniecznie daj znać w komentarzu!


Motywy

Zajmijmy się teraz wyglądem naszej strony.

Za layout i układ odpowiadają tak zwane motywy (WordPress Themes). Po instalacji WordPressa na Twojej domenie automatycznie wczytał się podstawowy motyw (prawdopodobnie o nazwie Twenty Twenty-One). Jeśli ten motyw Ci się podoba i chcesz go zostawić, wystarczy kliknąć Spersonalizuj swoją witrynę (screen). WordPress oferuje wiele darmowych motywów, które w większości przypadków w zupełności Ci wystarczą, jednak będą one miały pewne ograniczenia. Na pewnym etapie edycji możesz napotkać powiadomienie Wykup wersję rozszerzoną (lub podobne), a także na dole strony będzie podpis Dumnie wspierane przez WordPress. 

Jak zrobić stronę internetową

Personalizacja motywu na WordPress
Personalizacja motywu na WordPress

 

Po kliknięciu Spersonalizuj swoją witrynę pojawi się takie okno (screen poniżej). Po lewej stronie widzimy menu edycyjne. Nie będę opisywał każdego z nich, ponieważ jest ono bardzo intuicyjne i proste w obsłudze.

Jak zrobić stronę internetową

Edycja motywu Twenty Twenty-One
Edycja motywu Twenty Twenty-One

 

Jeśli chcesz wybrać inny darmowy motyw, kliknij Wygląd → Motywy → Dodaj nowy motyw. Oprócz pozostałych motywów, które możesz zainstalować za darmo, jest także opcja wgrania własnego, np. płatnego motywu. Ogrom świetnych motywów znajdziesz na Envato. Na potrzeby naszego bloga, zdecydowaliśmy się na zakup motywu Blogosphere – Multipurpose Blogging Theme.

 

Dodatkowe darmowe motywy WordPress
Dodatkowe darmowe motywy WordPress

 

Po zakupie otrzymaliśmy spakowany plik .zip, który należy rozpakować. Jak wgrać motyw? Wystarczy kliknąć Wygląd → Motywy → Dodaj nowy motyw → Wyślij motyw na serwer. Następnie trzeba wybrać plik z dysku oraz kliknąć Zainstaluj, a następnie Włącz.

Po instalacji może pokazać Ci się powiadomienie, że motyw wymaga specjalnych wtyczek. Kliknij Begin Installing plugins.

Jak zrobić stronę internetową

Wtyczki wymagane przez Motyw
Wtyczki wymagane przez Motyw

 

Po finalnym wgraniu motywu oraz zainstalowaniu wymaganych wtyczek nasza strona wyglądała w ten sposób:

Jak zrobić stronę internetową

Wygląd strony po zainstalowaniu motywu
Wygląd strony po zainstalowaniu motywu

 

Jak widzisz, w bardzo prosty i szybki sposób uporaliśmy się z postawieniem własnej strony. Teraz pozostało ją edytować i spersonalizować.


Personalizacja

By rozpocząć personalizację wyglądu Twojej strony kliknij: Wygląd → Dostosuj. Po lewej stronie pokaże Ci się obszerne menu, w którym krok po kroku możesz zastosować własne ustawienia, opisy, zdjęcie w tle itd. Oczywiście konkretne tabele będą różnić się w zależności od wgranego motywu, jednak każdy etap personalizacji jest bardzo prosty i intuicyjny.

Jak zrobić stronę internetową

Personalizacja wyglądu naszej strony
Personalizacja wyglądu naszej strony

 

Zobacz także:

Pokaż się z dobrej strony, czyli… co powinno się znaleźć na www fotografa?

Jak zrobić stronę internetową dla fotografa? 3 sposoby!

 


Zobacz pozostałe nasze odcinki oraz wpisy!


POLECAMY!

Najlepszy HOSTING i TANIE DOMENY dla Twojej strony WWW:

Najwyższej jakości druk zdjęć, plakatów i materiałów reklamowych:

Wygodny sposób na BACKUP oraz przesyłanie Twoich zdjęć:

KSIĘGOWOŚĆ, dzięki której łatwo i prosto wystawisz FAKTURY i rozliczysz PODATKI:

Zapraszamy do wsparcia na PATRONITE!

Leave a Reply

Your email address will not be published.