Jak dodać efekt ruchomych cząstek jako tło? (Particles Background)

Jak dodać efekt ruchomych cząstek jako tło? (Particles Background)

Divi

W tym wpisie dowiesz się jak dodać tło z efektem ruchomych cząstek (particles background effect). Poradnik ten dotyczy stron zbudowanych za pomocą platformy WordPress oraz wykorzystującej dowolną wtyczkę kreatora stron (buildera np: Divi Builder, Elementor, Page Builder by SiteOrigin, itd.) z możliwością przypisania ID do wybranego elementu na stronie. No i też bez buildera da się to zrobić tylko, że tutaj już będzie potrzebna znajomość języka HTML i praca z identyfikatorami ID.

Ja lubię proste i szybkie rozwiązania dlatego też przygotowałem poradnik gdzie wykonamy to bez znajomości kodowania 🙂

Zaczynamy



Krok 1 – Integracja biblioteki ParticleJs z WordPress.

W pierwszej kolejności aby WordPress mógł obsługiwać takie efekty musisz dodać do niego bibliotekę JS. Można zrobić to ręcznie korzystając z tej instrukcji.  Jednak mam dla Ciebie lepsze rozwiązanie. Wykona to za Ciebie specjalna wtyczka „Particles Background”. Wystarczy, że ją pobierzesz, zainstalujesz i włączysz w kokpicie WordPress. Kliknij w poniższy link aby pobrać wtyczkę:

Pobierz Wtyczkę (Particles Background)

Po aktywacji wtyczki w menu WordPress pojawi się nowa opcja „Particles Background”:

Kliknij na tą nową opcję. Po prawej tronie pojawi się pole gdzie należy wkleić specjalny kod, który generuje efekt ruchomych cząstek.

efekt ruchomych cząstek polde kodu

Teraz jesteś przygotowany do wdrożenia efektu ruchomych cząstek. Kolejny krok do wygenerowanie kodu efektu.

Krok 2 – Generowanie kodu – efekt ruchomych cząstek.

Kod wygenerujesz na tej stronie:

Strona do Generowania Kodu

particlejs generowanie kodu efekt ruchomych cząstek

Mamy tutaj możliwość skonfigurowania różne efekty. W prawym górnym rogu strony jest kilka funkcji. W polu gdzie obecnie jest widoczny napis „Default” mamy do wyboru 5 szablonów efektów wizualnych. Poniżej są dodatkowe opcje konfiguracji. Można tam zmienić szybkość, kształt i inne parametry związane z wyglądem i sposobem poruszana cząsteczek.

szablony efektów ruchomych cząsteczek

Po wybraniu pasującego nam szablonu i skonfigurowaniu efektu, należy pobrać go w postaci kodu na swój komputer klikając na opcję „Dowload current config (json).

szablony efektów ruchomych cząsteczek pobranie kodu

Kolejny krok to dodanie tego kodu w pole wcześniej zainstalowanej wtyczki „Particles Background”.

Krok 3 – Dodanie pobranego kodu do pola wtyczki „Particles Background”

Pobrany plik z poprzedniego kroku nazywa się „particlesjs-config” z rozszerzeniem „json” (particlesjs-config.json). Standardowo system Windows nie ma przypisanej domyślnej aplikacji do otwierania takich plików. Taki plik możesz otworzyć przy pomocy zwykłego notatnika. Kliknij prawym przyciskiem myszy na ten plik, następnie wybierz „otwórz za pomocą” i wskaż aplikacje Notatnik aby otworzyć ten plik. Po otwarciu pliku zobaczysz kod efektu ruchomych cząstek.

Przejdź teraz do kokpitu WordPress i opcji wtyczki „Particles Background”. W pierwszej kolejności dodaj poniższy kod:

particlesJS('ID_efektu',
>> Tutaj wklej kod z notatnika <<
);

W miejsce ‚ID_efektu’ możesz wpisać dowolną nazwę.

Następnie w miejsce tekstu „>> Tutaj wklej kod z notatnika <<” wklej kod z pobranego pliku particlesjs-config.json, który otworzyłeś za pomocą notatnika.

Po wklejeniu kodu kliknij na przycisk „Zapisz zmiany”.

Krok 4 – Przypisanie efektu ruchomych cząstek do elementu na stronie.

Czas na uruchomienie efektu na stronie.

Dla osób, które korzystają z motywu Divi

Wystarczy, że w ustawieniach sekcji w zakładce „Zaawansowane” w polu CSS ID wpiszesz „ID_efektu” oraz ustawisz kolor tło dla tej sekcji.

id efektu ruchomej cząsteczki

Zapisujemy zmiany i cieszymy się efektem ruchomych cząsteczek 🙂

Jeśli masz jakieś pytania napisze je w komentarzu.

Lis 21, 2017 2 komentarze
#5. Jak dostosować motyw i moduły Divi do indywidualnych potrzeb użytkownika?

#5. Jak dostosować motyw i moduły Divi do indywidualnych potrzeb użytkownika?

Divi

 

