Gdybym to wiedział wcześniej...

Byłem na studiach i dorabiałem jako trener. Chciałem pozyskać więcej klientów. Aby osiągnąć ten cel, postanowiłem, że stworzę stronę internetową i bloga. Szybko okazało się, że stworzenie strony to koszt rzędu 3000, 4000, 5000 zł i więcej. Wtedy była to dla mnie spora kwota, dlatego taki wydatek nie wchodził w grę.

Pomyślałem, że musi istnieć inny sposób.  Podczas poszukiwań trafiłem na WordPressa. Dowiedziałem się, że dzięki niemu można stworzyć stronę w krótkim czasie i praktycznie za darmo.  Pełen entuzjazmu, zacząłem tworzyć swoją stronę.

Popełniałem wiele błędów. Godzinami siedziałem nad ich rozwiązaniem. Po wielu próbach i dziesiątkach poradników powstała moja strona. Nie była idealna, ale było moja. Wiedziałem, że jeśli będę chciał coś zmienić, to sobie poradzę.

Tak bardzo spodobał mi się ten proces, że zmieniłem profesję i zacząłem tworzyć strony internetowe. 

Jeśli jesteś przedsiębiorcą, trenerem, coachem, zaczynasz swój biznes i chciałbyś stworzyć stronę internetową samodzielnie to ten poradnik jest właśnie dla Ciebie. Sam chciałbym go przeczytać 7 lat temu.

1. Brak strony

2. Poradnik

3. Własna strona WWW

Ten poradnik pokaże CI jak stworzyć takie strony.

  • Strona internetowa dla małej firmy 
  • Strona internetowa dla Trenera 
  • Strona internetowa dla freelancera.
To tylko kilka przykładów. Niezależnie od branży w której działasz będziesz mógł znaleźć wygląd strony dla siebie.


Na początek pobierz mojego e-booka, z którego dowiesz się:

  • jak zaplanować swoją stronę, 
  • jak przygotować teksty i  strukturę strony, 
.

Spis treści

1. Wybór nazwy domeny, czyli nazwy Twojej strony.

2. Zakup domeny i hostingu.

3. Instalacja WordPress.

4. Wybór i instalacja motywu.

5. Edycja treści na stronie.

1. Wybór nazwy domeny, czyli nazwy Twojej strony.

Nazwa jest bardzo istotna, ponieważ będziesz dzielić się nią w różnych miejscach. Aby wybrać dobrą nazwę mam dla Ciebie kilka propozycji. 

Jeśli prowadzisz działalność gospodarczą

W nazwie strony, możesz użyć nazwy swojej firmy. Zadbaj o to aby Twoja nazwa firmowa nawiązywała do tematu, którym się zajmujesz. 

Marka osobista

Jeśli budujesz markę osobistą, proponuje dwa podejścia: 

1. Wybierz nazwę związaną z twoją działalnością/projektem 

Przykłady:

  • jakoszczędzacpieniądze.pl
  • smartpassiveincome.pl
  • szkolamarketingu.pl

Nazwa bezpośrednio odnosi się do tematyki i zawiera słowo kluczowe. (marketing, pieniądze, przychód).

2. Wybierz swoje imię i nazwisko.

Przykłady:

garyvaynerchuk.com
kamillizurej.pl
marzenajankowska.pl
grantcardone.com
paweltkaczyk.pl

Niezależnie od nazwy, którą wybierzesz, kieruj się poniższymi zasadami:

  • Nie używaj polskich znaków.
  • Unikaj znaków takich jak kropka, przecinek.
  • Wybierz krótką nazwę do 20 znaków.
  • Wybierz nazwę łatwą do zapamiętania i wymówienia.

I ostania uwaga. Nie musisz kurczowo trzymać się tych zasad. Wybranie dobrej nazwy domeny może CI pomóc. Jednak pamiętaj, że sama nazwa firmy/projektu nie ma wartości, dopóki jej nie stworzysz. Takie marki jak Apple, Microsoft nic by nie znaczyły, gdyby nie ciężka praca ich Twórców.

2. Zakup domeny i hostingu

