#3. Ustawienia motywu Divi

#3. Ustawienia motywu Divi

Divi

Motyw Divi jest wyposażony we własny panel z ustawieniami. W nim możesz ustawić takie rzeczy jak logo, favicon, ustawienia nawigacji, ikony społecznościowe w stopce i wiele innych. Te opcje są dostępne z menu panelu WordPress: Divi -> Opcje szablonów graficznych.

ustawienia divi motywu

 

Ustawienia Ogólne

ustawienia opcje ogólne motywu divi

Logo

W tym miejscu  dodajesz logo do nagłówka Twojej strony.

zmiana logo w motywie divi

Favicon

Dodanie obrazu w tym miejscu sprawi, że w pasku zakładki przeglądarki dla Twojej witryny pojawi się obrazek/ikona, tak zwana favikona. Budujemy w ten sposób rozpoznawalność marki firmy lub marki osobistej.

ustawienie favicon motyw divi

Wstawiając tutaj obrazek najlepiej jak będzie on miał taką samą wysokość jak i szerokość.

Zablokowany pasek nawigacji

Zablokowany pasek nawigacyjny odnosi się do paska nawigacyjnego (paska menu strony), który zmienia się w górnej części ekranu podczas przewijania strony. Pasek menu również może zmniejszać się podczas przewijania, aby zapewnić bardziej czytelną przestrzeń ekranu. Domyślnie pasek nawigacyjny jest ustawiony tak, że przewijając stronę w dół ,znika. Po włączeniu tej opcji pasek menu będzie przyczepiony do górnej części strony podczas przewijana.

Włącz galerię Divi

W WordPress mamy możliwość tworzenia prostych galerie zdjęć do stron lub postów. Jeśli chcesz zastąpić domyślny styl galerii WordPress stylem Divi gallery, włącz tę opcję. (Takie jest objaśnienie w dokumentacji na stronie Elegant Themes. Ja nie zauważyłem żadnych zmian, włączając lub wyłączając tą opcje).

Domyślna paleta narzędzi wyboru kolorów

W tym miejscu można zmienić domyślną paletę kolorów dla wszystkich elementów w motywie Divi jak i wizualnym kreatorze Divi Builder. Możesz tutaj ustawić wszystkie kolory potrzebne do dostosowania motywu tak, aby te same kolory były dostępne podczas całego etapu tworzenia strony.

Pobierz pierwszy obrazek wpisu

Domyślnie miniatury wpisów na blogu tworzone są przy użyciu pól niestandardowych. Jeśli jednak wolisz używać zdjęć, które są użyte w Twoim poście jako miniaturki (pomijając niestandardowe pola), możesz włączyć tę opcję. Po aktywacji miniatury będą generowane automatycznie przy użyciu pierwszego obrazu w Twoim wpisie. Obraz musi być umieszczony w bibliotece WordPress.

Tą opcje można sobie włączyć, na wypadek gdy zapomnimy dodać obrazek wyróżniający w poście lub dla strony, wtedy zostanie dodany jako miniatura pierwszy dodany obraz na stronie lub we wpisie.

Tryb stylu blogowego

Domyślnie, szablon automatycznie przycina fragmenty wpisów, aby utworzyć podglądy wpisów. Jeśli wolisz, by Twoje wpisy były wyświetlane w całości, jak w tradycyjnym blogu, możesz aktywować tę funkcję.

Układ graficzny strony sklepu i strony kategorii do WooCommerce

Jeśli używasz integracji z WooCommerce to tutaj możesz wybrać układ graficzny strony sklepu i strony kategorii do WooCommerce.

Klucz API Google

Moduł Mapy korzysta z interfejsu Mapy API Google i jest wymagany do prawidłowego wyświetlania mapy Google. Przed użyciem modułu mapy upewnij się, że został dodany Twój klucz API inaczej mapa nie będzie wyświetlana na stronie. Dowiedz się więcej o tym, jak utworzyć swój klucz API Google tutaj.

Umieść w kolejce skrypt Map Google (myślę, że lepsze tłumaczenie byłoby: „Pobieraj Skrypty Map Google”)

Użyj tej opcji, aby wyłączyć pobieranie skryptu API Map Google z Twoich stron kreatora Divi. Może to poprawić działanie z wtyczkami innych dostawców, które również pobierają ten skrypt.

Uwaga! Moduły, które opierają się na skrypcie API Map Google w celu prawidłowego funkcjonowania, takie jak moduły Mapy i Mapy pełnej szerokości, będą nadal dostępne, ale nie będą działać, gdy ta opcja jest wyłączona (chyba że ręcznie dodasz skrypt API Map Google w danym module).

Ikony mediów społecznościowych

Motyw Divi z automatu po dodaniu linku do konta społecznościowego umieszcza w stopce strony ikonę do mediów społecznościowych. Tutaj możesz kontrolować, które ikony mediów społecznościowych chcesz wyświetlać i do jakich profili mają prowadzić po kliknięciu na nie.

Ilość produktów pokazywanych na stronach archiwum WooCommerce

Tutaj możesz wybrać, ile produktów WooCommerce zostanie pokazanych na stronie archiwum. Ta opcja działa niezależnie od Ustawienia > Opcje czytania w wp-admin.

Liczba wpisów wyświetlanych na stronie kategorii, archiwum, wyszukiwania, stronie tagu

Tutaj możesz wpisać, ile artykułów jest wyświetlanych na stronie kategorii, archiwum, wyszukiwania, stronie tagu.

Format daty

Ta opcja umożliwia zmianę sposobu wyświetlania dat. Więcej informacji na ten temat można znaleźć w kodeksie CMS WordPress tutaj: Formatowanie daty i czasu

Jeśli tak określono, używaj fragmentów

Ta opcja umożliwi stosowanie fragmentów we wpisach lub na stronach.

Responsywne shortcodes

Włącz tę opcję, aby shortcodes reagowały na różne rozmiary ekranu

Podzbiory Google Fonts

Spowoduje to włączenie Google Fonts do języków innych niż angielski.

Przycisk powrotu do góry

Włącz tę opcję, aby podczas przewijania strony w dół wyświetlił się przycisk „Wróć do góry”.

Płynne przewijanie

Włącz tę opcję, aby uzyskać efekt płynnego przewijania kółeczkiem myszy

Minify And Combine Javascript Files

Włącz optymalizacje plików javascript, aby przyspieszyć ładowanie strony.

Minify And Combine CSS Files

Włącz optymalizacje plikówCSS, aby przyspieszyć ładowanie strony.

Niestandardowe CSS

Tutaj możesz dodać niestandardowe CSS, aby nadpisać lub rozszerzyć style domyślne. Do obszernych modyfikacji CSS zalecam, aby zawsze używać motywu potomnego (Child Theme).


Navigation -> Strony/Kategorie

Wyłącz strony z paska nawigacji

Tutaj możesz wybrać które strony mają pojawiać się w menu nawigacji. Wszystkie strony oznaczone literą X nie będą pojawiały się w pasku nawigacji.

Pokaż menu rozwijane

Jeśli chcesz usunąć menu rozwijalne z paska nawigacji stron, wyłącz tę funkcję.

Wyświetlaj odnośnik do strony głównej

Domyślnie, szablon tworzy odnośnik do strony głównej. Jeśli jednak używasz statycznej strony głównej i już utworzyłeś/-aś stronę o nazwie Strona główna, to użycie tej funkcji spowoduje zduplikowanie odnośnika. W takim przypadku należy wyłączyć tę opcję, aby usunąć ten odnośnik.

Sortuj odnośniki do stron

Tutaj możesz wybrać sposób sortowania odnośników do stron.

Układaj odnośniki w kolejności rosnącej/malejącej

Tutaj możesz wybrać odwrotną kolejność wyświetlania odnośników do stron. Możesz wybrać kolejność rosnącą lub malejącą.

Liczba pokazywanych poziomów rozwijania.

Te opcje umożliwiają kontrolę liczby poziomów rozwijania menu rozwijalnego na Twoich stronach. Zwiększenie ich liczby umożliwi pokazywanie dodatkowych elementów menu.

Navigation -> Ustawienia ogólne

ustawienia ogólne navigacji motywu divi

Wyłącz odnośniki menu rozwijalnego z najwyższego poziomu

W niektórych przypadkach użytkownicy będą chcieli utworzyć kategorie lub odnośniki nadrzędne jako miejsca do przechowywania kategorii lub odnośników podrzędnych. W takim przypadku nie jest wskazane, by odnośniki nadrzędne przekierowywały do jakiejś strony. Zamiast tego lepiej będzie, jeśli będą pełniły jedynie funkcję organizacyjną. Włączenie tej opcji usunie odnośniki z wszystkich stron/kategorii nadrzędnych tak, aby nigdzie nie przekierowywać po kliknięciu.

Alternatywna metoda przewijania dla zakotwiczeń

Czasami, gdy korzystasz z identyfikatora CSS sekcji do łączenia się bezpośrednio z nią z innej strony, końcowa pozycja przewijania strony może być niedokładna. Włącz tę opcję, aby użyć alternatywnej metody przewijania dla kotwicy, co może być w niektórych przypadkach bardziej dokładne niż w przypadku domyślnej metody.


Kreator

ustawienia kreatora divi

Generowanie statycznego pliku CSS

Po włączeniu tej opcji lokalne style CSS kreatora dla wszystkich stron będą przechowywane w pamięci podręcznej i dostarczane jako pliki statyczne. Włączenie tej opcji może poprawić wydajność.

Umieść style lokalnie

W poprzednich wersjach kreatora Divi style CSS dla ustawień modułów projektu były umieszczone w stopce. Włącz tę opcję, aby przywrócić to zachowanie.

Prezentacja produktu

Po włączeniu tej opcji prezentacja produktu uruchomi się automatycznie przy pierwszym włączeniu kreatora wizualnego.


Layout

Układ graficzny z jednym wpisem

