Wlasny strona internetowa
Zobacz jak latwo mozesz to zrobic...
W oparciu o własny serwer VPS i aplikację Dokploy stworzymy nowoczesną stronę internetową i podłączymy do niej oprogramowanie zbierające dane dotyczące odwiedzających twoją stronę
Uwaga ten projekt zakłada że masz już za sobą projekt "Własny serwer łatwiej"
Wordpress
Wordpress odpowiada obecnie za blisko 40% stron dostepnych w internecie. Oprogramowanie to zostało stworzone w 2003 roku przez Matta Mullenwega i Mike'a Little'a
Zobacz przykłady stron korzystających z Wordpress
Zaczynajmy
W swoim panelu Dokploy utwórz nowy projekt klikając w "Projects" > "Create Project" > Nadaj mu nazwę np. ""Moja nowa strona".
Następnie klikamy w "Create Service" > "Template" > W pole wyszukiwania wpisujemy "Wordpress".
Na karcie aplikacji klikamy "Create"
Przechodząc do zakładki naszej aplikacji przechodzimy do "Domains" i zmieniamy pole "host" na "wordpress.twoja-domena-przyklad.pl"
Pamiętaj o dodaniu rekordu DNS w swoim panelu domeny. Rekord powinien wygladać następująco
W tym momencie pozostaje nam kliknąć "Deploy" w głównym ekranie naszej aplikacji Wordpress i poczekać aż aplikacja zostanie uruchomiona.
Nasza aplikacja jest już uruchomiona więc przechodzimy na wpisany wcześniej adres "wordpress.twoja-domena-przyklad.pl".
Teraz przechodzimy przez instalator Wordpress wypełniając pola użytkownika, hasła, nazwy domeny itd.
Gratulacje !
Elementor + Pro Elements
Choć Wordpress oferuje swój własny program do wizualnej budowy strony internetowej to my skorzystamy z oprogramowania Elementor.
W kokpicie Wordpress przechodzimy do zakładki "Wtyczki" > "Dodaj wtyczkę" > w polu wyszukiwania wpisujemy "Elementor".
Dodajemy wtyczkę elementor do naszej instancji Wordpress poprzez kliknięcie "Zainstaluj' a następnie "Włącz". Teraz przeglądarka zabierze Nas na stronę powitalną Elementor, tutaj możesz założyć dla siebie konto i używać płatnej wersji Elementor albo przeklikać "Pomiń". W trakcie przechodzenia przez proces upewnij się że wybrałaś/eś motyw "Hello".
Tutaj polecam na wstępie zmienić ustawienia zgodnie z poniższym:
Teraz opuścimy ekran Elementor i wrócimy do kokpitu Wordpress. Następnie wejdziemy w zakładkę "Wtyczki" > "Dodaj wtyczkę" > "Wyślij wtyczkę na serwer"
Tutaj otwieramy nową kartę w przeglądarce i przechodzimy tutaj.Pobieramy archiwum zip na komputer po czym wracamy do naszej karty z Wordpress i wrzucamy nasz pobrany plik w odpowiednie miejsce.
Pobrany plik działa jak odrębna wtyczka dlatego w zakladce wtyczki upewnij się że jest zainstlowany i włączony.
Teraz jeśli przejdziemy do zakładki "Strony" i klikniemy na edycję z elementorem naszej utworzonej wcześniej strony głównej zobaczymy że teraz wszystkie widżety dostępne po prawej są dla nas dostępne.
Pro Elements jest legalną wtyczką, której istnienie wynika z zapisów licencyjnych oprogramowania Elementor. Wtyczka ta daje dostęp do widżetów, które w normalnej wersji Elementor są schowane za subskrybcją PRO ale nie daje dostępu do innych rzeczy ujętych w subskrybcji PRO, takich jak motywy, pomoc AI itd
Analityka
No dobrze, mamy już stronę internetową zbudowaną na Wordpress + Elementor, więc możemy przejść do ustawienia analityki pod naszą stronę. Do tego celu skorzystamy z aplikacji Umami.
Robimy to analogicznie do tego jak w przypadku aplikacji Wordpress, z tą rożnicą że szukamy aplikacji "Umami".
Pamiętaj o dodaniu rekordu DNS w swoim panelu domeny.
Kiedy już wszystko wypełniliśmy klikamy przycisk "Deploy" i czekamy na start naszej aplikacji.
Przechodzimy na ustawiony przez nas adres i logujemy się do platformy Umami.
Domyślne: Login: admin Hasło: umami
Pamiętaj zmianie domyślnych ustawień dotyczących logowania
W pasku bocznym klikamy w "Witryny" > "Dodaj witrynę" Tutaj wypełniamy nasze pola nazwą pod którą chcemy widzieć naszą witrynę i nazawę domeny pod którą postawiliśmy stronę.
Teraz potrzebujemy jeszcze połączyć nasz monitor umami z naszą stroną korzystając z kodu śledzenia:
Wchodzimy w nasz utworzony monitor i kopiujemy nasz kod śledzenia.
Teraz wracamy do naszego kokpitu Wordpress. Przechodzimy do zakładki Elementor > Edytor > Własne elementy > Kod
Tutaj wypełniamy pole tytuł dowolną nazwą np. Umami
Wklejamy nasz kod śledzący w pole kodu i klikamy przycisk opublikuj a następnie zatwierdzamy żeby nasz kod dotyczył całej strony.
To wszystko, teraz jeśli przejdziemy do panelu aplikacji Umami zobaczymy że kod działa i pokazuje nam informacje w czasie rzeczywistym
Koniec
Tym sposobem stworzyłeś swoją stronę internetową w oparciu o Wordpress, którą możesz w łatwy sposób edytować korzystając z oprogramowania Elementor poszerzonego o wtyczkę Pro Elements dającą Ci wszystkie elementy do zbudowania pięknej i nowoczesnej strony internetowej. Do tego teraz możesz opierać się na danych zebranych przez Umami do podejmowania trafniejszych decyzji co do swojej marki korzystajać z danych odwiedzających.
Mam nadzieję że stworzysz przy pomocy tych narzędzi coś naprawdę ciekawego