Zakup domeny

Domenę możecie kupić w jednym z poniższych serwerów:

Lh.pl — Jeśli macie tylko jedną stronę to warto kupić domenę i hosting w tej firmie.

Seo host — Jeśli masz kilka domen to skorzystaj z usług tej firmy. 

Inne – Jeśli zdecydujesz się na inną firmę to sprawdź cenę odnowienia usługi. Jeśli domena jest w cenie większej niż 130 zł to trzymaj się od takiej oferty z daleka. 

Zakup hostingu

Hosting to miejsce, w którym znajdzie się Twoja strona. Ważne, żeby był dobrany pod Twoje potrzeby. Jeśli ruch na Twojej stronie jest niewielki nie warto przepłacać.  

W internecie znajdziesz tysiące firm świadczących usługi hostingowe. Istnieją nawet darmowe hostingi. Co wybrać?

Szybka odpowiedź

Jeśli chcesz zbudować prostą stronę internetową, to najlepszym rozwiązaniem będzie zakup serwera w firmie lh.pl. Na początek wybierz najtańszy pakiet – 50 zł za pierwszy rok (potem 100 zł rocznie). W lh.pl możesz również kupić również domenę.
Dodatkowo mam dla Ciebie prezent: 
20% zniżki na dowolny pakiet hostingu .
Wpisz poniższy kod podczas zamówienia:
Kod rabatowy LH-20-110921

Korzystam z usług tej firmy przy wielu moich projektach i jestem bardzo zadowolony. Jeśli jednak chcesz szukać hostingu na własną rękę czytaj dalej. 

Kluczowe elementy przy wyborze hostingu

  • Obsługa klienta — moim zdaniem jest to najważniejszy element dla osoby początkującej. Obsługa klienta może nam szybko pomóc w rozwiązaniu problemu.  Dzięki temu, oszczędzimy mnóstwo czasu. Na przykład firma lh.pl za darmo instaluje WordPress i certyfikat SSL.
  • Darmowy certyfikat SSL – w pakiecie powinna znaleźć się możliwość automatycznej instalacji darmowego certyfikatu SSL.
  • Ilość miejsca na dysku – decyduje o tym ile plików będziemy mogli przechowywać na naszym serwerze. Pojemność serwera należy dobrać pod swoje potrzeby. Jest określona w Gigabajtach. Do prostej strony wizytówki 5 GB w zupełności wystarczy.  
  • Wygodny interfejs użytkownika. 
  • Szybkość działania – techniczna strona serwera. Jaką mam moc obliczeniową procesora, czy posiada dyski SDD itd. Szybki serwer przyspieszy działanie Twojej strony. 
  • Serwer dostosowany do WordPress – należy sprawdzić czy serwer spełnia wymagania pod instalacje WordPress. Jest to rynkowy standard, jednak zdarzają się wyjątki.
  • Niezawodność –  serwer powinien być dostępny 24/7 i działać stabilnie. 
  • Cena. – hosting dla strony o niewielkim ruchu powinien kosztować między 100 – 500 zł rocznie. Wydawanie więcej na początku nie ma sensu.
  • Opinie klientów – sprawdź jakie opinie ma dana firma w internecie. 

Jeśli dopiero zaczynasz, możesz zdecydować się na tani hosting współdzielony. Takie rozwiązanie w zupełności wystarczy. Jeśli masz duży ruch na stronie lub chcesz założyć sklep internetowy, to warto wybrać inne rozwiązanie. Napiszę na ten temat w innym artykule.

Polecane hostingi

Aktualnie moje strony działają na serwerach firmy lh.pl. Jeśli nie chcesz skorzystać z ich usług, to polecam Ci poniższe firmy hostingowe. 

Cennik

3. Instalacja WordPress

Masz już plan Twojej strony. Kupiłeś hosting i domenę. Czas przejść do stworzenia Twojej strony internetowej.

Konfiguracja serwera

Pierwszym krokiem jest zainstalowanie WordPressa i certyfikatu SSL na naszym serwerze.

