Jak Zrobić Stronę Internetową WordPress za Darmo. Tutorial PL WordPress 2024 Krok Po Kroku.
HTML-код
- Опубликовано: 27 июн 2021
- W tym filmiku dowiesz się krok po kroku jak stworzyć stronę internetową na Wordpress za darmo. Stronę zrobimy sobie za pomocą popularnej wtyczki - Elementor. Skorzystamy sobie z jej darmowej wersji. Zapraszam do oglądania!
W dzisiejszym filmiku nauczysz się jak stworzyć od podstaw stronę internetową na Wordpress za darmo. Stronę internetową stworzymy w oparciu o darmową wersję wtyczki Elementor. Wszystkie wtyczki użyte w filmie są za darmo, nie musisz za nie płacić. Jedynym wydatkiem jaki musisz ponieść, aby stworzyć stronę internetową to Twój czas na obejrzenie tego materiału. Pokaże Ci darmowe wtyczki, które najczęściej ja używam. Proces tworzenia strony internetowej zaczniemy od dodania domeny do serwera. Następnie zainstalujemy na domenie Wordpressa i rozpoczniemy jego proces konfiguracji.
Dlaczego stronę będziemy tworzyć na Elementorze? Jest on prosty w użyciu oraz intuicyjny dla osób, które nie miały nigdy styczności z projektowaniem stron internetowych. Jego działanie opiera się na metodzie "złap i upuść". Aby dodać nowe bloki w Elementorze należy z lewej belki nawigacyjnej znaleźć interesujący nas element, złapać go i przeciągnąć w miejsce, które chcemy go umieścić. Dodatkowym atutem Elementora jest fakt, że bez żadnego wkładu finansowego, całkowicie za darmo możesz stworzyć stronę internetową. Darmowych dodatków do Elementora również jest cała masa co tylko zwiększa jego funkcjonalność.
Pierwszym krokiem do stworzenia strony internetowej jest zakup domeny i serwera. Osobiście polecam firmę dhosting.pl. Następnie zainstalujemy Wordpressa na serwerze. Krok po kroku dowiesz się jak tworzyć zakładki oraz budować strukturę strony w Elementorze. Utworzymy oraz dostosujemy do naszych potrzeb menu nawigacyjne. Dopasujemy witrynę Wordpress do różnych rozdzielczości ekranu, tak aby strona była responsywna i estetycznie układała się zarówno na komputerze jak i na smartfonie. Pokażę Ci jak krok po kroku stworzyć formularz kontaktowy. Dodatkowo zabezpieczymy go sobie reCAPTCHĄ. Na zakończenie dodamy do strony kod Google Analytics, dzięki czemu będziemy mogli sprawdzać statystyki naszej witryny.
⏲ Rozdziały:
0:00 Wstęp
Kup hosting oraz domenę w DHOSTING.PL z 20% rabatem!
✅ KOD: zrobiestrone
zrobiestrone.p...
Dokumenty prawne, regulaminy sklepów z 10% rabatem!
✅ KOD: AFF-EML-ZR13ST
zrobiestrone.p...
Niezawodna bramka płatnicza przelewy24
zrobiestrone.p...
Najlepszy system newsletter MailerLite
zrobiestrone.p...
🚩 Wtyczki użyte w filmie:
Elementor: pl.wordpress.o...
Elementor Header, Footer & Blocks: pl.wordpress.o...
Happy Addons for Elementor: pl.wordpress.o...
Ooohboi Steroids for Elementor: pl.wordpress.o...
Elementor Timeline Widget Addon: pl.wordpress.o...
Robin Image optimizer: pl.wordpress.o...
WebP Converter for Media: pl.wordpress.o...
Autoptimize: pl.wordpress.o...
WPForms: pl.wordpress.o...
Call now button: pl.wordpress.o...
WPS Hide Login: pl.wordpress.o...
LiteSpeed Cache: pl.wordpress.o...
GA Google Analytics: pl.wordpress.o...
Yoast SEO: pl.wordpress.o...
Kontakt
📧 kontakt@zrobiestrone.pl
Tu mnie znajdziesz:
📰 Blog: zrobiestrone.pl
👍 Facebook: / emilwordpress
📷 Instagram: / emil.czuprynski
▶️ TikTok: / emil.czuprynski
🌐 Oferta: zrobiestrone.p...
Potrzebujesz darmowy certyfikat SSL na stronę? Sprawdź!
💡 • Jak Zainstalować Darmo... 
Хобби
KUP DOMENĘ I HOSTING NA DHOSTING.PL -> dhosting.pl/pp-zrobiestrone -> 40% rabatu z kodem: zrobiestrone
Bardzo dobry i skuteczny poradnik, dziękuje za możliwość nabycia nowych umiejętności, pozdrawiam, zdrówka życzę.
Dzięki wielkie! Również pozdrawiam. Bądź na bieżąco, gdyż na weekendzie nagrywam kolejny tutek jak zrobić sklep internetowy ;)
Super, poradnik. Dzięki wielkie. Wszystkim początkującym polecam!
Dzięki za miłe słowa! Pozdro
Cześć Emil właśnie skończyłam robić moją pierwszą stronę, przeszłam z Tobą cały poradnik! Dziękuję za kopalnie wiedzy!!
Cześć. :) Miło mi to słyszeć. Na prawdę. Podeślij linka to sprawdzę i może doradzę co można poprawić. :) Pozdrawiam i jeszcze raz dziękuję za miłe słowa.
@@emilczuprynski super :) czekam jeszcze na grafiki, jak wszystko dopasuję, to podeślę link :) :) miłego dnia.
Mega poradnik jak i kanał na RUclips, dziękuje za możliwość nabycia nowych umiejętności :)
Dzięki wielkie :) pozdrówki
Świetna Robota , wszystko mega przejrzyście wyjaśnione . Pozdrawiam
Cześć! Dziękuje za miłe słowa :) Pozdrawiam
Super poradnik
Ło Panie ponad 5 godzin - epicko:)
Wszystko wytłumaczone krok po kroku, na spokojnie ;)
😢nie dalam rady obejrzec calego Video, bo ta piskliwa muzyka jest nie do wytrzymania. Szkoda, bo na prawde świetnie tlumaczysz. Pozdrawiam serdecznie
Przeżyje jakoś 🙂
"Siemanko". Aaaaaale Ty umiesz szybko czytać regulaminy :) Ciekawy poradnik i czekamy na kolejne.
:)
Bravo Ty. Dzięki bardzo. Dobra robota.
Hej :) dzięki wielkie. Pozdrawiam
Super robota :)
Hej! Dzięki za miłe słowa :) Na pewno motywują do dalszego działania. Pozdrawiam
4godziny słuchania tej muzyki - no pierdolca można dostać, ale po z tym to dzięki za dobry film
Mordo - film był robiony w ubiegłym roku, weź na to poprawkę - teraz nie ma żadnej muzyczki :D
@@emilczuprynski spoko tak tylko pisze, miłego wieczoru :D
@@strzelo4258 Czasu nie cofnę, muzyki nie skasuję :D Wzajemnie byku
@@emilczuprynski jeszcze jedna rzecz, masz może jakiś film na temat wyglądu produktu aby strona danego produktu wyglądała lepiej?
@@strzelo4258 Nie mam - ale jak będzie trzeba to mogę stworzyć. Potrzebować będziesz jednak do tego Elementora Pro :)
Bardzo fajny poradnik, nie same tutoriale na kradzionych szablonach
Z szablonów korzystam tylko jak ktoś ma mocno nikły budżet lub częściej przy sklepach. Trzeba wyrabiać swoją wyobraźnię i smak design'erski :) Pozdrawiam
Cześć,
Swietny materiał. Nie wiem jednak co robię źle, że nie odciąga mi się do góry margines dokładnie jest to 37.15 minuta filmu.
Jak zaznaczam ujemny -100 to nie zapełnia mi menu nawigacyjnego jak u Ciebie :( Prośba o pomoc.
Cześć, dzieki za miłe słowa. Być może nadałeś nagłówkowi jakieś tło? Być może zrobiłeś coś nie tak jak na filmiku. Ujemny margines dajesz w pierwszej sekcji w zakładce i jest to górny margines. Ewentualnie możesz dać w menu nawigacyjnym jako dolny margines i też dać ujemny. Musi się dać bo nie ma powodu, aby się nie dało. Coś robisz źle i musisz na spokojnie sobie prześledzić.
Emilu co w sytuacji gdy strona wyświetla się dobrze na pewnych telefonach i jest responsywna, a na iPhone czy telefonie o innej rozdzielczości już się rozjeżdża. W elementorze w widoku responsywnym jest ok. Może taki film?
Cześć, nie wiem bo nie mam iPhone i nie miałem nigdy tego problemu. Jeżeli tak się dzieje to dobrze jest napisać na support forum w Elementorze na stronie WordPress.
Witaj Emil. Pytanie.Zasysam gotowca do edycji...takie demo. Gdzie zmienić trzeba anglo teksty: Home na Główną , About na O, Contact na Kontakt... itd. W Menu, ustawienia tełka...czy też gdzies jeszcze? W listach stron? Dzięki
Cześć koleżko, witaj na moim kanale. Co do Twojego problemu to po kliknięciu w nazwę danej zakładki pojawi Ci się jej edycja. I tam zmieniasz sobie w tytule jej nazwę. Dodatkowo z prawego słupka menu wybierz sobie "ODNOŚNIK" i również tam je zmień. Pozdrawiam
Najs; d
Cześć, bardzo fajny tutorial. Dziękuję. Pytanie: czy Happy Addons nadal współdziała z Elementorem po roku od nagrania tutoriala? Pytam bo po jego instalacji i włączeniu znika z Elementora menu z modułami i wraca spowrotem dopiero po wyłączeniu Happy Addons..
Ciężko mi powiedzieć bo nie korzystam już z Happy Addons bardzo długo. Praktycznie odkąd mam Elementora Pro to działam sobie na nim. Jaką konkretną funkcjonalność chcesz dodać przy użyciu Happy Addons?
@@emilczuprynski w sumie nic konkretnego, chciałam sobie potestować... Więc nie ma problemu, nic strasznego się nie dzieje. Dzięki jeszcze raz za nagranie... Pozdrawiam
Hej, co zrobić aby edycja strony w trbie komputera nie miała wpływu na to co się dzieje w widoku na telefon?
Cześć! Musisz sprawdzić, czy dana opcja, która edytujesz ma z boku ikonkę np. komputera - w zależności od tego w jakim widoki edytujesz stronę. Jeżeli nie ma takiej ikonki np. przy kolorach to zmiana danego ustawienia w widoku na desktopie, zmieni też na mobile.
@@emilczuprynski Jasne, dzięki wielkie za odpowiedź :D
Jak chce zdjecię dodać wyskakuje mi komunikat "brak katalogu plików tymczasowych" Czym to może być spowodowane? W necie nic konkretnego nie znalazłem
Osobiście nie miałem takiego problemu, więc Ci nie pomogę, ale jak patrzyłem jest tego multum w necie :)
Jak ustalić brief z klientem? Czy gdzieś można pobrać gotowy wzór pytań dla klienta?
Cześć :) Co do briefu to pełno jest gotowców na Internecie. Możesz podpatrzeć inne strony, które oferują złożenie formularza już z zapytaniami pod brief. Na pewno dobrze jest się wypytać o wszystkie kwestie, aby potem nie było zonka, niedopowiedzeń itp.
Warto uczyć się html i css gdy jest wordpress?
Cześć!
Pewnie. W szczególności CSS, gdyż jestes bardziej niezależny od wtyczek, jeżeli chcesz sobie zmienić jakiś element strony, a motyw lub wtyczka Ci tego nie umożliwia.
Podstawy HTML też warto znać.
Oczywiście nie musisz się ich uczyć, ale dla ułatwiania sobie życia warto. :)
@@emilczuprynski Dzięki za odpowiedź. Trochę szkoda, że wszystko ulega automatyzacji.
Wie ktoś jak pozyskać klienta na stronę internetową ?
Cześć :) Po pierwsze stwórz swoją witrynę internetową. Dobrze stworzona strona to jedno. Możesz również w ramach zdobycia czegoś do portfolio zrobić ze 3-4 strony za free lub po taniości, tak aby mieć co wrzucić do siebie do portfolio. Potem musisz pracować nad swoją marką. Miej bloga i wrzucaj regularnie nowe materiały. Możesz również mieć swój kanał na yt, z którego również będą wpadali klienci. Możesz spróbować łapać też klientów na OLX tylko tam ludzie lecą po budżecie. Klientów możesz mieć, ale patrzą nie na jakość, ale na cenę. To też dobre miejsce, aby złapać jakieś pierwsze stronki. Weź notes, wizytówki i idź też w miasto, chodząc po mieście i przedstawiając im swoje usługi. Z czasem klienci będą szli też do Ciebie z poleceń. Dbaj o pozycje wizytówki w Google Moja Firma - zbieraj regularnie opinie swoich klientów. Ja swoje pierwsze 6 stron zrobiłem na takiej zasadzie:
1. Strona kawiarni w moim mieście - kolega z etatowej pracy otwierał kawiarnię, a że doskonaliłem się jeszcze wtedy w tworzeniu stron internetowych to zaoferowałem mu zrobienie takiej stronki. Zysk był nijaki, bo 150 zł, ale sam fakt możliwości kształcenia się przy jakimś zleceniu dawał mi plusa. Zwykła strona wizytówkowa
2. Strona rodzinnych ogródków działkowych - swego czasu działałem trochę w zarządzie w ogródkach działkowych. Wyszedłem z inicjatywą, aby unowocześnić trochę kontakt z działkowcami i stworzyć stronę internetową wraz z systemem aktualności. Doszedł więc moduł bloga co poszło na plus. Za to nie wziąłem nic.
3. Strona firmy od szkoleń - znajomy z czasów szkoły średniej zrobił sobie stronę, ale była ona nijaka. Znalazł mnie przez wyszukiwarkę google. I tak wpadło kolejne zlecenie, również z blogiem i jakimiś większymi zakładkami.
4. Strona Pani fotograf - po stronie nr 3 zostałem polecony koleżance. Było pierwsze zlecenie z polecenia od poprzedniego klienta. Wizytówkowa strona, stosowałem jakieś nowe bajery, których się nauczyłem. Doszedł blog + strefa klienta.
5. Strona fotografa - mieliśmy, sesję narzeczeńską z żoną, gdzie fotograf szukał pary do sesji do jego portfolio. W zamian zaoferowałem mu stronę z blogiem z darmo.
6. Strona wizytówkowa - 6ta tego typu strona to witryna firmy od kładzenia światłowodów. Gościu mi Internet podłączał i od słowa doszliśmy do tego, że robię stronki. Prosta strona wizytówkowa - pierwsza zrobiona na szablonie.
A potem to już poszło :)