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.
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.
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.
Elementy strony
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ń.
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ść
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ń:
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:
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”.
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!
07.06.2020
Visual Composer: Przewodnik po przeciąganiu i upuszczaniu stron
Jeffrey Wilson Opinie
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.
Contents
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.
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.
Elementy strony
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ń.
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ść
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ń:
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:
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”.
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!