WordPress jest świetny, a możliwość dostosowania strony internetowej WordPress to tylko wisienka na torcie. Jednak nie wszyscy z nas kodują guru. Heck, niektórzy miłośnicy WordPressa nie wiedzą nic o HTML ani CSS. Nie powinno to jednak powstrzymywać Cię przed dostosowaniem motywu WordPress. W tym miejscu pojawiają się 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ą użytkownikom wszystkich poziomów wprowadzanie zmian w ogólnym układzie motywu, a także dodawanie dodatków (ikony, paski umiejętności, tabele cen itp.). W szczególności chcemy przedstawić Państwu naszą nową ulubioną wtyczkę WordPress do tworzenia stron – Visual Composer.

Uzyskaj Visual Composer za darmo! Wtyczka Visual Composer jest dołączana bezpłatnie przy zakupie naszego motywu Total WordPress i zawiera kilka świetnych rozszerzeń wtyczki do użytku z tym motywem.

Co to jest kompozytor wizualny

Visual Composer to fantastyczna wtyczka opracowana przez WP Bakery, która dodaje narzędzie do tworzenia stron metodą przeciągnij i upuść do motywu WordPress. Umieściliśmy go w naszym totalnym uniwersalnym motywie WordPress, ale możesz go również zobaczyć w prawie każdym nowym bestsellerze na Themeforest. Zapewnia narzędzia potrzebne do tworzenia złożonych układów strony bez konieczności dotykania jednego wiersza kodu.

Jak działa Visual Composer i co może zrobić

Jest to wtyczka, więc po prostu zainstaluj i aktywuj, aby skorzystać ze wszystkich wspaniałych funkcji. Po aktywacji program Visual Composer zapewnia kontrolę nad układem stron. Po prostu dodaj nową stronę, a zobaczysz nowe przyciski, dzięki którym będziesz mógł przełączać się między trybem klasycznym a trybem konstruktora, a także przycisk, który przeniesie Cię do edytora frontonu na żywo.

przycisk kompozytora wizualnego

Stąd możliwości są ograniczone tylko wyobraźnią (lub twoich klientów). Możesz dodawać wiersze, kolumny, przyciski, tekst, obrazy i wiele więcej, korzystając ze wszystkich opcji programu Visual Composer. Ponadto istnieje możliwość zapisania układów jako szablonów, które można wielokrotnie wykorzystywać.

Wydziwianie

W programie budującym są elementy do budowania stron. Możesz użyć tych elementów jako dosłownych elementów składowych strony. Pierwszy Dodaj wiersz. Rzędy umożliwiają dodawanie kolumn jednym kliknięciem. Po prostu najedź na żółtą kartę akapitu w lewym górnym rogu wiersza i wybierz układ. Wiersz automatycznie dzieli się na kolumny zgodnie z wybranym układem.

suma wiersza dodania

Elementy strony

total-add-elements

Następnym krokiem jest rozpoczęcie dodawania funkcji strony. Po prostu kliknij 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łączania lub kart, akordeonów, najnowszych postów (które działają również z niestandardowymi typami postów oprócz postów na blogu), przycisków, a nawet widżety paska bocznego.

Ponadto, w zależności od motywu WordPress i kompatybilnych wtyczek używanych z Visual Composer, zobaczysz mniej lub więcej elementów strony. Powyższy przykład pochodzi z naszego motywu Total Drag & Drop WordPress, więc mamy dodatkowe 30 elementów do budowania stron, które stworzyliśmy i zaprojektowaliśmy wyłącznie dla Total. Obejmuje to niestandardowe przekładki, pola ikon, kamienie milowe, karuzele i wiele innych.

Kliknij dowolny element, aby otworzyć opcje dla tego elementu. Poniżej znajduje się przykład „opcji” naszego modułu Icon Box w temacie Total. Jak widać, każdy moduł może mieć wiele ustawień, a nawet wiele kart ustawień.

ustawienia skrzynki na ikony

Konstruktor obsługuje również cztery niesamowite wtyczki innych firm: Suwak warstwy, Suwak rewolucji, Formularze grawitacyjne i Formularz kontaktowy 7. Jeśli masz zainstalowaną którąkolwiek z tych wtyczek, automatycznie pojawi się element strony dla motywu. Gdy zdecydujesz się wstawić element strony dla jednej z tych wtyczek, Visual Composer wyświetli listę rozwijanych odpowiednich suwaków / formularzy, które utworzyłeś, lub wyświetli pole wprowadzania, w którym możesz dodać swój identyfikator suwaka. Nigdy więcej kopiowania i wklejania skrótów!

Przeciągnij i upuść

edytor-wizualny-kompozytor

W dowolnym momencie procesu projektowania możesz przeciągnąć i upuścić dowolny wiersz lub element strony, aby zmienić ich kolejność. Możesz także powielić dowolny wiersz lub element, co sprawia, że ​​dodawanie powtarzalnych treści jest szybkie i łatwe (idealne dla podobnych kolumn, często zadawanych pytań, przełączników itp.).