ustawienia układu graficznego dla pojedynczego wpisu

Wybierz, które elementy mają być wyświetlane w sekcji informacji dotyczących wpisu

Tutaj możesz wybrać, które elementy mają się pojawiać w sekcji informacji o wpisie na stronach z pojedynczym wpisem. Jest to obszar znajdujący się zazwyczaj pod tytułem wpisu, gdzie wyświetlane są podstawowe informacje o wpisie. Będą pojawiać się tam  elementy które są podświetlone.

Pokaż komentarze we wpisach

Jeśli chcesz usunąć z wpisów komentarze i formularze komentarzy ustaw na wyłącz.

Umieszczaj miniaturki obrazków we wpisach

Domyślnie, miniaturki obrazków są umieszczane na początku wpisu. Jeśli chcesz usunąć wyświetlanie obrazu na początku wpisy, aby uniknąć powtórzeń, po prostu wyłącz tę opcję.

Układ graficzny z jedną stroną

układ graficzny dla strony w motywie divi

Umieszczaj miniaturki obrazków na stronach

Domyślnie miniatury nie są umieszczone na stronach (znajdują się tylko w postach). Jeśli chcesz, możesz umieścić miniatury także na stronach. Wystarczy włączyć tę opcję.

Pokaż komentarze na stronach

Domyślnie, komentarze nie są umieszczane na stronach, jeśli jednak chcesz umożliwić użytkownikom komentowanie na swoich stronach, po prostu włącz tę opcję.

Ustawienia ogólne

ustawiania ogólne layout

Sekcja z informacjami o wpisie

Tutaj możesz wybrać, które elementy mają się pojawiać w sekcji informacji o artykule na stronach. Jest to obszar znajdujący się zazwyczaj pod tytułem wpisu, gdzie wyświetlane są podstawowe informacje o wpisie. Będą pojawiać się tam elementy podświetlone.

Pokaż miniaturki obrazków na stronach indeksowanych

Aby pokazywać miniaturki obrazków na stronach indeksowanych, włącz tę opcję.


Ads

Zarządzaj ogłoszeniami reklamowymi

zarządzanie ogłoszeniami reklamowymi

Włącz baner w rozmiarze 468x60 do pojedynczego wpisu

Włączenie tej opcji spowoduje wyświetlenie banera z ogłoszeniem reklamowym, o wielkości 468x60, na dole Twoich stron z wpisami, poniżej treści pojedynczego wpisu. W przypadku włączenia tej funkcji należy podać poniżej obrazek banera i docelowy adres URL.

Wstaw obrazek banera ogłoszeniowego w rozmiarze 468x60

Tutaj można wstawić adres URL obrazka banera o rozmiarze 468x60

Wstaw docelowy adres URL ogłoszenia reklamowego w rozmiarze 468x60

Tutaj można wstawić docelowy adres URL banera o rozmiarze 468x60

Wstaw kod ogłoszeń reklamowych Google Adsense w rozmiarze 468x60

Tutaj wpisz swój kod Google Adsense.


SEO

SEO – strona główna

ustawienia SEO strona główna w Divi

Włącz tytuł niestandardowy

Domyślnie motyw do tworzenia tytułu strony głównej używa stosowanej kombinacji, a jest to połączenie Twojej nazwy bloga i opisu bloga, który podałeś podczas tworzenia bloga. Jeśli chcesz utworzyć niestandardowy tytuł, po prostu włącz tę opcję i wypełnij pole tytułu niestandardowego.

Włącz znacznik meta „description”

Domyślnie opis meta generowany jest z opisu bloga (taki, jaki podano podczas tworzenia bloga). Jeśli chcesz użyć innego opisu, włącz tę opcję i wypełnij niestandardowe pole opisu.

Włącz znacznik meta „keywords”

Domyślne ustawienia nie dodają słów kluczowych do nagłówka. Większość wyszukiwarek nie wykorzystuje już słów kluczowych do pozycjonowania strony, ale niektórzy twórcy stron dodają je na wszelki wypadek. Jeśli chcesz dodać znaczniki meta „keywords” do nagłówka, włącz tę opcję i wypełnij pole niestandardowych słów kluczowych.

Włącz kanoniczne adresy URL

Kanonikalizacja ogranicza indeksowanie zduplikowanej treści przez wyszukiwarki, zapobiegając w rezultacie karom za zduplikowaną treść i obniżenie rankingu strony. Czasami do tej samej strony mogą prowadzić różne adresy URL. Na przykład domain.com, domain.com/index.html i www.domain.com są to różne adresy URL, które prowadzą do strony głównej. Z perspektywy wyszukiwarki te zduplikowane adresy URL, które często pojawiają się w linkach niestandardowych, mogą być traktowane jako osobne strony, a nie jako jedna strona docelowa. Zdefiniowanie kanonicznego adresu URL informuje wyszukiwarkę, który adres URL jest traktowany jako główny. Szablon dopiera kanoniczne adresy URL na linkach i nazwie domeny zdefiniowanych w zakładce ustawień wp-admin.

Niestandardowy tytuł strony głównej (jeśli włączono)

Jeśli włączyłeś tytuły niestandardowe, możesz tutaj dodać swój tytuł niestandardowy. Cokolwiek tu wpiszesz, zostanie umieszczone między znacznikami < title >< /title > w pliku header.php

Znacznik meta „description” strony głównej (jeśli włączono)

Jeśli masz włączony znaczniki meta „description”, tutaj możesz dodać swój niestandardowy opis.

Znacznik meta „keywords” strony głównej (jeśli włączono)

Jeśli masz włączone znacznik meta „keywords”, tutaj możesz dodać swoje niestandardowe słowa kluczowe. Słowa kluczowe należy oddzielać przecinkami. Na przykład: wordpress,motyw,divi

Jeśli tytuły niestandardowe są wyłączone, wybierz automatyczną metodę generowania tytułów

Nawet jeśli nie używasz niestandardowych tytułów wpisów, wciąż możesz mieć kontrolę nad generowaniem tytułów. Tutaj możesz wybrać kolejność wyświetlania tytułów wpisów i nazwy bloga albo całkowicie usunąć nazwę bloga z tytułu.

Zdefiniuj znak do oddzielania nazwy strony internetowej od tytułu wpisu

Tutaj możesz zmienić znak oddzielający tytuł Twojego bloga od nazwy wpisu, na potrzeby automatycznego generowania tytułów wpisów. Popularne wartości to „|” lub „-”

SEO – strona z pojedynczym wpisem

ustawienia seo w motywie divi dla wpisu

Włącz tytuły niestandardowe

Domyślnie szablon tworzy tytuły wpisów w oparciu o tytuł Twojego wpisu oraz Twoją nazwę bloga. Jeśli chcesz, by znacznik meta „title” różnił się od tytułu wpisu, do każdego wpisu możesz zdefiniować tytuł niestandardowy, za pomocą pól niestandardowych. Aby tytuły niestandardowe działały, ta opcja musi być włączona i poniżej musisz podać niestandardową nazwę, która stanie się tytułem.

Włącz opis niestandardowy

Jeśli chcesz dodać do swojego wpisu znacznik meta „description”, możesz to zrobić za pomocą pól niestandardowych. Aby wyświetlać opisy na stronach wpisów, ta opcja musi być włączona. Możesz dodawać znacznik meta „description” za pomocą pól niestandardowych, w oparciu o niestandardową nazwę zdefiniowaną przez Ciebie.

Włącz niestandardowe słowa kluczowe

Jeśli chcesz dodać do swojego wpisu znacznik meta „keywords”, możesz to zrobić za pomocą pól niestandardowych. Aby wyświetlać słowa kluczowe na stronach wpisów, ta opcja musi być włączona. Możesz dodawać znacznik meta „keywords” za pomocą pól niestandardowych, w oparciu o niestandardową nazwę zdefiniowaną przez Ciebie.

Włącz kanoniczne adresy URL

Kanonikalizacja ogranicza indeksowanie zduplikowanej treści przez wyszukiwarki, zapobiegając w rezultacie karom za zduplikowaną treść i obniżeniu rankingu strony. Czasami do tej samej strony mogą prowadzić różne adresy URL. Na przykład domain.com, domain.com/index.html i www.domain.com to różne adresy URL, które prowadzą do strony głównej. Z perspektywy wyszukiwarki te zduplikowane adresy URL, które często pojawiają się w linkach niestandardowych, mogą być traktowane jako osobne strony, a nie jako jedna strona docelowa. Zdefiniowanie kanonicznego adresu URL informuje wyszukiwarkę, który adres URL jest traktowany jako główny. Szablon opiera kanoniczne adresy URL na linkach i nazwie domeny zdefiniowanych w zakładce ustawień wp-admin.

Niestandardowa nazwa do tytułu

Definiując tytuł za pomocą pól niestandardowych należy użyć tej wartości jako nazwy niestandardowej. Wartością Twojego pola niestandardowego powinien być niestandardowy tytuł, którego chcesz użyć.

Niestandardowa nazwa do opisu

Definiując opis za pomocą pól niestandardowych należy użyć tej wartości jako nazwy niestandardowej. Wartością Twojego pola niestandardowego powinien być niestandardowy opis, którego chcesz użyć.

Niestandardowa nazwa do słów kluczowych

Definiując słowa kluczowe za pomocą pól niestandardowych należy użyć tej wartości jako nazwy niestandardowej. Wartością Twojego pola niestandardowego powinny być niestandardowe słowa kluczowe, których chcesz użyć.

Jeśli tytuły niestandardowe są wyłączone, wybierz automatyczną metodę generowania tytułów

Nawet jeśli nie używasz niestandardowych tytułów wpisów, wciąż możesz mieć kontrolę nad generowaniem tytułów. Tutaj możesz wybrać kolejność wyświetlania tytułów wpisów i nazwy bloga albo całkowicie usunąć nazwę bloga z tytułu.

