Jak zrobić stronę

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:

 

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:

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

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:

 

 

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

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:

Zamknij wersję mobilną