WordPress – to system do zarządzania treścią. Dzięki niemu stworzysz swoją stronę. 
Certyfikat SSL – jest to protokół, który zabezpiecza dane. Gdy będzie prawidłowo zainstalowany na naszej domenie, w pasku wyszukiwarki pokażę się zielona kłódka.

Instalacja WordPrees na serwerze

W zależności od tego, gdzie wykupiłeś serwer, możesz skorzystać z kilku możliwości:

- Ręczna instalacja

Jest to najlepszy sposób jednak nie polecam go osobom początkującym. Instalacja polega na wgraniu plików instalacyjnych WordPress na nasz serwer. Jeśli chciałbyś wykonać ręczną instalacje to ten artykuł pokażę Ci jak to zrobić. 

- Instalacja przy pomocy automatycznego instalatora

Niektóre firmy hostingowe, posiadają automatyczne instalatory aplikacji. Musimy wybrać domenę, na której ma zostać zainstalowany WordPress. Wybrać login i hasło i gotowe.  

- Kontakt z obsługą klienta.

W przypadku firmy lh.pl sprawa jest jeszcze prostsza. Wystarczy napisać do nich maila o treści. Proszę zainstalować WordPress i SSL na domenie twojadomena.pl” . Dostajemy dane logowania na maila i gotowe. Możemy zaczynać pracę.

- Proces instalacji WordPress na platformie Hekko.

Instalacja certyfikatu SSL

Aby certyfikat SSL zaczął działać należy go skonfigurować. Jeśli go nie masz, to klienci po wejściu na Twoją stronę otrzymają ostrzeżenie.  

Możemy to zrobić przy pomocy panelu administracyjnego lub korzystając z pomocy obsługi serwera. Jeśli skorzystasz z serwera lh.pl, to obsługa klienta może zrobić to za Ciebie. Jeśli korzystasz z innego serwera, to taki certyfikat można uruchomić z panelu klienta. 

Coś nie działa? Napisz w komentarzu, gdzie masz wykupiony serwer. Postaram się pomóc.

Tworzenie strony w 15 minut

Obiecałem stronę w 15 minut, więc stwórzmy ją ;-). Czas start.

Masz już zainstalowanego WordPressa. Twoja strona działa. Wpisz w pasku w wyszukiwarki adres swojej strony a zobaczysz, jak wygląda. Na razie nie jest imponująca.
Czas to zmienić. 

1. Logowanie do systemu WordPress

Aby zalogować się do strony, po nazwie domeny wpisz /wp-admin.
na przykład: twojastronafirmowa.pl/wp-admin

Następnie podaj wcześniej wybrane login i hasło.

2. Panel administracyjny

Znajdujesz się teraz w panelu administracyjnym. To tutaj zmienisz dowolną rzecz na Twojej stronie.

3. Sprawdzenie certyfikatu SSL

Jeśli masz serwer w lh.pl to pomiń ten krok.

Jeśli korzystasz z innego serwera to sprawdź to ustawienie.
Pierwszą rzeczą, jaką należy zrobić, jest sprawdzenie czy przekierowanie działa poprawnie. Wchodzimy w zakładkę po lewej stronie.
Ustawienia —> Ogólne i jeśli adres zaczyna się od HTTP:// to zmieniamy go na  HTTPS://.

Jeśli adres zaczyna się od HTTPS:// to zostawiamy tak jak jest.
Po zapisaniu zmian na dole strony musimy zalogować się ponownie.

Jeśli mamy zainstalowany certyfikat SSL przy adresie powinna się pokazać kłódka. Jeśli tak nie jest to znaczy, że certyfikat został błędnie zainstalowany.

4. Wybranie i instalacja motywu

Czas przejść do przyjemniejszej części. Wybierz motyw, które będzie odpowiadał Twoim potrzebą. 

Gdy wejdziesz w zakładkę wygląd, ukaże ci się Panel wyboru motywu. Motyw pozwala na rozszerzenie funkcjonalności i zmianę wyglądu strony.