Zdefiniuj znak do oddzielania nazwy strony internetowej od tytułu wpisu

Tutaj możesz zmienić znak oddzielający tytuł Twojego bloga od nazwy wpisu, na potrzeby automatycznego generowania tytułów wpisów. Popularne wartości to | lub –

SEO – strona indeksowania

ustawienia strony indeksowania w motywie divi

Włącz kanoniczne adresy URL

Kanonikalizacja ogranicza indeksowanie zduplikowanej treści przez wyszukiwarki, zapobiegając w rezultacie karom za zduplikowaną treść i obniżeniu rankingu strony. Czasami do tej samej strony mogą prowadzić różne adresy URL. Na przykład domain.com, domain.com/index.html i www.domain.com to różne adresy URL, które prowadzą do strony głównej. Z perspektywy wyszukiwarki te zduplikowane adresy URL, które często pojawiają się w linkach niestandardowych, mogą być traktowane jako osobne strony, a nie jako jedna strona docelowa. Zdefiniowanie kanonicznego adresu URL informuje wyszukiwarkę, który adres URL jest traktowany jako główny. Szablon opiera kanoniczne adresy URL na linkach i nazwie domeny zdefiniowanych w zakładce ustawień wp-admin.

Włącz znaczniki meta „description”

Jeśli chcesz wyświetlać znaczniki meta „description” na stronach kategorii/archiwum, zaznacz to okienko. Ten opis powstaje w oparciu o opis kategorii wybrany podczas tworzenia/edytowania kategorii w zakładce wp-admin.

Wybierz sposób generowania tytułu

Tutaj możesz wybrać sposób generowania tytułów na stronach indeksowanych. Możesz zmienić kolejność wyświetlania nazwy bloga i indeksowanego tytułu lub całkowicie usunąć nazwę bloga z tytułu.

Zdefiniuj znak do oddzielania nazwy strony internetowej od tytułu wpisu

Tutaj możesz zmienić znak oddzielający tytuł Twojego bloga od nazwy strony indeksowanej, na potrzeby automatycznego generowania tytułów wpisów. Popularne wartości to | lub –


Integration

Integracja kodu

ustawianie integracji w motywie divi

Włącz kod nagłówka

Wyłączenie tej opcji spowoduje usunięcie poniżej wpisanego kodu nagłówka z Twojego bloga. W ten sposób możesz usunąć kod, zachowując go jednocześnie do późniejszego użytku.

Włącz kod < body >

Wyłączenie tej opcji spowoduje usunięcie poniżej wpisanego kodu „body” z Twojego bloga. W ten sposób możesz usunąć kod, zachowując go jednocześnie do późniejszego użytku.

Włącz pojedynczy kod górny

Wyłączenie tej opcji spowoduje usunięcie poniżej kodu pojedynczego kodu górnego z Twojego bloga. W ten sposób możesz usunąć kod, zachowując go jednocześnie do późniejszego użytku.

Dodaj kod < head > Twojego bloga

Wszelki umieszczony tutaj kod będzie się pojawiać w sekcji nagłówka każdej strony Twojego bloga. Jest to przydatne, gdy trzeba dodać Javascript lub CSS do wszystkich stron.

Dodaj kod do obszaru < body > (dobry do śledzenia kodów, np. Google Analytics)

Wszelki umieszczony tutaj kod będzie się pojawiać w sekcji „body” każdej strony Twojego bloga. Jest to przydatne, gdy trzeba wstawić piksel do śledzenia do licznika odwiedzin, np. Google Analytics.

Dodaj kod u góry Twoich wpisów

Wszelki umieszczony tutaj kod będzie się pojawiać na górze wszystkich wpisów. Jest to przydatne, gdy chcesz zintegrować np. takie funkcje, jak odnośniki do portali społecznościowych.

Dodaj kod na dole swoich wpisów, przed komentarzami

Wszelki umieszczony tutaj kod będzie się pojawiać na górze wszystkich wpisów. Jest to przydatne, gdy chcesz zintegrować np. takie funkcje, jak odnośniki do portali społecznościowych.


Updates

aktualizacja motywu divi

Nazwa użytkownika

Zanim otrzymasz aktualizacje produktu, musisz najpierw uwierzytelnić swoją subskrypcję Elegant Themes. Aby to zrobić, musisz wpisać zarówno nazwę użytkownika Elegant Themes, jak i klucz API Elegant Themes do Karty aktualizacji w swoich ustawieniach motywu i wtyczki. Aby zlokalizować swój klucz API, zaloguj się do swojego konta Elegant Themes i przejdź na stronę Konto > Klucz API.


Importowanie / Eksportowanie

importowanie i eksportownie ustawien w motywie divi

Możesz łatwo wyeksportować lub importować ustawienia motywu Divi, klikając ikonę „Importuj / eksportuj”. Aby wyeksportować plik, wybierz kartę Eksportuj, wprowadź nazwę pliku eksportu i kliknij przycisk „Eksportuj motywy”. Plik .json zostanie zapisany na Twoim komputerze jako kopia zapasowa ustawień motywu Divi. Aby zaimportować plik z ustawieniami, wybierz kartę Importuj, wybierz plik .json i kliknij przycisk „Import Divi Theme Options”.

Zresetuj do ustawień domyślnych

przywracanie ustawień domyślnych w motywie divi

Jeśli chcesz przywrócić ustawienia domyślne motywu Divi wystarczy, że klikniesz na ikonę „Przywróć do domyślnych” a ustawienia zostaną zresetowane.

by Sie 09, 2017 Brak komentarzy
#2. Pierwsze kroki z kreatorem graficznym Divi Builder

#2. Pierwsze kroki z kreatorem graficznym Divi Builder

Divi

 

Co to jest kreator graficzny Divi Builder?

Kreator graficzny  Divi Builder jest to wtyczka wbudowana w motyw Divi (narzędzie) za pomocą, którego możemy tworzyć strony bez znajomości kodowania. Tworzenie strony polega na dodawaniu obszarów i umieszczaniu w nich tak zwanych modułów z różnymi zawartościami np. tekstem, obrazem, formularzem, slajderem itd.

Kreatora można używać na dwa sposoby. Korzystając z standardowego kreatora, tak zwany Back-End (ja nazywam go kreatorem blokowym) i kreatora wizualnego tzw. Fron-End.

Każdy z kreatorów umożliwia budowanie dokładnie takich samych stron internetowych z tymi samymi elementami. Kreator standardowy dostępny jest z panelu administracyjnego WordPress wraz z wszystkimi innymi standardowymi ustawieniami WordPressa. Znajduje się wewnątrz kokpitu WordPress i zastępuje domyślny edytor WordPress.

divi builder od strony panelu wordpress

Natomiast kreator wizualny (graficzny) umożliwia tworzenie stron z pierwszego planu. Tutaj od razu widzisz to co tworzysz, podgląd strony kreowany jest na bieżąco. Klikasz na wybrany element na stronie, dodajesz tekst, zmieniasz czcionkę, a zmiany pojawiają się od razu przed Twoimi oczami.

divi builder wizualny kreator

 

Jak włączyć kreator wizualny?

Po zalogowaniu do panelu WordPress wystarczy, że przejdziesz na dowolną stronę i z paska administratora wybierzesz przycisk „Włącz kreator graficzny”.

 

włączanie kreatora wizualnego divi builder od front-endu

 

Jeśli edytujesz stronę wewnątrz panelu WordPress, możesz przełączyć się na wizualny kreator uruchamiając najpierw standardowy kreator klikając na „Użyj generatora Divi” a potem na przycisk „Użyj kreatora graficznego”.

 

włączanie kreatora divi builder od back-endu

włączanie divi builder od back-endu

 

Podstawy wizualnego kreatora Divi Builder

Fenomen kreatora wizualnego polega ta tym, że stronę budujemy na żywo na zasadzie przeciągnij i upuść. Jesteśmy w stanie zbudować niemalże każdą stronę poprzez łączenie i rozmieszczanie elementów treści.

Budowanie strony w kreatorze Divi Builder polega na używaniu trzech głównych bloków: sekcji, wierszy i modułów. Korzystanie i łączenie ich umożliwia tworzenie przeróżne układy stron. Sekcje to największe bloki konstrukcyjne, które zawierają wiersze składające się z modułów. Każda strona w Divi posiada taką strukturę.

Sekcje

Podstawowym i za razem największym blokiem konstrukcyjnym stosowany w projektowaniu układu strony w Divi jest sekcja. To na niej tworzy się zawartość strony. Istnieją trzy rodzaje sekcji: Regularna, Specjalna i Pełnej Szerokości. Regularna sekcja składa się z wierszy podzielonych na kolumny. Sekcja Pełnej Szerokości składa się z modułów na pełną szerokość strony. Natomiast sekcja Specjalna pozwala na budowanie bardziej zaawansowanych układów.

Wiersze

Wiersze umieszcza się wewnątrz sekcji. Można je dodać dowolną ilość. Wiersze możemy podzielić na kolumny o różnych proporcjach. Po wyborze ilości kolumn dodajemy moduł w wybranej kolumnie. Jeśli chodzi o moduły to tu też nie ma limitu co do ilości ich wstawiana.

Moduły

Moduły są elementami treści, które tworzą Twoją stronę. Każdy moduł Divi ma możliwość dopasowania do dowolnej szerokości kolumny i są w pełni responsywne (przystosowują się do różnych szerokości ekranów).

Budowane pierwszej strony z kreatorem wizualnym Divi Builder

Do budowy strony wykorzystujemy trzy podstawowe elementy konstrukcyjne (sekcje, rzędy i moduły).

Dodawanie sekcji

Zanim w ogóle będziesz mógł cokolwiek zrobić na stronie musisz dodać sekcje. Sekcje można dodać klikając na niebieski przycisk (+).