Personalizacja motywu i modułów w WordPress umożliwia kontrolę nad poszczególnymi elementami strony. Jest to miejsce gdzie w prostu sposób dostosujesz wygląd witryny, rozmiar, kolor lub odstęp tekstu za pomocą kilku kliknięć.

Narzędzie „Personalizacja”, a dodatkowo w przypadku motyw Divi „Stylista tematów” i „Stylista modułów” jest miejscem, od którego warto zacząć. Do tych paneli dostęp uzyskasz wybierając z menu kokpitu WordPress zakładkę Divi -> Stylista motywów i Divi -> Stylista modułów.

Korzystając z tych narzędzi masz możliwość sterownia rozmiarami i czcionkami w poszczególnych modułach. Zrobisz to używając suwaków bez znajomości kodowania strony w prosty i przyjemny sposób.

personalizacja motywu divi stylista tematów i mosułów

Dostosowanie motywu przy pomocy „Stylisty tematów”

W pierwszej kolejności omówię „Stylisty tematów”. Jest tutaj bardzo dużo opcji podzielonych na kategorie. Po wybraniu tego narzędzia zostaniesz przeniesiony do nowego okna, gdzie po lewej stronie jest panel z ustawieniami np. „Ustawienia ogólne”, „Nagłówek i nawigacja”, a po lewej podgląd strony.

Wybieranie zakładek z panelu powoduje otwarcie opcji związanych z wskazanym obszarem Twojej strony. Zmieniając w tym narzędziu ustawiania, otrzymujesz od razu efekt na podglądzie witryny. Zmiany zostaną naniesione po zapisaniu i opublikowaniu klikając na przycisk „Zapisz i opublikuj”.

stylista tematów - personalizacja motywu divi

Lista dostępnych opcji:

Ustawienia ogólne >

Tożsamość strony >

  • Tytuł witryny
  • Opis
  • Ikona witryny

Ustawienia układu graficznego >

  • Włącz układ pudełkowy
  • Szerokość zawartości strony internetowej
  • Rozstaw kolumn na stronie internetowej
  • Użyj niestandardowej szerokości paska bocznego
  • Wysokość sekcji
  • Wysokość wiersza
  • Kolor akcentu tematycznego

Typografia >

  • Rozmiar tekstu w korpusie
  • Wysokość linii w korpusie
  • Rozmiar testu nagłówka
  • Rozstaw liter w nagłówku
  • Wysokość linii nagłówka
  • Styl czcionki w nagłówku
  • Czcionka nagłówka
  • Czcionka głównej treści
  • Kolor linii w korpusie
  • Kolor tekstu w korpusie

Tło >

  • Kolor tła
  • Obraz tła

Nagłówek i nawigacja

Format nagłówka >

  • Styl nagłówka
  • Włącz nawigacje pionową

Główny pasek menu > i Dodatkowy pasek menu >

  • Wymuś pełną szerokość
  • Ukryj obraz logo
  • Menu wysokość
  • Logo max wysokość
  • Rozmiar tekstu
  • Rozstaw liter
  • Czcionka
  • Styl czcionki
  • Kolor tekstu
  • Kolor aktywnego linku
  • Kolor tła
  • Kolor tła menu rozwijanego
  • Kolor linii menu rozwijanego
  • Kolor tekstu menu rozwijanego
  • Animacja menu rozwijanego

Elementy nagłówka >

  • Wyświetl ikony społecznościowe
  • Pokaż ikonę wyszukiwania
  • Numer telefonu
  • Adres email

Stopka >

Układ graficzny >

  • Układ kolumn
  • Kolor tła stopki

Widgety >

Elementy stopki >

Menu stopki >

Dolny pasek >

Przyciski >

  • Style przycisków
  • Style przycisków po najechaniu myszą

Blog >

  • Post >

Style na urządzenia przenośne >

Schematy kolorystyczne >

Menu >

Widgety >

Statyczna strona główna >

Dodatkowy CSS >

Dostosowanie modułów przy pomocy „Stylisty modułów”

Narzędzie „Stylista modułów” działa podobnie jak „Stylista tematów” tylko, że koncentruje się na dostosowywaniu konkretnych modułów, a nie do ogólnych ustawień strony internetowej.

Po otwarciu „Stylisty modułów” zobaczysz panel z oddzielnymi zakładkami dla każdego z modułów Divi. Po wybraniu wybranej zakładki mamy możliwość dostosowywanie danego elementu.

Na przykład jeśli uważasz, że nagłówek w module slajder pełnej szerokości jest zbyt duży, możesz otworzyć zakładkę „Moduł pełnej szerokości” i ustawić odpowiedni dla siebie rozmiar. Teraz za każdym razem gdy użyjesz tego modułu, będzie miał od razu rozmiar nagłówka wskazany przez siebie.

Można powiedzieć, że w tym miejscu znajdują się globalne (domyślne) ustawianie dla modułów.

stylista modułów dostosowywanie modułów w motywie divi

Sie 24, 2017 Brak komentarzy
#4. Czym jest Biblioteka Divi?

#4. Czym jest Biblioteka Divi?

Divi