W tym poradniku stworzymy stronę na jednym z  darmowych motywów ASTRA. Wybór motywu to nie takie proste zadanie, jeśli z jakichś przyczyn wolisz wybrać inny motyw, odsyłam Cię do tego artykułu. Jeśli masz dodatkowe pytania napisz je w komentarzach.

instalacja motywu ASTRA

wyglad-strony-wordpress

Kliknij w opcję wygląd  a następnie Motywy

Kliknij przycisk Dodaj

Po prawej stronie w oknie wyszukiwania wpisz słowo: Astra. Następnie gdy na dole pojawi się motyw Astra najedź na niego myszką i naciśnij przycisk zainstaluj. 

Po instalacji pojawi się nowy przycisk Włącz. Należy go nacisnąć. 

Udało się. Właśnie zainstalowałeś nowy motyw. Teraz czas zmienić jego wygląd

Zmiana wyglądu.

Po instalacji, u góry pokaże nam się automatyczny konfigurator.  Ten proces jest pokazany na filmie. Jeśli konfigurator się nie wyświetli to możesz dotrzeć do niego w następujący sposób. 

zmiana-wygladu-strony

Kliknij przycisk Wygląd następnie Astra Options.

Kliknij tekst po prawej stronie Install Importer Plugins.

Naciśnij ikonkę Elementor. 

Widzisz teraz szablony, z których możesz wybrać ten, który najbardziej Ci się podoba. 

Szablony, które w prawym górnym roku mają napis AGENCY są płatne. Resztą jest w pełni darmowa. Możemy je odfiltrować, korzystając z menu wyszukiwania. 

Po kliknięciu w wybrany szablon  kliknij w przycisk Import Complete Site a następnie Import. 

Jeśli widzisz powyższy ekran to znaczy, że szablon został prawidłowo zainstalowany. Możesz teraz zobaczyć jak wygląda strona. Wpisz adres Twojej strony w pasku wyszukiwania i zobacz czy strona się zmieniła. 

Udało się? Gratuluje! Twoja strona jest prawie gotowa.

Zmiana treści na stronie

Menu

Motyw utworzył domyślne menu. Możemy je zmienić, klikając na zakładkę Wygląd –> Menu . W tym miejscu możemy zmienić etykietę nawigacji. Dodać nowe podstrony do menu.

Zmień angielskie nazwy na polskie i kliknij przycisk zapisz zmiany po prawej stronie. Po wprowadzeniu zmian ważne jest, aby zapisać nasze menu i kliknąć checkboxa poniżej. Gdy checkbox będzie niezaznaczony, to nasze menu nie zostanie dodane do strony.

Instalacja Elementora

Podczas instalacji szablonu zostało zainstalowanych kilka wtyczek. Wtyczki pozwalają nam dodać do niej różne funkcje na przykład takie jak:  

  • galeria, 
  • formularz kontaktowy, 
  • mapa,
  • sklep internetowy.
  • i wiele innych. 

Jedna z wtyczek, która została zainstalowana, to Elementor. Jest to narzędzie do budowania stron internetowych. Zdradzę Ci sekret. Agencje marketingowe również korzystają z tego typu rozwiązania.

Dlaczego to narzędzie jest tak dobre? Ponieważ oszczędzisz dzięki niemu bardzo dużo czasu. 

*Jeśli korzystasz z innego motywu niż podany w poradniku, możesz zainstalować go ręcznie. Musisz tylko sprawdzić, czy Elementor współpracuje z danym motywem. Wejdź w zakładkę wtyczki i w polu wyszukiwania wpisz nazwę Elementor.

Następnie klikasz przycisk instaluj.

W ten sposób możesz zainstalować dowolnie wybraną wtyczkę.

Dodawanie treści do strony

Aby edytować stronę należy wejść w zakładkę strony. Wejść na wybraną podstronę i kliknąć edytuj w elementorze. 

Zostaniesz przekierowany do edytora, w którym możesz zmienić wiele elementów na stronie. Po lewej stronie znajduję się panel, z którego możesz przeciągać różne elementy. Na przykład: nagłówki, teksty, galerie, mapę. Elementy, które mają ikonkę kłódki w prawym górnym roku są płatne. 