Po umieszczeniu kursora myszy na obszarze sekcji pojawi się niebieskie (dla sekcji regularnej) obramowanie z niebieskim przyciskiem (+) poniżej. Po kliknięciu w ten przycisk pojawi się panel wyboru rodzaju sekcji, a następnie po wyborze odpowiedniej dla nas zostanie dodana poniżej obecnej sekcji.

Zawsze przy tworzeniu nowej strony z automatu jest dodawana sekcja regularna.

Dodawanie wierszy

Po dodaniu pierwszej sekcji wewnątrz niej możesz rozpocząć dodawanie wierszy z wybraną ilością kolumn . Sekcja może zawierać dowolną liczbę wierszy z różną ilością kolumn, dzięki czemu możesz tworzyć dowolne układy.
Aby dodać wiersz, należy kliknąć w  zielony przycisk (+), który pojawia się po umieszczeniu kursora myszy na bieżącym wierszu. Po kliknięciu zielonego  przycisku (+) pojawi się listą dostępnych typów kolumn. Wybierz odpowiednią dla siebie kolumnę, a wiersz zostanie dodany do sekcji.

dodawanie wierszy w kreatorze divi builder

Dodawanie modułu

Moduły dodajemy wewnątrz wierszy, a każdy wiersz może zawierać dowolną liczbę modułów. Moduły są elementami treści Twojej strony, a kreator Divi posiada ponad 40 różnych elementów, które możesz wykorzystać. Podstawowe moduły to takie jak Tekst, Obrazki i Przyciski lub bardziej zaawansowane, takie jak Suwaki, Galerie Akcji i Sklepy e-commerce.

Aby dodać moduł, należy kliknąć szary przycisk (+) znajdujący się w dowolnej kolumnie lub kliknąć w szary  przycisk (+), który pojawi się podczas umieszczania kursora na już dodanym module. Po kliknięciu przycisku zostanie wyświetlona lista modułów. Wybierz interesujący Cię moduł, a on zostanie dodany do Twojej strony i jednocześnie pojawi się panel ustawień modułu. Korzystając z panelu ustawień można rozpocząć konfigurowanie modułu.

dodawanie modułu w kreatorze divi builder

Konfigurowanie i dostosowywanie sekcji, wierszy i modułów

Każda sekcja, wiersz i moduł można dostosować na różne sposoby. Panel ustawień elementu można uzyskać, klikając ikonę koła zębatego, która pojawia się po umieszczeniu kursora nad dowolnym elementem na stronie.

ustawienia modułu divi builder

Spowoduje to uruchomienie panelu ustawień określonego elementu. Każdy panel ustawień jest podzielony na trzy karty: Treść, Projekt i Zaawansowane. Każda karta ma ułatwić szybkie i łatwe dostosowanie wielu różnych ustawień poszczególnych elementów. Na karcie Treść jest oczywiście miejsce, w którym można dodawać treści, takie jak obrazy, wideo, linki i etykiety administratora. Na karcie Projekt znajdują się wszystkie wbudowane ustawienia projektowania dla każdego elementu. W zależności od tego, co edytujesz, możesz sterować różnymi ustawieniami projektowania za pomocą jednego kliknięcia; W tym: typografia, odstępy (wypełnienie / margines), style przycisków itd.

Zapisywanie strony i dostęp do ustawień strony

Aby uzyskać dostęp do ustawień ogólnych stron, należy kliknąć na okrągłą, fioletową z trzema kropkami ikonę u dołu ekranu. Spowoduje to wyświetlenie paska ustawień z dodatkowymi opcjami. Możesz otworzyć ustawienia strony, klikając na ikonę koła zębatego. Tutaj możesz dostosować takie rzeczy, jak kolor tła strony i kolor tekstu. Znajdziesz też przyciski Zapisz i opublikuj, a także różne opcje podglądu. widoku strony na różnych urządzeniach.

ustawienia strony w divi builder

Wczytywanie gotowych układów stron

Świetnym sposobem na rozpoczęcie nowej strony jest praca z przygotowanym układem. Wraz z instalacją motywu Divi otrzymujemy ponad 20 gotowych układów, które obejmują różne typy stron, takie jak „O nas”, „Kontakt”, „Blog”, „Portfolio” itp. Należy tylko uzupełnić własną treścią.

Zapisywanie własnych układów do biblioteki

Poza korzystaniem z gotowych układów dostarczonych wraz z Divi, można zapisywać własne układy w Bibliotece Divi. Gdy projekt zostanie zapisany jako Divi Layout w bibliotece Divi, można ją załadować na nowe strony. Im więcej wyposażysz bibliotekę swoimi ulubionymi projektami, tym szybciej będziesz w stanie tworzyć nowe strony internetowe.

Aby zapisać element w bibliotece, kliknij w ikonę biblioteki, która pojawi się, gdy kursor myszy znajduje się na dowolnym elemencie oraz na pasku ustawień strony. Gdy element zostanie dodany do biblioteki, pojawi się on na karcie „Dodaj z biblioteki” i będziesz mógł go wybrać podczas dodawania nowych układów, sekcji, wierszy i modułów Divi.

biblioteka divi w divi nuilder

OK, podstawy zaliczone 🙂

Potrafisz już dodawać sekcje, wiersze i moduły tak aby dostosować je do swojego projektu. Życzę powodzenia i zapraszam do innych instrukcji.

by Sie 05, 2017 Brak komentarzy
#1. Jak zainstalować Motyw Divi – instrukcja krok po kroku

#1. Jak zainstalować Motyw Divi – instrukcja krok po kroku

Divi

 

Krok 1. Założenie konta w Elegant Themes i pobranie motywu.

Przechodzisz na stronę Elegant Themes i wybierasz najlepsza dla siebie licencje. Korzystając z tego linku otrzymujesz zniżkę 20% także warto z tego skorzystać.

Instalacja motywu Divi WordPress Krok 1 rejestracja konta

 

Po założeniu konta i wykupieniu motywu otrzymasz dostęp do panelu gdzie będziesz mógł pobrać motyw. Aby zalogować się i pobrać motyw wybierz z menu „Login”. Podaj swoje dane do logowania, które podałeś podczas rejestracji i kliknij „Member login”.

 

instalacja motywu divi wordpress krok 2

 

Po zalogowaniu klikasz na przycisk „Dowload” i plik z motywem zostanie pobrany na dysk Twojego komputera.

 

Pobieranie motywu Divi z panelu Elegant Themes

 

Krok 2. Instalacja motywu Divi w panelu administracyjnym WordPress.

Aby zainstalować motyw musisz go przesłać do kokpitu WordPress. W tym celu logujesz się do panelu administracyjnego WordPress.

Logowanie do panelu administracyjnego WordPress

Po zalogowaniu wybierz z lewego menu opcje „Wygląd” -> „Motywy” i Kliknij przycisk „Dodaj nowy” u góry ekranu.

Dodawanie motywu Divi w panelu administracyjnym WordPress

Następnie kliknij na przycisk „Wyślij motyw na serwer”.

Instalacja motywu Divi

 

Kliknij „Wybierz plik”. Otworzy się okno z folderami na Twoim komputerze. Wyszukaj plik Divi.zip, który przed chwilą pobrałeś z panelu Elegant Themes i wybierz go.

Po chwili motyw zostanie zainstalowany. Postęp przesyłania będzie widoczny w lewym dolnym rogu okna przeglądarki (Chrome). Ostatnim krokiem jest włączenie tego motywu.

Włączenie motywu Divi

by Lip 26, 2017 Brak komentarzy
Jak Zrobić Bloga Który Zarabia – Poradnik Krok Po Kroku

Jak Zrobić Bloga Który Zarabia – Poradnik Krok Po Kroku

Blog

W świecie pracy dzieje się coś niezwykłego. Jak to jest możliwe, że tak wiele osób z różnych środowisk, wszystkich grup wiekowych, a nawet firmy działające w Internecie w różnych branżach tworzą blogi?

Co jest takiego niezwykłego w wierszach teksu przeplatanych serią obrazków?

I tak na dobrą sprawę, kto by chciał czytać rozrzucone myśli przeciętnej osoby takiej jak ja czy Ty?

W Internecie znajdziemy blogi, które maja miliony unikatowych odwiedzin i generują ponad milion złotych dochodu na rok.

Oczywiste jest to, że niemożliwe jest to abyś teraz, od razu zarabiał takie kwoty. Natomiast bardzo realne jest aby Twój blog generował chociaż 1/100 tego co zarabiają najlepsi blogerzy.

Dzisiaj pokażę Ci krok po kroku, co potrzebujesz aby stworzyć bloga, zwiększać jego odwiedziny oraz dowiesz się jak możesz na nim zarabiać.

Jak Zrobić Bloga – Krok 1. Jaki jest najlepszy pomysł na bloga?

 

Jeśli chcesz stworzyć bloga, nie potrzebujesz jakiegoś rewolucyjnego pomysłu. Natomiast na swoim blogu powinieneś koncentrować się na czymś konkretnym.

Zapamiętaj sobie, że Twój pomysł na bloga nie musi być niesamowicie genialny.

Ponieważ, Ty masz swoje unikatowe doświadczenie. Masz wyraźny głos. I prawdopodobnie masz żywą osobowość, która przyciąga innych.

Jeśli chodzi o wybór tematu na bloga, to są 2 kluczowe pytania, na które należy sobie odpowiedzieć.

1. Czy zgłębianie wiedzy wybranego tematu sprawia Ci przyjemność?

Jeśli nie kochasz wybranego tematu, będzie to widoczne w Twoich wpisach. Nie powinieneś zakładać bloga jeśli nie czujesz się dobrze w tym o czym chcesz pisać.

Jakikolwiek temat wybierzesz, trzeba go kochać i oczywiście musi być dla Ciebie interesujący. Jeśli tak nie będzie, to szybko zabraknie Ci pomysłów na jego prowadzenie. Nie będziesz w stanie na konsekwentne tworzenie zawartości, która będzie budować Twoją publiczność.

