Edytuj za pomocą Fusion Builder w motywie Avada WordPress

AKTUALIZACJA, listopad 2016 : ThemeFusion zaktualizował Avadę do wersji 5.0. Ta aktualizacja oddziela konstruktora Fusion od pojedynczej wtyczki, zamiast być dołączana do wtyczki Fusion Core. Fusion Builder został całkowicie przeprojektowany i bardzo różni się od wcześniejszych wersji.

Kiedy zostaniesz poproszony o uaktualnienie Avada BACKUP całej witryny, w tym wczesnej wtyczki Fusion Core, i przygotuj się na spędzenie czasu na reorganizacji stron, ponieważ nie poruszają się one płynnie.

Jeśli wykonałeś już aktualizację Avada 5.0, a Twoje strony są uszkodzone, zdobądź wcześniejszą wersję Avady. Za pomocą FTP przejdź do folderu wp-content/themes i wykonaj kopię zapasową nowej wersji. Następnie zmień jego nazwę i prześlij na serwer FTP wcześniejszą wersję. Powinieneś odzyskać ładniejszą wersję swoich stron.

Ten post dotyczy wersji 2.0.3 lub wcześniejszej.

Korzystanie z motywu Avada

Jeśli masz motyw Avada na swojej instalacji WordPress, możesz użyć Fusion Builder do tworzenia swoich postów i stron, co znacznie różni się od standardowej aktualizacji strony.

Fusion Builder to wtyczka opracowana przez ThemeFusion, twórców Avady, która umożliwia responsywny układ w obrębie motywu.

Dla początkujących może to być trochę mylące.

Napisałem kilka instrukcji, które pomogą Ci edytować strony lub posty za pomocą Fusion Builder w motywie Avada WordPress.

Zawsze twórz kopie zapasowe przed wprowadzeniem zmian

Nigdy nie aktualizuj rdzenia WordPressa, motywów ani wtyczek bez uprzedniego wykonania pełnej kopii zapasowej wtyczek, motywów, przesłanych plików i bazy danych.

Aktualizacje mogą spowodować awarię czegoś innego i musisz mieć możliwość łatwego przywrócenia lub debugowania. Polecam robienie większych aktualizacji na stronie programistycznej, aby móc ją najpierw przetestować.

Aktywuj Avada's Fusion Builder

Najpierw aktywuj Fusion Builder na stronie lub w poście, używając niebieskiego przycisku nad obszarem edycji treści.

Jeśli Twój projektant stron internetowych już skonfigurował strony, być może kliknął już przycisk. Zmieni to wygląd twojego edytora treści, jak poniżej.

Korzystając z programu Fusion Builder firmy Avada, możesz tworzyć responsywne strony internetowe.

Jak edytować strony za pomocą Fusion Builder

Zaloguj się do swojego zaplecza WordPress.

Przejdź do stron lub posta, korzystając z zakładek po lewej stronie, a następnie edytuj.

Pole Fusion Builder powinno znajdować się u góry ekranu edycji strony. Przyciski u góry są oznaczone jako „Opcje kolumn”, „Elementy Konstruktora”, „Szablony niestandardowe” i „Wstępnie zbudowane szablony”.

W tym poście zignorujemy szablony niestandardowe i szablony pre-kompilacji.

Zaczynaj

Opcje kolumny Fusion Builder

Wybierz opcję kolumny, jeśli chcesz podzielić stronę na kolumny. Spowoduje to wstawienie struktury kolumn do Twojej strony, w której następnie umieścisz elementy Builder. Rozmiary i numery kolumn można później zmienić.

Po wybraniu opcji kolumny ta opcja pojawi się w białym miejscu poniżej. Aby zbudować swoją stronę, pomyśl, jakbyś układał puzzle.

Jeśli dodałeś kolumnę 5 x 6 po lewej stronie, jedyną inną opcją, która zmieści się po prawej stronie jest 1 x 6.

Możesz przeciągnąć jedną kolumnę z lewej strony do prawej strony.

Kliknięcie przycisku minus na dowolnej opcji jednej kolumny zmniejsza liczbę kolumn, które zajmie dany element. Przycisk plusa jest dokładnym przeciwieństwem.

Elementy Fusion Builder

Elementy Konstruktora można dodawać bez uprzedniego wybierania opcji kolumny. Elementy zostaną wstawione w jednym wierszu, który obejmuje całą stronę. W razie potrzeby można je następnie przeciągnąć do wnętrza kolumny.

W Avadzie istnieje szereg opcji Builder Element. Zacznijmy od tekstu. Po dodaniu kolumn, jak powyżej, możesz chcieć dodać blok tekstowy do kolumny.

Wystarczy kliknąć przycisk Builder Element, znaleźć TEKST, a następnie kliknąć i przeciągnąć go do swojej kolumny.

Najedź na element, a następnie kliknij ikonę pędzla, która pojawia się w prawym górnym rogu, aby dodać lub edytować tekst.

Wszystkie elementy można edytować za pomocą tej samej ikony edycji.

Zmień tekst lub nośnik w elemencie, a następnie kliknij ZAPISZ, okno się zamknie.

