W artykule:
WordPress jest świetny, a możliwość dostosowania witryny WordPress run to tylko wisienka na torcie. Jednak nie wszyscy z nas kodują Guru. Cholera, niektórzy miłośnicy WordPressa nie wiedzą nic o HTML lub CSS. Ale to nie powinno cię powstrzymywać przed dostosowaniem motywu WordPress. Tutaj wkraczają kreatory stron.
Kreatory stron typu „przeciągnij i upuść” są szeroko dostępne jako wtyczki i są wbudowane w wiele popularnych motywów. Umożliwiają one użytkownikom na wszystkich poziomach wprowadzanie zmian w ogólnym układzie motywu, a także dodawanie dodatkowych elementów (ikony, paski umiejętności, tabele cen itp.) super łatwe. W szczególności chcemy przedstawić Ci naszą nową ulubioną wtyczkę do budowania stron WordPress-WPBakery Visual Builder.
Chcesz dowiedzieć się więcej? Przeczytaj i śledź wraz z naszym zaktualizowanym przewodnikiem WPBakery! Ten bardziej szczegółowy spacer pokazuje tajniki tego popularnego narzędzia do tworzenia stron wraz z przykładem użycia.
Czym Jest WPBakery? (Dawniej Visual Composer)
WPBakery Visual Builder to fantastyczna wtyczka opracowana przez WP Bakery, która dodaje Kreator stron typu „przeciągnij i upuść” do motywu WordPress. Wrzuciliśmy go do naszego uniwersalnego motywu WordPress, ale możesz go również zobaczyć w prawie każdym nowym top seller na Themeforest. Zapewnia narzędzia potrzebne do tworzenia złożonych układów stron bez potrzeby dotykania pojedynczej linii kodu.
Jak działa Wpbakery Visual Builder i co może zrobić
Jest to wtyczka, więc po prostu zainstaluj i aktywuj, aby skorzystać ze wszystkich jego wspaniałych funkcji. Po aktywacji, wizualny Kreator WPBakery daje Ci kontrolę nad układem Twoich stron. Po prostu dodaj nową stronę, a zobaczysz nowe przyciski, dzięki którym możesz przełączać się między trybem klasycznym a trybem konstruktora, a także przycisk, który przeniesie cię do aktywnego edytora front-end.
Stąd możliwości są ograniczone tylko przez wyobraźnię twojej (lub Twoich klientów). Możesz dodawać wiersze, kolumny, przyciski, tekst, obrazy i wiele więcej, korzystając ze wszystkich opcji WPBakery Visual Builder. Dodatkowo istnieje opcja zapisywania układów jako szablonów do ponownego użycia w kółko.
Wiersze
W kreatorze zawarte są elementy budowy strony. Możesz użyć tych elementów jako literalnych bloków konstrukcyjnych dla swojej strony. Pierwszy Dodaj Wiersz. Wiersze umożliwiają dodawanie kolumn jednym kliknięciem. Po prostu najedź kursorem na żółtą zakładkę akapit w lewym górnym rogu wiersza i wybierz układ. Wiersz automatycznie dzieli się na kolumny zgodnie z wybranym układem.
Elementy Strony
Następnym krokiem jest rozpoczęcie dodawania funkcji strony. Wystarczy kliknąć na Dodaj Element przycisk, aby otworzyć menu podręczne. Istnieje wiele opcji dodawania pól tekstowych, nagłówków, udostępniania społecznościowego, zdjęć i galerii, przełączników lub kart, akordeonów, ostatnich postów (co działa również z niestandardowymi typami postów Twojego motywu oprócz postów na blogu), przycisków, a nawet widżetów paska bocznego.
Ponadto, w zależności od motywu WordPress i kompatybilnych wtyczek, których używasz z wizualnym kreatorem WPBakery, zobaczysz więcej lub mniej elementów strony. Powyższy przykład pochodzi z naszego Total Drag & Drop WordPress theme, więc istnieją dodatkowe elementy Kreatora Stron 30, które stworzyliśmy i zaprojektowaliśmy wyłącznie dla Total. Obejmuje to niestandardowe dzielniki, pola ikon, kamienie milowe, karuzele i inne.
Kliknij dowolny element, aby otworzyć opcje dla tego elementu. Poniżej znajduje się przykład” opcji ” dla naszego modułu Icon Box W Total theme. Jak widać każdy moduł może mieć wiele ustawień, a nawet wiele zakładek ustawień.
Budowniczy obsługuje również cztery niesamowite wtyczki innych firm: Layer Slider, Revolution Slider, Gravity Forms i Contact Form 7. Jeśli masz zainstalowaną którąkolwiek z tych wtyczek, element strony pojawi się automatycznie dla motywu. Gdy zdecydujesz się wstawić element strony dla jednej z tych wtyczek, WPBakery Visual Builder wyświetla rozwijaną listę utworzonych suwaków/formularzy lub wyświetla pole wprowadzania, w którym możesz dodać identyfikator suwaka. Koniec z kopiowaniem i wklejaniem skrótów!
Przeciągnij I Upuść
W dowolnym momencie procesu projektowania można przeciągnąć i upuścić dowolny wiersz lub element strony, aby zmienić ich układ. Możesz również powielić dowolny wiersz lub element, co sprawia, że dodawanie powtarzalnych treści jest szybkie i łatwe (świetne dla podobnych kolumn, często zadawanych pytań, przełączników itp.).
Po utworzeniu projektu, który kochasz, możesz go zapisać jako szablon. Jest to przydatne podczas tworzenia niestandardowego układu strony lub paska bocznego, które chcesz ponownie wykorzystać. Wystarczy kliknąć na Szablony przycisk, nadaj układowi nazwę i naciśnij Zapisz. Gdy użyjesz szablonu, automatycznie zapełni on Twoją stronę układem i zapisanymi elementami.
Opcje Wiersza: Formatowanie, Klonowanie I Usuwanie Wierszy
W lewym rogu każdego wiersza znajdują się trzy dodatkowe funkcje, które można wykorzystać do klonowania lub powielania całego wiersza i całej jego zawartości, dodawania nowych modułów, edycji kolumn itp. Po prostu najedź kursorem na dowolny wiersz, który chcesz edytować, aby uzyskać dostęp do tych ustawień:
Ponownie, w zależności od motywu, którego używasz, dostępne opcje formatowania mogą być różne. Podczas gdy niektórzy programiści motywów decydują się opuścić wizualny Kreator WPBakery, wielu dostosowuje wtyczkę do potrzeb lub stylu ich motywu.
Edytor Frontend
Potężny edytor wizualny WPBakery zawiera teraz edytor nakładki, który ułatwia rozpoczęcie tworzenia własnych stron i układów. Jedynym zastrzeżeniem jest to, że nie wszystkie motywy obsługują jeszcze edytor front-end. Upewnij się, że dwukrotnie sprawdź listę funkcji motywu lub skontaktuj się bezpośrednio z twórcą motywu, aby sprawdzić, czy edytor nakładki Visual Composer jest kompatybilny z Twoim motywem WordPress. Nasze Total WordPress theme jest w 100% kompatybilny z edytorem front-end więc jeśli twój obecny motyw nie jest, możesz rozważyć „uaktualnienie” do naszego motywu.
Rozszerzenia
Ostatnią funkcją, którą chciałbym dotknąć, jest rozszerzalność wizualnego konstruktora WPBakery. Jeśli zdarzy ci się być zaawansowanym programistą lub programistą motywów, możesz zintegrować własne skróty do wtyczki. W rzeczywistości dodaliśmy w naszym własnym Symple shortcodes Premium, aby dać wszystkim użytkownikom dodatkowe elementy budowania Strony. Daje to użytkownikom jeszcze więcej możliwości podczas tworzenia stron!
Jeśli nie jesteś koderem, zamów CodeCanyon i zrób szybkie wyszukiwanie WPBakery lub Visual Composer Add-on. Istnieje wiele świetnych wtyczek premium, które dodają dodatkowe funkcje do wizualnego Kreatora WPBakery, a nawet kilka dobrych darmowych, takich jak nasza wtyczka Symple Shortcodes.
Opcje Ustawień Programu Visual Composer
Cały czas odnosiłem się do WPBakery jako narzędzia do tworzenia stron, ale działa świetnie również z postami i niestandardowymi typami postów. Wszystko, co musisz zrobić, to włączyć tę opcję. Przejdź do Ustawienia > WPBakery. Powinieneś zobaczyć ekran podobny do tego (Uwaga-wtyczka kiedyś o nazwie Visual Composer, więc w zależności od wersji używasz paska bocznego może powiedzieć Visual Composer lub WPBakery):
Wtyczka automatycznie wyświetli różne typy treści zawarte w Twoim motywie WordPress. Po prostu wybierz, którego chcesz użyć w kreatorze stron WPBakery. Powyższy przykład pochodzi z naszego tematu Total, dlatego dodano opcje portfolio, pracowników i referencji (wszystkie niestandardowe typy postów), a także fora, tematy, odpowiedzi i produkty (związane z wtyczkami bbPress i WooCommerce obsługiwanymi przez Total).
Możesz także zmapować dowolne wtyczki shortcode do wizualnego Kreatora WPBakery, który już zainstalowałeś w swojej witrynie WordPress. Na stronie Ustawienia kliknij kartę Moje skróty u góry i kliknij przycisk, aby zmapować Skrót. To powinno dodać skróty innych firm do elementów kompozytora. Spokojnie!
Zobacz To W Akcji
Jak powiedziałem, uwielbiamy wizualny Kreator WPBakery tak bardzo, że wbudowaliśmy go w nasz najlepiej sprzedający się motyw WordPress (dołączony bezpłatnie do zakupu). Spójrz na różne strony na każdym z naszych pokazów na żywo dla całego tematu. Większość stron, które zobaczysz w naszych demach na żywo, została stworzona za pomocą wizualnego Kreatora WPBakery! Dodawanie tła, nagłówków, tekstu, obrazów, ikon … itp. To wszystko „bułka z masłem”.
Kompletny Przewodnik Korzystania Z Visual Buildera WPBakery
Jeśli posiadasz już wtyczkę i szukasz przewodnika, jak z niej korzystać, zapoznaj się z naszym pełnym przewodnikiem użytkowania WPBakery (dawniej Visual Composer), który przeprowadzi Cię krok po kroku i pokaże, jak korzystać z wtyczki.
Gdzie Można Go Dostać
WPBakery Visual Builder (dawniej Visual Composer) jest dostępny na CodeCanyon, jeśli chcesz go zdobyć samodzielnie. Został również całkowicie zintegrowany z naszym premium WordPress Theme Total (wraz z dwoma innymi wtyczkami premium o łącznej wartości $67-co jest więcej niż to, co płacisz za motyw!).
Get Total GET WPBAKERY VISUAL BUILDER
Daj nam znać, co myślisz o wtyczce poniżej. Jesteśmy pod wrażeniem WPBakery Visual Composer i chcielibyśmy usłyszeć twoje podejście!