Jeśli nadal nie wiesz jaki temat wybrać, pomyśl o tym, z czym przychodzi do Ciebie rodzina lub Twoi przyjaciele gdy potrzebują pomocy albo porady.

To może być sport, hobby albo nawet porady w związku, coś o czym możesz się wypowiedzieć. Ty wiesz najlepiej.

2. Czy są inne osoby, które interesują się tym samym co Ty?

Czasem może być tak, że czujesz się jakbyś był jedyną sobą, która ma obsesje np. na punkcie szydełkowania. Tutaj możesz to szybko zweryfikować i zobaczysz, że tym tematem interesuje się bardzo wile osób.

Wystarczy, że wykorzystasz wyszukiwarkę Google i wpiszesz interesujący Cię temat. Dla szydełkowania mamy 926 000 wyników skierowanych do osób zainteresowanych taką treścią.

jak zrobić bloga który zarabia badanie pomysłu

Możesz się zastanawiać czy Twój pomysł jest nietypowy albo jest zbyt ogólny. W takiej sytuacji możesz wybrać bardziej konkretny kierunek.

Temat tworzenia stron internetowych jest naprawdę szeroki, są różne sposoby, aplikacje oraz języki kodowania stron, a tym czasem ja wybrałem, że będę pokazywał jak budować strony wykorzystując platformę WordPress i wokół tego tematu znajdziesz informacje na moim blogu.

Jak Zrobić Bloga – Krok 2. Nazwa bloga i wybór hostingu.

 

Jest to bardzo ważny element ponieważ nazwa blog to Twoja marka. Tak jak inni Cię zapamiętają. Jednak nie poświęcaj dużo czasu na jej wymyślanie. Kluczowym elementem tutaj jest działanie i nabieranie rozpędu.

Gdy zaczynasz robić bloga potrzebujesz dwie rzeczy.

Pierwszą z nich jest nazwa domeny. Inaczej jest to nazwa Twojego bloga. Na przykład ja mam rafalstepien.pl. Nazwa domeny to inwestycja od 50 – 120 zł/rok.

Drugą rzeczą jest hosting. Hosting jest to usługa, dzięki której Twój blog jest dostępny w Internecie 24 godzin na dobę.

Bez hostingu Twój blog nie będzie widoczny w Internecie. Bez nazwy domeny Twój blog nie będzie miał adresu, aby go odszukać w Internecie. Są to dwie nierozłączne rzeczy.

Istnieje wiele firm hostingowych do wyboru. Ceny wahają się od 30zł do 1000 zł na rok.

Jeśli dopiero zaczynasz z blogiem, to ja bardzo polecam Linuxpl. Jest to jeden z tańszych, a zarazem szybkich i stabilnych hostingów, który oferuje pakiet nawet za 49.20 PLN / 12 m-cy. (czyli tanio).

Aby wykupić pakiet z strony głównej Linuxpl wybierasz rodzaj konta i postępujesz według wskazówek.

jak zrobić bloga który zarabia hosting

Jeśli mam być szczery, to tak naprawdę nie trzeba niczego wyjątkowego na tym etapie. Po uzyskaniu ponad 20 000 unikalnych użytkowników miesięcznie, można rozważyć aktualizację, gdzie w Linuxpl można to zrobić w dowolnym momencie.

Domenę również kupisz na Linuxpl. Podczas rejestracji konta hostingowego na Linuxpl zostaniesz zapytany czy chcesz zarejestrować domenę. Rejestracja domeny na rok kosztuje 14,76 zł, a później jej odnowienie 77,67zł na rok.

Podczas nazywania swojego bloga możesz wziąć pod uwagę takie wskazówki:

  • Jeśli tworzysz osobistego bloga, albo chcesz kreować markę osobista to warto aby Twoja nazwa była Twoim imieniem i nazwiskiem.
  • Wybierz domenę z końcówką .pl – łatwiej ją zapamiętać.
  • Dobrze jak jest możliwie krótka i odnosi się do branży, w której działamy, dzięki czemu łatwiej jest określi niszę bloga i pomoże to wyszukiwarce zidentyfikować o czym jest.
  • Celuj w 2-3 słowa. Niestety większość z pojedynczymi słowami są już zajęte,
  • Należy unikać stosowania cyfr i myślników. Są one trudne do zapamiętania.
  • Szukaj czegoś chwytliwego i zapadającego w pamięć.

Jak Zrobić Bloga – Krok 3. Instalacja WordPressa – oprogramowanie do blogowania.

 

Bez oprogramowania nie można uruchomić bloga. Większość blogów w Internecie jest instalowana na WordPressie, ponieważ jest darmowy, bardzo łatwy w obsłudze i ma dużo możliwości rozbudowy.

Może go zainstalować osoba bez specjalnych technicznych umiejętności za pomocą kilku kliknięć.

Oto przykład jak to wygląda:

Po wykupieniu hostingu i domeny logujesz się do panelu administracyjnego hostingu używając danych otrzymanych na podany podczas rejestracji adres email.

jak zrobić bloga który zarabia zakładanie hostingu

Wprowadzasz dane do logowania:

jak zrobić bloga który zarabia logowanie do hostingu

Wybierasz „Administracja domeną”

jak zrobić bloga który zarabia administrowanie domeną

I dodajesz domenę którą zarejestrowałeś. Klikasz „Dodaj dodatkowa domenę”:

jak zrobić bloga ktory zarabia dodaj domene

A tu wpisujesz nazwę i klikasz „Utwórz”:

jak zrobić bloga ktory zarabia wpiszj domene

Z listy klikasz na dodaną domenę:

jak zrobić bloga ktory zarabia wybierz domene

Następnie z kategorii „Zaawansowane opcje” wybierasz „Installatron – instalator aplikacji”:

jak zrobić bloga ktory zarabia instalator wordpress

Z listy dostępnych aplikacji wybierasz „WordPress”:

jak zrobić bloga ktory zarabia wybierz wordpress

I klikasz „instal this application”:

Wskazujesz na jakiej domenie ma być zainstalowany WordPress:

jak zrobić bloga ktory zarabia wskazujesz domene

Niżej ustawiasz jak na rysunku. W polu Version wybierz najnowszą wersie.

jak zrobić bloga ktory zarabia ustawienia instalacji wp

Podajesz nazwę użytkownika i hasło do panelu WordPress. Tytuł swojego bloga i krótki opis.

jak zrobić bloga ktory zarabia ustawienia instalacji wp2

Klikasz przycisk „Install”.

jak zrobić bloga ktory zarabia ustawienia instalacji wp3

Proces instalacji:

jak zrobić bloga ktory zarabia instal wordpress

Po zakończeniu instalacji masz już w pełni funkcjonalny blog.

Jak Zrobić Bloga – Krok 4. Projektowanie bloga w WordPress.

 

W świecie blogów opartych o WordPress mamy dostępne gotowe wyglądy, wzory stron, które nazywane są motywami.

Zaraz po instalacji Twój blog będzie wyglądał następująco:

jak zrobić bloga ktory zarabia blog wordpress

Nie jest to jakiś powalający wygląd, ale można to w bardzo prosty sposób poprawić.

Masz tutaj tysiące różnych motywów do wyboru. Przez co można wpaść w pułapkę. Przeglądając taki duży zbiór motywów nie będziesz mógł zdecydować się, który wybrać. Przewijasz obłędnie kolejne strony, widzisz co raz to lepszy, ładniejszy, „błyszczący” i tak mija czas, a Ty nadal nie wiesz co wybrać.

Motyw możesz zmienić w każdej chwili. Na początku nie musisz mieć „wodotrysków”.

Po pierwsze aby, zarządzać swoim blogiem musisz zalogować się do panelu administracyjnego WordPress, inaczej kokpitu. Dostęp do niego uzyskasz wpisując twojadomena.pl/wp-admin.

Zobaczysz stronę logowania, gdzie wprowadzasz dane, które podałeś podczas instalacji WordPress.

jak zrobić bloga ktory zarabia logowanie wordpress

Jeśli jesteś nowym użytkownikiem WordPressa panel administracyjny może wydawać się trudny do obsługi.  Jednak przy odrobinie praktyki zobaczysz, że bardzo szybko można nauczyć się korzystania z niego.

jak zrobić bloga ktory zarabia kokpit wordpress

Aby zainstalować nowy motyw, z menu paska bocznego najedź na „Wygląd” i wybierz „Motywy”.

jak zrobić bloga ktory zarabia motywy wordpress

Wraz z instalacją WordPressa zostały zainstalowane podstawowe motywy, które nazywają się „Twenty-[rok]”.

Zamiast tych motywów możesz wyszukać sobie inny i natychmiast z niego korzystać. Kliknij przycisk „Dodaj nowy” u góry, aby uzyskać dostęp do setek motywów WordPress.

jak zrobić bloga ktory zarabia motywy instal

Co do wyglądu to każdy ma swój gust. Na szczęście WordPress ma „Filtr właściwości”, który pomoże Ci wyszukać motywu w Twoim stylu.

jak zrobić bloga ktory zarabia motywy filtr

Są tutaj 3 kategorie: „Układ”, „Właściwości”, „Temat”. Według własnego uznania wybierasz odpowiednie filtry.

jak zrobić bloga ktory zarabia motywy filtr2

Po zastosowaniu filtrów zobaczysz zbiór motywów. Wszystkie te motyw są darmowe, które normalnie jakbyś chciał komuś zlecić zaprojektowanie i wykonanie od zera kosztowałyby w tysiącach złotych.

jak zrobić bloga ktory zarabia motywy galeria

Jak klikniesz na miniaturkę motywu, zobaczysz podgląd jak będzie wyglądał Twój blog. Możesz wtedy ocenić czy ten styl jest odpowiedni dla Ciebie.

Jeśli jesteś zadowolony z wybranego motywu kliknij przycisk „Zainstaluj”.