Po zamknięciu tego okna kliknij niebieski przycisk AKTUALIZUJ, aby zapisać zmiany.

Edycja skrzynek treści w Avadzie

Skrzynki treści znajdują się w obszarze Elementy Konstruktora. Są one przydatne, ponieważ są naprawdę elastyczne.

W ramach jednego elementu „Skrzynki treści” może znajdować się kilka „pól podrzędnych” lub „Elementów”, które można dodać, przewijając na sam dół ekranu Skrzynki treści.

Główny ekran pola zawartości zmienia opcje dla wszystkich pól podrzędnych, chyba że element podrzędny ma swój własny styl.

Przejdź do ekranu edycji swojego Content Box, używając ikony pędzla.

Opcje w Content Box są następujące:

Ustawienia rodzica/dziecka
Ustawienia „Poziom nadrzędny” będą kontrolować wszystkie style ramek razem. Ustawienia „Poziom dziecka” będą kontrolować każdy styl pudełka z osobna.

Układ pola zawartości
Wybierz układ dla pola treści

Liczba kolumn
Ustaw liczbę kolumn w wierszu.

Wyrównanie treści
Działa z opcjami układu „Klasyczna ikona z tytułem” i „Klasyczna ikona z boku”.

Rozmiar tytułu
Steruje rozmiarem tytułu. Pozostaw puste, aby wybrać opcję motywu. W pikselach np.: 18px.

Kolor czcionki tytułu
Steruje kolorem czcionki tytułu. Pozostaw puste, aby wybrać opcję motywu. np.: #000

Kolor czcionki ciała
Steruje kolorem czcionki treści. Pozostaw puste, aby wybrać opcję motywu. np.: #000

Kolor tła pola zawartości
Pozostaw puste, aby wybrać opcję motywu.

Tło ikony
Wybierz, aby pokazać tło za ikoną. Wybierz domyślny wybór opcji motywu.

Promień tła ikony
Wybierz promień obramowania tła ikony. Pozostaw puste, aby wybrać opcję motywu. W pikselach (px), np.: 1px lub „okrągły”.

Kolor ikony
Pozostaw puste, aby wybrać opcję motywu.

Kolor tła ikony
Pozostaw puste, aby wybrać opcję motywu.

Kolor tła ikony Wewnętrzna ramka
Pozostaw puste, aby wybrać opcję motywu.

Tło ikony Rozmiar obramowania wewnętrznego
Pozostaw puste, aby wybrać opcję motywu.

Kolor tła ikony Zewnętrzna obramowanie
Pozostaw puste, aby wybrać opcję motywu.

Tło ikony Rozmiar obramowania zewnętrznego
Pozostaw puste, aby wybrać opcję motywu.

Rozmiar ikony
Steruje rozmiarem ikony. Pozostaw puste, aby wybrać opcję motywu. W pikselach np.: 18px.

Typ animacji po najechaniu ikoną
Wybierz typ animacji dla ikony po najechaniu myszą. Wybierz domyślny wybór opcji motywu.

Kolor animacji po najechaniu kursorem
Wybierz kolor akcentu dla animacji po najechaniu. Pozostaw puste, aby wybrać opcję motywu.

Typ łącza
Wybierz typ linku, który powinien być wyświetlany w polu treści. Wybierz domyślny wybór opcji motywu.

Obszar łącza
Wybierz obszar, do którego zostanie przypisany link. Wybierz domyślny wybór opcji motywu.

Cel łącza
_self = otwórz w tym samym oknie
_blank = otwórz w nowym oknie. Wybierz domyślny wybór opcji motywu.

Opóźnienie animacji
Steruje opóźnieniem animacji między każdym elementem w zestawie. W milisekundach 1000 = 1 sekunda.

Przesunięcie animacji
Wybierz, kiedy animacja ma się rozpocząć.

Typ animacji
Wybierz typ animacji do użycia w shortcode

Kierunek animacji
Wybierz kierunek przychodzący dla animacji

Szybkość animacji
Wpisz prędkość animacji w sekundach (0.1 – 1)

Marża górna
W pikselach (px), np.: 1px.

Margines dolny
W pikselach (px), np.: 1px.

Klasa CSS
Dodaj klasę do opakowującego elementu HTML.

Identyfikator CSS
Dodaj identyfikator do opakowującego elementu HTML.

Edycja „podrzędnego” pola zawartości

Kliknij ikonę pędzla, aby edytować pole zawartości.

Przewiń w dół, aby znaleźć opcję „Dodaj nową skrzynkę treści” lub ewentualnie „Pozycję w skrzynce treści 1+”, jeśli element znajduje się już w skrzynce treści.

Edytuj tekst, obrazy, dodawaj ikony i zmieniaj liczne opcje „dziecka” w polu treści. Te ustawienia zastąpią ustawienia nadrzędne.

Teraz kliknij niebieski przycisk ZAPISZ. Pole edycji zostanie zamknięte.

Pamiętaj, aby kliknąć przycisk AKTUALIZUJ po prawej stronie, aby zapisać stronę.

Przydatne linki

Informacje o aktualizacji Avady