Biblioteka Divi to narzędzie do zapisywania układów stron, sekcji wierszy oraz modułów, aby wykorzystać je przy okazji tworzenia kolejnych stron.  Za każdym razem, gdy zapisujesz wybrany element do biblioteki Divi, masz do niego prosty i szybki dostęp. Uzyskujesz go z poziomu okna dodawania modułu, wiersza, sekcji lub układu strony.

Tworząc kolekcje własnych modułów zaoszczędzisz czas podczas projektowania strony. Myślę, że nie raz zdążyło Ci się stworzyć jakiś układ strony, który chciałbyś wykorzystać na innych podstronach. Zamiast tworzyć na nowo taki układ, możesz go zapisać w bibliotece, a następnie wykorzystać na każdej stronie z motywem Divi.

Dzięki stworzeniu kolekcji niestandardowych modułów, wierszy i sekcji w bibliotece możesz je eksportować i importować podczas tworzenia nowych stron internetowych, aby przyspieszyć proces projektowania.

Biblioteka Divi to coś więcej niż tylko zbiór zapisanych układów. Każda pozycja biblioteki może być również utworzona jako układ „Globalny”. Moduły globalne są synchronizowane niezależnie od miejsca ich umieszczenia. Zawsze, gdy zmieni się moduł globalny, automatycznie aktualizuje się on na wszystkich dodanych stronach!

W tym znaczeniu Divi staje się czymś więcej niż tylko kreatorem stron, staje się konstruktorem witryn internetowych. Można na przykład utworzyć sekcję Globalną dodaną do stopki każdej strony w witrynie. Wprowadzenie zmian w sekcji globalnej powoduje automatyczną zmianę tego elementu w całej witrynie.

Ustawienia elementów zapisanych w bibliotece można również synchronizować selektywnie. Na przykład, jeśli chcesz zapisać moduł tylko z ustawieniami z zakładki Projekt i Zaawansowane, to możesz tak zrobić. Jeśli moduł zostanie utworzony jako globalny, ustawienia Projektu i Zaawansowane zostaną zsynchronizowane, a ustawienia z zakładki Zawartość na każdej stronie mogą być inne.

Zapisywanie nowych elementów do biblioteki

Przy pomocą wizualnego kreatora Divi, za każdym razem, gdy umieścisz kursor myszy na module, wierszu lub sekcji, na pasku opcji znajduje się ikona (przycisk), który umożliwia zapisanie elementu w bibliotece do późniejszego wykorzystania. Wystarczy kliknąć na ikonę, wpisać nazwę dla szablonu i kliknąć „Zapisz w bibliotece”.

Po kliknięciu przycisku „Zapisz do biblioteki” zostaniesz poproszony o wypełnienie niektórych informacji o nowej pozycji biblioteki. Podajesz nazwę nowego elementu, wybierasz ustawienia, które chcesz zapisać, możesz dodać do kategorii, a także sprawić, aby element był elementem „Globalnym”.

biblioteka divi zapisywanie modułu do biblioteki

Po dodaniu elementu do biblioteki, dostęp do niego masz w dowolnym momencie z poziomu kokpitu WordPress: Divi – > Biblioteka Divi.  Jeśli chcesz zapisany element dodać do nowej strony wystarczy, że podczas wstawiania elementu przejdziesz do zakładki „Dodaj z biblioteki” i wybierzesz go z listy.

dodawanie modułu z biblioteki divi

Tworzenie i zarządzanie elementami w bibliotece

Za każdym razem, gdy dodasz nowy element do biblioteki, możesz zarządzać nim i edytować z poziomu kokpitu WordPress: Divi -> Biblioteka Divi. Po wybraniu tej opcji uzyskasz dostęp do listy wszystkich elementów biblioteki. Tą listę można sortować za pomocą przycisków sterujących nad listą oraz można edytować dowolne elementy biblioteki, klikając na link „edytuj” znajdujący się obok pozycji na liście.

Tworzyć nowe elementy możesz również w Bibliotece Divi. Aby utworzyć taki element w bibliotece, kliknij przycisk „Dodaj nowy” u góry ekranu, znajdując się wewnątrz strony Divi -> Biblioteka Divi w Panelu WordPress.

zarządzanie biblioteką divi

Dodawanie elementów z biblioteki do strony

Gdy element zostanie dodany do biblioteki Divi, możesz go szybko użyć podczas tworzenia nowych stron. Za każdym razem, gdy dodajesz nowy moduł, wiersz lub układ do swojej strony, zobaczysz zakładkę „Dodaj z biblioteki”. Kliknięcie tej zakładki spowoduje wyświetlenie wszystkich elementów biblioteki. Jeśli chcesz jakiś dodać do strony, po prostu kliknij na wybrany element z listy.

Sie 17, 2017 1 komentarz
#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 468×60 do pojedynczego wpisu

Włączenie tej opcji spowoduje wyświetlenie banera z ogłoszeniem reklamowym, o wielkości 468×60, 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 468×60

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

Wstaw docelowy adres URL ogłoszenia reklamowego w rozmiarze 468×60

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

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

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.

Sie 9, 2017 2 komentarze
#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.

Sie 5, 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

Lip 26, 2017 Brak komentarzy