jak zrobić bloga ktory zarabia motywy podglad

Po zakończeniu instalacji, kliknij przycisk „Włącz” i gotowe.

Jeśli nie możesz znaleźć motywu, który Ci się podoba, poszukaj jeszcze wśród motywów płatnych, które można kupić ze stron takich jak:

Do tej pory Twój motyw powinien być aktywowany i gotowy do pracy. Przejdźmy do ustawień motywu.

Jak Zrobić Bloga – Krok 5. Ustawienia i optymalizacja bloga WordPress.

 

Możliwości zmian na blogu WordPress są nieograniczone. Tutaj jednak skupie się na tych najbardziej istotnych.

Motywy są podstawą projektowania i obejmuje funkcje podstawowe. WordPress posiada też wtyczki, które można dodać aby rozszerzyć funkcjonalność swojego bloga.

Na przykład, można użyć wtyczki, aby dodać formularz kontaktowy lub slider. Wydawałoby się, że są to podstawowe funkcje jednak nie każdy motyw to posiada.

W pierwszej kolejności kliknij na przycisk „Personalizacja” na aktywnym motywie.

http://bit.ly/motywythemeisle

Opcje menu w pasku bocznym będą się różnić, w zależności od wybranego motywu. Główną kategorią do edycji jest „Tożsamość witryny”.

jak zrobić bloga ktory zarabia motyw personalizacja

Tutaj można dodać lub zmienić nazwę swojego bloga, krótki opis i logo jeśli masz taką potrzebę. Kiedy zakończysz wprowadzać zmiany, kliknij przycisk „Zapisz i opublikuj”.

jak zrobić bloga ktory zarabia nazwa bloga

Optymalizacja pod ruch z wyszukiwarki

SEO to proces optymalizacji witryny internetowej pod wyszukiwarki dla określonych słów kluczowych i fraz.

Wielu blogerów zawdzięcza swój sukces, dzięki przestrzeganiu zasad SEO. Pomogło im to w dużej mierze zdobyć więcej odwiedzin na stronie bez dodatkowych kosztów.

Jeśli jest to coś nowego dla Ciebie, to może wydawać się to trudne.

Zaczniemy od pobrania wtyczki o nazwie Yoast SEO.

Z menu paska bocznego najedź na „Wtyczki” i kliknij „Dodaj nową”.

jak zrobić bloga ktory zarabia wtyczka

Wpisz w pole wyszukiwarki „Yoast SEO” i wciśnij enter. Będzie to pierwsza wtyczka w wynikach wyszukiwania.

Kliknij przycisk „Zainstaluj teraz”. Następnie po zakończeniu instalacji naciśnij przycisk „Włącz”.

jak zrobić bloga ktory zarabia instal wtyczka

Dostęp do ustawień wtyczki uzyskasz z górnego paska menu jaki i z menu w pasku bocznym.

jak zrobić bloga ktory zarabia wtyczka Yoas SEO

Po wejściu do ustawień wtyczki wybierz zakładkę „Twoje Dane”

jak zrobić bloga ktory zarabia dane Yoas SEO

Upewnij się, że nazwa strony internetowej i krótki opis są poprawne. Następnie należy określić czy to jest strona firmowa czy prywatna.

Kliknij przycisk „Zapisz zmiany” i przejdź do następnego kroku.

jak zrobić bloga ktory zarabia ogolne Yoas SEO

Następnie przejdź do zakładki „Narzędzia webmasterów” i kliknij „ Google Search Console:” Google Search Console to narzędzie dla webmasterów, które pozwala na zgłoszenie witryny do swojego indeksu wyszukiwania i zoptymalizować widoczność.

jak zrobić bloga ktory zarabia search console

Zaloguj się na swoje konto Google.

jak zrobić bloga ktory zarabia log google

Po zalogowaniu wybierz „HTML tag”.

jak zrobić bloga ktory zarabia html tag

Rozwiną się dodatkowe informacje z kodem meta. Skopiuj ciąg alfanumeryczny bez cudzysłowów.

jak zrobić bloga ktory zarabia cig html

Następnie wklej kod meta w pole „Google Search Console:” i kliknąć przycisk „Zapisz zmiany”.

jak zrobić bloga ktory zarabia wklej kod

Na koniec kliknij przycisk „VERIFY”.

jak zrobić bloga ktory zarabia verify

Następnie przejdź do zakładki „Ogólne” i uruchomić kreator konfiguracji.

jak zrobić bloga ktory zarabia konf seo

Yoast przeprowadzi Cię przez serię 10 szybkich kroków w celu optymalizacji Twojego bloga WordPress.

Pierwszym krokiem jest ekran powitalny, który można pominąć.

W drugim etapie należy wybrać środowisko, które najlepiej pasuje do Twojej witryny. Najprawdopodobniej wybieresz środowisko produkcyjne, co oznacza, że ​​jest to prawdziwa strona.

jak zrobić bloga ktory zarabia konf seo1

Etap 3-ci to rodzaj strony internetowej. Wybierz „Strona z wpisami” i kliknij przycisk Dalej.

jak zrobić bloga ktory zarabia konf seo3

Następnym krokiem jest ustawienie czy to jest strona firmowa czy strona prywatna.

jak zrobić bloga ktory zarabia konf seo4

W kroku 5, można dodać dowolne profile społeczne, które są związane z blogiem. Kliknij „Dalej”, po zakończeniu.

Krok 6 jest o widoczności postu. Ustawienia domyślne są dobre. Określ „Wpisy” i „Strony” na „Visible”, a „Media” na „Hidden”.

jak zrobić bloga ktory zarabia konf seo5

Następnie musisz zdecydować, czy będziesz miał kilku autorów czy jednego. Jeśli zdecydujesz się w przyszłości dodać innych autorów wpisów, można później zmienić te ustawienia.

jak zrobić bloga ktory zarabia konf seo6

Aby umożliwić wtyczce Yoast SEO pobieranie informacji z Google Search Console, wprowadź kod uwierzytelniający od Google. Kliknij „POBIERZ KOD UWIERZYTELNIAJĄCY GOOGLE”.

jak zrobić bloga ktory zarabia konf seo7

Pojawi się okienko pop-up, gdzie należy zezwolić wtyczce Yoast na wyświetlanie danych Search Console na temat Twojego bloga. Kliknij przycisk „Zezwól”, aby potwierdzić dostęp.

jak zrobić bloga ktory zarabia konf seo8

W kroku 9, można sprawdzić swoją nazwę strony internetowej i wybrać separator tytułu.

Separator tytułu to symbol używany do oddzielania tytułu Twojego wpisu i nazwy bloga w polu meta czyli informacji tytułowej. To jest właśnie pole, które widzi wyszukiwarka Google podczas szukania Twojego bloga za pomocą zapytania.

jak zrobić bloga ktory zarabia konf seo9

Ostatni krok to tylko komunikat z gratulacjami potwierdzający, że pomyślnie wprowadziłeś ustawienia SEO dla Twojego Bloga WordPress.

XML Sitemaps

Ostatnimi Yoast SEO ustawieniami, które warto skonfigurować jest mapa strony XML. Mapy strony XML jest plikiem, który zawiera listę adresów URL na Twojej stronie internetowej.

Pomaga to w indeksowaniu witryny dla nowych pozycji w wyszukiwarce Google i innych. Na szczęście Yoast posiada wbudowaną funkcję, która automatycznie aktualizuje mapy witryny.

Wystarczy ze w zakładce „Future”, w ustawieniach „Advanced setting pages” wybierzesz „Enable” i zapiszesz zmiany.

jak zrobić bloga ktory zarabia konf seo10

Ustawienia bezpośrednich odnośników:

Bezpośrednie odnośniki to statyczne linki, które prowadza do konkretnej strony na blogu.

Domyślnie WordPress ustawia te linki w ten sposób:

jak zrobić bloga ktory zarabia PRZYJAZNE LINKI

Jak widzisz jest to adres Twojej domeny i ciąg znaków po znaku „/”.

W żadnym wypadku nie jest to atrakcyjny adres, który mógłby pomóc z zrozumieniu o czym ta strona jest.

Prostym rozwiązaniem jest ustawienie struktury bezpośrednich odnośników.

W menu z paska bocznego najedź na „Ustawienia” i wybierz „Bezpośrednie odnośniki”.

jak zrobić bloga ktory zarabia PRZYJAZNE LINKI2

Istnieje kilka opcji do wyboru. Polecam używać strukturę „ Nazwa wpisu”, która używa słowa kluczowe z tytułu wpisy.

jak zrobić bloga ktory zarabia PRZYJAZNE LINKI3

Zapisz zmiany po wyborze tej opcji. W dalszej części zobaczysz jak to działa.

Jak Zrobić Bloga – Krok 6. Tworzenie pierwszego wpisu na blogu.

 

WordPress posiada intuicyjny edytor, znany nam z takiego programu jak Word. Nowe wpisy tworzysz w panelu administratora.

Z menu paska bocznego najedź na „Wpisy” i wybierz „Dodaj nowy”.

jak zrobić bloga ktory zarabia pierwszy wpis

Zostaniesz przeniesiony do edytora tekstu, gdzie rozpoczniesz pisać pierwszy wpis.

jak zrobić bloga ktory zarabia pierwszy wpis2

Kliknij na ikonę paska narzędzi, aby rozwinąć dodatkowe opcje edycji tekstu.

jak zrobić bloga ktory zarabia pierwszy wpis3

Pierwszy element wpisu to nagłówek. Po jego wpisaniu WordPress utworzy link do wpisu na podstawie słów kluczowych wpisanych w tytule wpisu.

jak zrobić bloga ktory zarabia pierwszy wpis4

Poniżej znajduje się duże pole tekstowe gdzie umieszczasz treści swojego artykułu.

jak zrobić bloga ktory zarabia pierwszy wpis5