Po utworzeniu ulubionego projektu możesz zapisać go jako szablon. Jest to przydatne podczas tworzenia niestandardowego układu strony lub paska bocznego, którego chcesz ponownie użyć. Po prostu kliknij Szablony przycisk, nadaj swojemu układowi nazwę i kliknij Zapisz. Gdy użyjesz szablonu, automatycznie zapełni on stronę układem i zapisanymi elementami.

Opcje wiersza: Formatuj, klonuj i usuwaj wiersze

Istnieją trzy dodane funkcje dodane w lewym dolnym rogu każdego wiersza, których można użyć do sklonowania lub zduplikowania całego wiersza i całej jego zawartości, dodania nowych modułów, edycji kolumn itp. Wystarczy najechać wskaźnikiem myszy na każdy wiersz, który trzeba edytować aby uzyskać dostęp do tych ustawień:

total-visual-composer-row-settings

Ponownie, w zależności od motywu używanego z programem Visual Composer dostępne opcje formatowania mogą być różne. Podczas gdy niektórzy twórcy motywów decydują się na pozostawienie Visual Composer bez zmian, wielu dostosowuje wtyczkę do potrzeb lub stylu motywu.

Edytor frontendu

Potężny Visual Composer zawiera teraz edytor frontendów, który ułatwia tworzenie własnych stron i układów. Jedynym zastrzeżeniem jest to, że jeszcze nie wszystkie motywy obsługują edytor frontonu. Pamiętaj, aby dokładnie sprawdzić listę funkcji motywu lub skontaktować się bezpośrednio z twórcą motywu, aby sprawdzić, czy edytor nakładki Visual Composer jest zgodny z motywem WordPress. Nasz Cały motyw WordPress jest w 100% zgodny z edytorem frontonu 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 możliwość rozszerzenia Visual Composer. Jeśli jesteś zaawansowanym programistą lub programistą motywów, możesz zintegrować własne skróty z wtyczką. W rzeczywistości dodaliśmy własne Symple Shortcodes Premium, aby dać użytkownikom Total dodatkowe elementy do budowania strony. Daje to użytkownikom jeszcze więcej opcji podczas tworzenia stron!

Jeśli nie jesteś programistą, sprawdź CodeCanyon i szybko wyszukaj dodatek Visual Composer. Istnieje wiele świetnych wtyczek premium, które dodają dodatkowe funkcje do Visual Composer, a nawet kilka dobrych darmowych, takich jak nasza wtyczka Symple Shortcodes.

Opcje ustawień Visual Composer

Nadal odnoszę się do Visual Composer jako narzędzia do tworzenia stron, ale działa on świetnie również z postami i niestandardowymi typami postów. Wszystko, co musisz zrobić, to włączyć tę opcję. Nawigować do Ustawienia> Visual Composer. Powinieneś zobaczyć ekran podobny do tego:

Ustawienia Visual Composer

Wtyczka automatycznie wyświetli różne typy treści zawarte w motywie WordPress. Po prostu wybierz, którego chcesz używać z narzędziem do tworzenia stron Visual Composer. Powyższy przykład pochodzi z naszego motywu Total, dlatego dodano opcje dla portfolio, personelu i referencji (wszystkie niestandardowe typy postów), a także forów, tematów, odpowiedzi i produktów (związanych z wtyczkami bbPress i WooCommerce obsługiwanymi przez Total).

Możesz także mapować dowolne wtyczki shortcode na Visual Composer, które już zainstalowałeś na swojej stronie WordPress. Na stronie ustawień kliknij kartę Moje skróty u góry i kliknij przycisk Mapuj skrót. To powinno dodać własne skróty do elementów kompozytora. Łatwy!

Zobacz w akcji

Tak jak powiedziałem, uwielbiamy Visual Composer tak bardzo, że wbudowaliśmy go w nasz najlepiej sprzedający się motyw Total WordPress (dołączony bezpłatnie do zakupu). Zapoznaj się z różnymi stronami na jednej z naszych demonstracji na żywo dla Total Theme. Większość stron, które zobaczysz w naszych demo na żywo, została stworzona za pomocą Visual Composer! Dodawanie tła, nagłówków, tekstu, obrazów, ikon… itd. To wszystko „bułka z masłem”.

total demos

Kompletny przewodnik użytkowania Visual Composer

Jeśli posiadasz już wtyczkę i szukasz przewodnika, jak z niej korzystać, zapoznaj się z naszym pełnym przewodnikiem użytkowania programu Visual Composer, który przeprowadzi Cię krok po kroku i pokaże, jak korzystać z wtyczki.

Gdzie możesz to zdobyć

Visual Composer jest dostępny w CodeCanyon, jeśli chcesz go zdobyć samodzielnie. Został również całkowicie zintegrowany z naszym premium WordPress Theme Total (wraz z dwiema innymi wtyczkami premium o łącznej wartości 67 USD – czyli więcej niż płacisz za motyw!).

Uzyskaj Total Get Visual Composer

Poinformuj nas, co myślisz o wtyczce poniżej. Jesteśmy pod wrażeniem Visual Composer i chcielibyśmy usłyszeć, jak się do tego zabierasz!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me