Visual Composer Tutorial, modna wtyczka premium w wordpressie (wideo)

Suscríbete a mi kanał:  

Cześć chłopaki,

Program Visual Composer to wtyczka wordpress, która powoduje zamieszanie. Prawie wszystkie nowoczesne motywy są dostępne w standardzie, ale nawet jeśli nie są standardowe, możesz je zainstalować i kupić osobno.

Co robi wtyczka Visual Composer?

To, co robi, to pozwala nam na bardzo zaawansowaną edycję bez konieczności dotykania jednej linii kodu.

Po zainstalowaniu i aktywacji widzimy, że podczas tworzenia nowej strony pojawiają się 2 nowe przyciski:

guziki-wizualny-kompozytor

 

Przejdźmy do pierwszego przycisku „Edytor backendu”, kiedy na niego klikniemy, zobaczymy, jak zwykły edytor, który mieliśmy, zostaje przekształcony w znacznie bardziej wizualny i posiadający bardziej zaawansowane opcje:

backend-wizualny-kompozytor

 

Na dole obrazka widzimy, że możemy wybrać szablony z różnymi kolumnami, obrazkami itp. Wyobraź sobie, jak zrobiłbyś to ręcznie, nie odpowiadaj mi, skoro nie znasz html, będziesz kawałkiem ciasta 🙂

Zamiast tego z ta wtyczka wystarczy kliknąć wybrany szablon.

Jeśli klikniemy „Dodaj element”, możemy wybrać spośród wielu elementów, które zostaną dodane do naszego wpisu jednym kliknięciem. Na następnym ekranie możemy zobaczyć kilka:

elementy-kompozytora-wizualnego

Np. jeśli klikniemy na pierwszy element (wiersz) możemy stworzyć treść w jednej lub kilku kolumnach, wybieramy ją sami na poniższym ekranie:

element-wiersz-wizualny-kompozy

W każdej kolumnie klikamy + i dodajemy dowolny inny typ elementu, taki jak obraz, blok tekstu lub informacje o akordeonie. Wszystko to, jeśli zobaczysz jedną linijkę kodu:

 

facet-akordeon-wizualny-com

 

Szybki przykład treści z tą wtyczką:

test-wizualny-kompozytor

Przejdźmy teraz do drugiego przycisku, o którym wspomniałem, który pojawia się „Edytor Frontendu”. Klikając ten przycisk, przechodzimy do trybu edycji na ostatniej stronie, to znaczy zamiast edytować w obszarze administratora, który edytujesz, jak to będzie później widoczne. Dzięki temu nie musisz wyobrażać sobie, jak to wygląda, ale widzisz to na żywo:

frontend-wizualny-kompozytor

14 komentarzy na temat „Samouczek Visual Composer, modna wtyczka WordPress premium (wideo)”

  1. Witaj Oskar, mam problem polegający na tym, że z motywem, który zainstalowałem „Incentive”, otrzymuję w standardzie „Visual Composer” i „Revolution Slider”. Jeśli aktywuję oba, „Visual Composer” nie działa i wygrał nawet nie pozwól mi pisać w klasycznym edytorze. Jeśli wyłączę „Suwak rewolucji”, „Visual Composer” będzie działać. Ale potrzebuję obu wtyczek aktywnych. Czy możesz mi powiedzieć, co może się dziać? Wielkie dzięki!

    • Cześć Maria,
      Nie mam motywacji, aby móc ci doradzić, tylko przychodzi mi do głowy, że zostawiasz bilet u właścicieli motywu.
      Przepraszam, że tak mało pomagam w tej sprawie.
      Pozdrowienia i szczęśliwy Czarny Piątek 😉
      Oscar

      • Witam, bardzo dobrze, próbowałem aktywować licencję mojego kompozytora wizualnego na innej stronie internetowej, ale przy użyciu innego klucza API i sprawia mi to problemy. Chciałbym wiedzieć, jak wykorzystać moją licencję do tworzenia kilku stron internetowych, ponieważ jestem temu poświęcone.i w tej chwili nie mogę doliczyć do faktury licencji kompozytora wizualnego, żeby nie wywołać poczucia "jesteś za drogi i nie masz sprawdzonego doświadczenia, nie mam zamiaru płacić ty o co mnie pytasz”, to skoro wydałem pieniądze na tę licencję, aby móc dobrze pracować, chciałbym z niej skorzystać w 100%, jak mógłbym to zrobić, proszę, byłoby to dla mnie ogromnie pomocne .

        • Cześć Lucia,
          Możesz używać Visual composer na tylu stronach, ile chcesz, ale aktywuj licencję tylko na jednej stronie na licencję, więc masz tylko dwie opcje: użyj go bez licencji na pozostałych stronach lub kup licencję na stronę.
          pozdrowienia
          Oscar

  2. cześć twórco
    słuchaj, pojawił się problem, którego nie wiem jak rozwiązać, tworzę własną stronę internetową
    Kupiłem motyw Ananke – One Page Parallax WordPress Theme
    i masz zainstalowany ten sam motyw Visual Composer w najnowszej wersji
    Wejdź przez stronę Home Slider — Home page, tam wprowadź edytuj kompozytor wizualny,
    Dotknąłem nie wiem co teraz, gdy chcę wejść do edycji, wszystko wyskakuje na biało…..Nie wiem w jaki bałagan się wpakowałem, ale nie wiem, jak go rozwiązać

    • Witaj John Manuel,

      Problem zostanie rozwiązany, jeśli wejdziesz do sieci przez FTP i zmienisz nazwę folderu wtyczek. W ten sposób go nie znajdzie, a Twoja witryna może działać.

      Mam nadzieję, że zostało to dla Ciebie rozwiązane 😉
      pozdrowienia
      Oscar

  3. Witam pozdrawiam. Poświęcam się projektowaniu stron internetowych z wordpressem i uważam, że ta wtyczka jest bardzo dobra… ale jak jej używać w variapaginas? muszę kupować kilka razy? Jak mogę go używać na wielu stronach?

    Grcias

  4. Witam! Układam układ za pomocą edytora wizualnego bez żadnego problemu, ale kiedy aktualizuję i przeglądam stronę, mam elementy jeden pod drugim, nawet jeśli układam w 3 kolumnach, czy możesz mi powiedzieć, co się dzieje?
    Pozdrowienia i podziękowania!

Zostaw komentarz