Jeśli chcesz dodać obrazek do wpisu, umieść kursor myszy w miejsce gdzie ma zostać dodany obraz i wybierz „Dodaj medium”. Obrazy pomogą zaangażować czytelnika oraz często ilustracja lepiej coś przedstawi niż tylko słowa.

jak zrobić bloga ktory zarabia pierwszy wpis6

Teraz przeciągnij obraz ze swojego dysku na pole biblioteki mediów. Zaznacz wybrane zdjęcie klikając na nie i wybierz „Wstaw do wpisu”.

jak zrobić bloga ktory zarabia pierwszy wpis7

Obraz zostanie dodany do wpisu. A tak to będzie wyglądać w polu tekstowym:

jak zrobić bloga ktory zarabia pierwszy wpis8

Po ukończeniu redagowania wpisu, warto zrobić kilka optymalizacji przy pomocy wtyczki Yoast SEO.

Yoast ma wbudowane ustawienia, które znajdziemy poniżej głównego pola tekstowego.

4 główne ustawienia to:

  • „Tytuł SEO”
  • „Slug”
  • „Opis”
  • „Fraza kluczowa”

Uzupełnienie tych ustawień wygeneruje podgląd tego, jak Twój post będzie wyglądał gdy wyświetli się w wynikach wyszukiwania Google.

Tworzenie chwytliwych nagłówków zwiększy „klikalność”, a opisy meta wyjaśnią o czym jest Twój post.

Wtyczka w czasie rzeczywistym pokazuje zoptymalizowane ustawiania.

jak zrobić bloga ktory zarabia pierwszy wpis9

Staraj się jak to tylko możliwe celować na zielone kontrolki. Opisy przy kontrolkach podpowiedzą co należy poprawić, aby wpis lepiej się pozycjonował w wynikach wyszukiwarki. Jeśli uda się uzyskać 80% zielonych kontrolek to jesteś na dobrej drodze.

jak zrobić bloga ktory zarabia pierwszy wpis10

Na koniec, jeśli Twój blog wyświetla miniatury zdjęć przy postach, ustaw „obraz wyróżniający”.

Aby ustawić taki obraz kliknij na „Ustaw obraz wyróżniający”,  w dolnej części panel.

jak zrobić bloga ktory zarabia pierwszy wpis10

Pojawi się okno biblioteki mediów, gdzie przeciągasz zdjęcie z swojego dysku. Następnie zaznacz je i kliknij przycisk „Ustaw obrazek wyróżniający”.

jak zrobić bloga ktory zarabia pierwszy wpis12

Przed opublikowaniem wpisu można zobaczyć jego podgląd, czyli jak on będzie wglądał na blogu. W tym celu kliknij „Podejrzyj” na górze strony panelu.

jak zrobić bloga ktory zarabia pierwszy wpis13

W ten sposób przed opublikowaniem wpisu możesz upewnić się czy wszystko wygląda tak jak powinno.

Poniżej masz krótką listę kontrolna, co powinieneś sprawdzić przed publikacją:

  • Czy tekst ma styl pisania, tak jakbyś rozmawiał z przyjacielem.
  • Czy bloki tekstu są czytelne. Rozbijaj tekst, tak aby blok tekstu nie przekraczał 5 wierszy.
  • Używaj numerowania i wypunktowania.
  • Sprawdź literówki i błędy gramatyczne.

Jeśli wszystko jest ok, kliknij przycisk „Opublikuj”.

jak zrobić bloga ktory zarabia pierwszy wpis14

A tutaj jak mój wpis wygląda na blogu.

jak zrobić bloga ktory zarabia pierwszy wpis15

Moje gratulacje. Pomyślnie założyłeś bloga, który wygląda czytelnie, przejrzyście i jest zoptymalizowany pod wyszukiwarki.

Jak Zrobić Bloga – Krok 7. Utwórz harmonogram wydawniczy.

 

Jednym z najgorszych błędów początkujących blogerów jest to, że publikują wpisy tylko wtedy kiedy przyjdzie im na to ochota lub wcale. W taki sposób dużo blogów ginie już na samym początku.

Zapominają, że fani chcą otrzymywać więcej treści.

Tutaj jest Twój wybór, czy chcesz swój czas poświęcić na oglądaniu kolejnych seriali, czy spędzić tworząc zawartość na bloga i zdobywać publiczność.

Zycie będzie się toczyć dalej, codziennie będzie stawiać nam nowe wyzwania, kusić przyjemnymi sposobami spędzania czasu, niezależnie czy zaczniesz blogować czy nie.

Konsekwencja w działaniu jest nie doceniana. To jest coś co powinno być Twoim priorytetem.

Blogerzy piszą setki artykułów, ale nie przez to, że piszą 5000 słów na minutę.

Jest to efekt trzymania się harmonogramu wydawniczego, bez jakichkolwiek kompromisów.

Harmonogramy nie są tylko dla dużych publikacji jak Fakt czy Gazeta Wyborcza. Są również dla ludzi takich jak ja i TY.

Pomyśl o tym w ten sposób.

Jeśli masz zapisaną wizytę u stomatologa w terminarzu, albo nawet umówisz się z znajomym na spotkanie to szanujesz to. Jest to dla Ciebie coś ważnego. W nieprzewidzianych sytuacjach można przełożyć spotkanie na inny wolny termin w kalendarzu.

Kalendarze redakcyjne działają w podobny sposób.

Realizują ogromne cele przy pomocy małych kroków. Organizacja jest tutaj kluczowa.

Będziesz zaskoczony, jak kalendarz pomoże Ci w budowaniu charakteru.

Tworzysz nowe nawyki.

Im bardziej będziesz trzymał się terminów tym szybciej urośnie Twoja publiczność.

W takim razie jak zacząć i ile to będzie kosztować

Nic.

Wystarczy, że otworzysz nowy arkusz kalkulacyjny w Excel.

Możesz zacząć od 4 kolumn: Data publikacji, Tytuł, Fraza kluczowa, Notatki.

jak zrobić bloga ktory zarabia harmonogram

Twoje potrzeby mogą być inne niż moje, więc nie krępuj się dodać inne kolumny. Dodaj tyle ile Ci potrzeba. Można jeszcze dodać „kategorie”, „pomocne linki”.

Jak często dodawać nowe wpisy?

Najlepiej jak będziesz dodawał raz w tygodniu. Ustal sobie, w którym dniu i o jakiej godzinie będziesz dodawał nowe artykuły. Zapisz daty i tytuły wpisów do terminarza. Tytułu mogą być w takiej wersji roboczej, w momencie kiedy będziesz pisał na dany temat poprawisz je.

Kolumna „Fraza kluczowa” przeznaczona jest do celów SEO czyli wpisujesz słowa, na które ma zostać pozycjonowany wpis w wyszukiwarkach.

Na końcu mamy kolumnę z notatkami, gdzie zapisujesz pomysły o czym będziesz pisał, możesz tez dodać linki do materiałów pomocniczych.

Bardzo dobrym narzędziem do tego aby realizować zadania zapisane w harmonogramie wydawniczym jest wykorzystanie kalendarza Google.

Przejdź do kalendarza Google i utwórz nowy kalendarz. Zrobisz to klikając na strzałkę w dół po prawej stronie „Moje Kalendarze”.

jak zrobić bloga ktory zarabia harmonogram2

Kliknij przycisk „Utwórz nowy kalendarz”.  Następnie wpisz nazwę, opis kalendarza i kliknij na przycisk „Utwórz kalendarz”.

Teraz utwórz wydarzenie dla tego kalendarza. Kliknij na przycisk „Utwórz”.

jak zrobić bloga ktory zarabia harmonogram3

Wpisz tytuł wydarzenia, ustal datę, wybierz odpowiedni kalendarz. Warto ustawić sobie powiadomienie, które kilka dni wcześniej będzie informowało Cię  o wydarzeniu, przecież musisz wcześniej ten wpis napisać.

jak zrobić bloga ktory zarabia harmonogram4

Jeśli będziesz pisał wpisy wtedy kiedy jest to Ci na rękę, zejdziesz na złą drogę.

W końcu zabraknie Ci pomysłów, stracisz motywacje i zapomnisz o entuzjazmie, który był z Tobą na początku tworzenia bloga.

Ustalanie terminów w kalendarzu jest doskonałym sposobem dla blogerów, którzy odkładają w czasie publikacje nowych wpisów.

Jak Zrobić Bloga – Krok 8. Zarabianie na blogu.

 

Ostatnim krokiem jest zarabianie na blogu. Jeśli nie masz zamiaru od razu zarabiać na blogu, to jesteś dobrej myśli.

Posłuchaj.

Tradycyjny styl sprzedaży przedstawia się następująco:

  • Mamy pomysł
  • Tworzymy produkt
  • Próbujemy go sprzedać.
  • Składamy wniosek o bankructwo.

Metoda ta nie sprawdziła się dla wielu osób jak i firm, ponieważ wcześniej nie została zbudowana publiczność.

Dlatego blogowanie jest doskonałym kanałem zarabiania.

Można zbudować publiczność za pośrednictwem różnych mediów, takich jak newsletter, komentarze na blogu i kanały społecznościowe.

 

Zarabianie z własnych produktów fizycznych lub usług

Budując bloga masz otwarte drzwi do budowania relacji z klientami. Dzięki komentarzom otrzymasz szczere opinie co myślą o Tobie oraz czego potrzebują.

Możesz również zrobić ankietę, aby zbadać potrzeby Twoich odwiedzających.

Jeśli 90% Twoich respondentów powie, że chce  kursu w zakresie budowania stron internetowych, to jak sądzisz, czy ten kurs się sprzeda?

Jest to bardzo dobry sposób na sprzedaż jeśli jesteś specjalistą w swojej dziedzinie. Publikując wartościowe materiały, dając ludziom dobre wskazówki budujesz z nimi dobrą relacje oraz jesteś dla nich autorytetem. Od kogo chętniej kupisz? Od dobrego przyjaciela czy pójdziesz szukać gdzie indziej?