Zmiana tekstów na stronie

Aby zmienić tekst na stronie, wystarczy w niego kliknąć i wpisać/usunąć dany tekst. 

Możesz również dodać nowe pole tekstowe. wybierając je z panelu po lewej stronie.

opcje-tekstu-elementor

Zmiana zdjęć

Aby zmienić zdjęcia kliknij na wybrany element. Następnie  po lewej stronie zobaczysz pole do podmiany zdjęcia. Możesz wgrać tutaj zdjęcie z  komputera lub skorzystać z tych, które są już umieszczone na serwerze. 

Usuwanie elementów na stronie

Aby usunąć wybrany element ze strony, kliknij na niego prawym przyciskiem myszy i naciśnij przycisk delete na klawiaturze lub wybierasz przycisk „usuń” z menu.

Dodawanie dodatkowych elementów

Aby dodać nowy element na stronę należy: 

1. Najechać na sekcję na stronie. U góry pokażę się niebieckie menu. Po kliknięciu na znak plus pokażą się poniższe ikonki. (ikonki te znajdziesz również po zjechaniu na sam dół strony). 

2. Gdy klikniesz na plus po lewej stronie będziesz mógł wybrać ile kolumn ma się naleźć w pojedynczej sekcji. 

Wybór układu kolumn

kolumny-elementor

Jeśli klikniemy na 3 prostokąty pojawią się trzy pola z plusikiem.

Możesz kliknąć na wybraną kolumnę i umieścić tam dowolny element. Na przykład zdjęcie lub tekst. 

Przeciągnij wybrany element z lewego panelu do nowej kolumny 

I to wszystko nasz nowy element jest dodany.  Jest tam jeszcze więcej ustawień. Możesz zmienić kolory, odstępy, dodać nowe elementy. Jednak, aby zacząć zabawę w takie zmiany, potrzeba nieco więcej niż 10 minut.  W kolejnych artykułach pokażę, więcej możliwości edycji.

Aktualizacja i publikowanie strony

Gdy wprowadzisz wszystkie zmiany  Naciśnij przycisk AKTUALIZUJ. Dopiero wtedy zmiany zostaną wprowadzone. Pamiętaj, aby robić to, co jakiś czas. Jeśli o tym zapomnisz możesz stracić swoją pracę.

Gotowe

Gratulacje, udało Ci się stworzyć swoją pierwszą stronę internetową. Możesz iść świętować lub dokończyć kolejne podstrony. 

Co dalej?

Będę dodawał kolejne artykułu, z których dowiesz się między innymi: 

  • Jak stworzyć bloga, 
  • Jak dodać formularz kontaktowy, 
  • Jak stworzyć sklep internetowy, 
  • Jak dodać newsletter do strony, 
  • Jak przetłumaczyć Twoją stronę, 
  • Jak zadbać o pozycję w wynikach wyszukiwania, 
  • Jak sprawić aby Twoja strona była aktualna i bezpieczna. 
 
Aby być na bieżąco dołącz do mojego newslettera.

Ten post ma 4 komentarzy

  1. Poli

    A jak sprawdzić czy dany motyw współpracuje z Elementorem ?

    1. Dziękuje za komentarz. Taką wiadomość najczęściej można znaleźć w opisie motywu. Na przykład motyw BARD nie posiada takiej możliwości. https://wp-royal.com/themes/item-bard-pro/#!/download.
      Motyw ze strony odjelitadoszczescia.pl wspiera elementora w dopiero po wykupieniu płatnej wersji motywu https://superbthemes.com/responsiveblogily/

      Nie będziesz w stanie zmienić wyglądu aktualnej strony. Będziesz mogła natomiast dodać nowe podstrony bazujące na elementorze.

      Pozdrawiam.

    2. Kamil

      Do Elementora polecam motyw Hello Elementor – wydaje mi się, że na nim najlepiej się pracuje.

      1. Tak to prawda Hello Elementor jest świetnym motywem w szczególności jeśli ktoś chce użyć Elementora w wersji PRO.
        Pozdrawiam

Dodaj komentarz