Jeśli nie masz produktu ani usługi to stwórz ją. Może to być:

– ebook

– kurs email

– wideo kurs

– webinar

– coaching

W sytuacji gdy chcesz zrobić kurs wideo polecam Ci poszukać platformy z kursami i tam dodać własny. Ja swój kurs mam na www.kuvi.pl, znajdziesz go pod TYM LINKIEM. Ruch z bloga przekierowuje na kurs, fakt faktem nie jest tego dużo ponieważ dopiero zaczynam, ale efekty już są.

jak zrobić bloga ktory zarabia kurs kuvi

Programy partnerskie

Jest to drugi sposób w sytuacji gdy nie mamy własnego produktu, nie wiemy jak go zrobić lub po prostu nie chce się nam go robić.

Jak to wygląda w praktyce?

Zazwyczaj bloger pisze artykuł o jakimś produkcie, okazji biznesowej, który w jakimś stopniu związany jest z tematyką bloga. W nim umieszcza linki referencyjne np. jeśli jesteś zainteresowany zarabianiem w Internecie kliknij w ten link.  W sytuacji gdy osoba czytająca wpis zainteresuje się produktem, a następnie zakupi go, otrzymujesz stosowną prowizję od sprzedaży.

Jeśli jesteś zainteresowany tematem zarabiania przez polecanie zapraszam na bezpłatny webinar, gdzie otrzymasz więcej informacji, co trzeba robić i ile można na tym zarobić. KLIKNIJ TUTAJ

 

Zarabiaj z reklam

Jeśli nie chcesz sprzedawać produktu fizyczne lub usługi, możesz zrobić to co inni wydawcy robią.

Sprzedawać powierzchnię reklamową.

Każdy może umieścić reklamę na swoim blogu za pomocą Google Adsense. Jednak prawdziwe pieniądze pochodzą z prywatnych sprzedaży miejsca reklamowego.

Aby liczyć na sensowne zarobki trzeba generować duży ruch na blogu.

 

Wniosek

Uruchomienie bloga jest bardzo łatwe. Jednak, aby stworzyć taki, który odniesie sukces i będzie zarabiać pieniądze wymaga ciężkiej pracy, poświęcenia i uporu w działaniu.

Ale, nagroda jest znacznie wyższa niż ryzyko.

Blog w utrzymaniu jest bardzo tani niż kiedykolwiek wcześniej.

Jak wszystko inne w życiu, nie obejdzie się bez przeszkód, które będą chciały abyś zboczył z kursu.

Mimo wszystko zachęcam Cię do stworzenia bloga, udostępniając ten materiał za pośrednictwem swojego bloga.

Wszystko, czego potrzebujesz aby zacząć już masz.

Jak zaczniesz swoją podróż blogowania, pamiętaj, że masz mówić do ludzi.

Bądź sobą. Bądź otwarty. Bądź szczery i spójny z tym o czym piszesz.

Jak będziesz konsekwentnie tworzył wartościowe materiały Twoja publiczność przyjdzie, aby Cię posłuchać.Zapisz

Zapisz

by Lut 02, 2017 6 komentarzy
Jak zrobić formularz zapisu wyskakujący po kliknięciu na przycisk?

Jak zrobić formularz zapisu wyskakujący po kliknięciu na przycisk?

Baza malingowa

W Internecie możemy znaleźć wiele sposobów na tworzenie formularzy zapisu. Mogą to być darmowe wtyczki do WordPressa lub gotowy kod, który trzeba przystosować pod siebie. Jednak takie rozwiązania nie do końca rozwiązywały mój problem z jakim się spotkałem.

Mianowicie, chciałem posiadać taką metodę, takie narządzie, które z automatu będzie mi tworzyć formularz w krótkim czasie, bez pisania styli CSS, uzyskując  profesjonalny wygląd i skuteczne zapisy.

Darmowe wtyczki posiadają podstawowe funkcje, które pozwolą na zbieranie subskrybentów do newsletteru. Jednak bardzo szybko przekonałem się, że aby przystosować ich wygląd już trzeba znać się na języku CSS, aby przystosować wygląd taki jaki oczekujemy co zajmuje czas oraz potrzebna jest wiedza na ten temat.

Podobnie jest gdy mamy gotowy kod. Najczęściej jest to ogólny szablon z domyślnym wyglądem, a jak chcemy go ulepszyć to wtedy sami musimy dostosować go za pomocą niestandardowych styli CSS.

Rozwiązaniem mojego problemu jest wtyczka Bloom, którą otrzymałem w pakiecie przy zakupie motywy Divi na licencji deweloper.

Bloom to świetna wtyczka do tworzenia różnego rodzaju formularzy zapisu na stronie od grupy Elegant Themes. Z pewnością jeśli posiadasz motyw Divi lub interesowałeś się nim to słyszałeś o niej.

Co możesz zrobić dzięki wtyczce Bloom?

Za pomocą wtyczki dodasz z łatwością różne rodzaje formularze zapisu na swojej stronie internetowej lub blogu. Pozwala tworzyć listę mailingową przy użyciu kilku metod.

  • Automatycznie wyskakujące okienko z formularzem zapisu po wejściu na stronę, z możliwością ustawienia po jakim czasie ma się wyświetlić (automatyczne Opt-In Pop-up).
  • Automatycznie wysuwany formularz zapisu w prawym dolnym rogu strony. W zależności od preferencji możemy ostawić aby pojawił się po określonym czasie lub gdy czytelnik przejdzie na sam dół strony. (automatyczny Opt-In Fly-Ins).
  • Proste i szybkie umieszczanie formularza zapisu w treści wpisu lub artykułu. (formularz Inline Opt-In)
  • Automatyczne dodawanie formularza zapisu na końcu blogowego postu (Below Content Opt-In Forms)
  • Widżet formularza zapisu, który możesz umieścić w pasu bocznym lub stopce ( Widget Area Opt-In Forms)
  • Formularz wymagający wpisania adresu email, aby odblokować dostęp do zawartości na stronie (Require Opt-In To Unlock Content)

Dodatkowo wtyczka pokazuje statystyki danego formularza. Pozwala to na ocenę skuteczności zapisów. Jeśli widzisz, że zapisy są niewielkie to masz informacje aby coś zmienić w tym formularzu.

Jak zrobić formularz, który wyskakuje po kliknięciu w przycisk?

W tym wpisie pokażę Ci jak zrobić formularz pop-up, który pojawia się po kliknięciu w przycisk. Swoją drogą polecam Ci, abyś tworzył takie formularze, ponieważ marketerzy robili testy, który rodzaj formularza najlepiej konwertuje (daje największa liczbę zapisów) i wygrał właśnie formularz pop-up po kliknięciu w przycisk. Dlatego też chce pokazać Ci jak zrobić na własnej stronie lub  tzw. stronie przechwytującej (landing page) taki formularz, który pozwoli Ci na zwiększenie zapisów oraz zbuduje większą listę mailingową.

 

Krok 1. Stwórz stronę i przycisk, który uaktywni formularz pop-up

W celu demonstracji pokażę Ci bardzo prosty przykład. Pierwsze co robisz to tworzysz nową stronę na platformie WordPress, a następnie uruchamiasz Divi Builder i dodajesz standardową sekcje z dwoma modułami na całą szerokość sekcji. Pierwszy moduł to moduł tekst, gdzie wpisujesz nagłówek, który ma zachęcić do wpisania adresu email. Drugim modułem jest moduł Przycisk, gdzie po kliknięciu w niego zostanie wyświetlone okienko z formularzem.

Aby zrobić to:

formularz zapisu po kliknieciu w przycisk

Tworzysz w builderze taki układ:

formularz zzapisu bloom one-click popup

Do modułu Tekst wpisujesz nagłówek. Następnie przechodzisz do ustawień moduły „Przycisk”. W ustawieniach ogólnych w polu URL wpisujesz „#1. Poniżej w polu Tekst przycisku wpisujesz: „Zobacz Wideo”, dajesz wyrównanie do środka. Dalej przechodzisz do zaawansowanych ustawień projektu i zmieniasz tło przycisku na pomarańczowy, a kolor tekstu na biały.

formularz zapisu trigger pop-up

Teraz bardzo ważne. W ustawieniach Niestandardowe CSS i w polu Klasa CSS wpisujesz nazwę klasy: „popup. Może to być dowolna nazwa, do której odniesiesz się przy konfigurowaniu formularza pop-up.

formularz zapisu triger po-up onclick

Zapisujesz i zamykasz okno ustawień modułu przycisk. Ustawiasz szablon strony na: „Blank page” i publikujesz stronę.

 

Krok 2. Tworzenie formularza za pomocą wtyczki Bloom

Teraz tworzysz formularz. Do tego celu wykorzystujesz wtyczkę Bloom, w której tworzysz nowy formularz. Tutaj po wyborze rodzaju formularza „pop-up” integrujesz wtyczkę z Twoim autoresponderem po przez wpisanie nazwy konta oraz API Key. W kolejnym kroku wybierasz szablon wyglądu. Potem decydujesz jaki tekst ma się pojawić na formularzu oraz o kolorystyce poszczególnych elementów.

W końcowych ustawieniach zaznaczasz Trigger on-click i w pole CSS Selector (string) wpisujesz „*.” (gwiazdkę, kropkę) oraz nazwę klasy przycisku, w tym przypadku jest to: „popup”. Czyli w pole wpisujesz:*.popup.

forlmularz zapisu bloom onclick pop-up

Czas na prezentacje działania formularza

Jeśli wszystko udało Ci się ustawić poprawnie. Przejdź do strony, którą wcześniej stworzyłeś, następnie kliknij w przycisk, a zboczysz formularz zapisu. Gotowe 🙂

by Sty 14, 2017 4 komentarze