Dzisiaj dzień zaczynamy od kolejnego wpisu, kolejnego debiutanta. Przed Wami Mateusz Gołębiewski, który przybliży Wam tajniki bardzo interesującej wtyczki:

Dzięki wtyczce Visual Composer: Page Builder for WordPress w łatwy i przyjemny sposób stworzysz stronę która każdemu zapadnie w pamięć. Dlaczego? Poniżej 5 powodów dla których zakochasz się w tej wtyczce od pierwszego użycia.

Co oferuje więc ta wtyczka ? Praktycznie nieskończenie wiele

Lista możliwości które oferuje ta wtyczka jest naprawdę imponująca, a dzięki nakładkom do tej wtyczki ( takimi jak np. Ultimate Addons for Visual Composer , dodatki do tej wtyczki opiszemy w następnym artykule ) liczba możliwości jest praktycznie nie skończona. Ogranicza nas jedynie nasza kreatywność.

Pytasz więc, co potrafi ta wtyczka ? Poniżej niektóre z jej możliwości:

1. Możliwość podglądy wyglądu strony na urządzeniach mobilnych

Jeśli projektujesz responsywne strony internetowe to dzięki tej wtyczce zaoszczędzisz całe mnóstwo czasu. Dlaczego ? Wystarczy kliknąć i po chwili zobaczysz jak projektowana przez Ciebie strona będzie wyglądać na tablecie czy smartfonie. Wygodne i bardzo praktyczne rozwiązanie dzięki któremu z jednego miejsca będziesz mógł zarządzać wyglądem stron na wielu urządzeniach

1

Wygląd strony na PC:

1b

Wygląd strony na smartfonie:

2

Jak widać dzięki jednemu kliknięciu możesz łatwo przełączyć pomiędzy wyglądem strony na PC a innymi urządzeniami mobilnymi. Pozwala to na zaoszczędzenie bezcennego czasu.

2. Łatwy i intuicyjny podział kolumn

Jeśli masz problemy z dzieleniem zawartości strony na kolumny to dzięki tej wtyczce łatwo i szybko zaplanujesz rozmieszczenie treści na stronie. Zajmie ci to dosłownie chwilkę.

Po dodaniu rzędu jako elementu strony możesz łatwo i intuicyjnie wybrać jego layout.

3

Oprócz z góry zdefiniowanych ustawień możesz wprowadzić swoje własne w postaci ułamkowej, np 1/4 + 1/2 + 1/4 . W tym przypadku układ będzie wyglądał następująco:

4

Prawda że łatwe i przyjemne w obsłudze ?

3. Rozbudowana galeria

Czym byłaby strona internetowa bez grafiki ? Według różnych źródeł 95% ludzi jest wzrokowcami. Warto więc zadbać o ty, aby multimedia wyświetlane na naszej stronie były wyświetlane w jasny i przejrzysty sposób. Z tą wtyczką zadanie to będzie bardzo proste.

5

W opcjach galerii znajdziemy kilka sposobów wyświetlania zdjęć, wielkość zdjęć jaka ma się wyświetlać a także jaka interakcja ma nastąpić po kliknięciu w obrazek. Visual Composer oprócz standardowej galerii umożliwia również umieszczenie Image Carousel. Podobnie jak w przypadku standardowej galerii znajdziemy tu wiele opcji które pozwolą nam dopasować wygląd i sposób wyświetlania zdjęć.

6

Wśród rozlicznych opcji znajdziemy między innymi możliwość ustawienia prędkości przewijania zdjęć, ilość slajdów wyświetlanych jednocześnie, możliwość usunięcia przycisków sterowania sliderem i wiele innych.

4. Przyciski i jeszcze raz przyciski

Jeśli chcesz zwiększyć interakcję na swojej stronie używaj przycisków – najlepiej aby wyróżniały się z treści i przykuwały uwagę odbiorcy.
Dzięki Visual Composerowi w kilka kliknięć stworzymy taki właśnie przycisk. A to wszystko praktycznie bez znajomości podstaw projektowania stron internetowych.

7

Podobnie jak w przypadku poprzednich elementów Composera tutaj róznież znajdziemy szereg opcji dzięki którym dopasujemy wygląd przycisku do naszych oczekiwań. Z łatwością zmienimy jego kolor i rozmiar, dodamy link czy też ikonkę jaka wyświetla się przy przycisku. Dziecinnie proste, prawda ?

5. Łatwość przenoszenia treści pomiędzy elementami strony.

Jednym z powodów dla których Visual Composer cieszy się coraz większą popularnością jest łatwość przenoszenia poszczególnych elementów składowych strony pomiędzy różnymi miejscami.

Poniżej przykładowa strona, załóżmy że chcemy przenieść zdjęcie w lewy dolny róg.

8

W tym celu wystarczy najechać myszką na wybrany przez nas element i przesunąć w docelowe miejsce.

9

10

Dziecinnie proste. Jeszcze prostsze jest klonowanie wprowadzonych przez nas elementów. Przydaje się to zwłaszcza kiedy na stronie znajduje się wiele powtarzalnych elementów. Klonowanie jest równie proste co zmienianie pozycji wybranego elementu. Po prostu klikasz w ikonkę i gotowe.

11

W zaledwie kilka kliknięć doprowadzimy naszą stronę do poniższego wyglądu:

12

Płacąc jedyne 30$ za tę wtyczkę ( przy obecnym kursie USDPLN wychodzi około 90 zł ) otrzymujemy w zamian całe mnóstwo dodatków dzięki którym nasza strona nabierze drugiego życia. Co ważne, tworzenie strony w tym edytorze jest proste i intuicyjne. Używając Visual Composera na bieżąco możesz oglądać postęp pracy nad stroną. Warto również wspomnieć, iż wtyczka ta jest przetłumaczona na język polski więc nawet osoba na co dzień mało obeznana z projektowaniem stron internetowych nie będzie miała problemów z jej obsługą. W kolejnych artykułach omówię kilka popularnych nakładek na tę wtyczkę.

Kilka słów o autorze:

mg

Nazywam się Mateusz Gołębiewski , lat 28 ,  i jestem technologiczno – fotograficznym  Geekiem. Odkąd pamietam interesuje się technologiami i fotografią, krajobrazem szczególnie. Swoją przygodę z fotografią i stronami internetowymi zacząłem ponad 10 lat temu. Uwielbiam czytać fantastykę, zwłaszcza Lema. Na co dzień mieszkam w Warszawie gdzie pracuję w jednej z korporacji. Oprócz tego prowadzę własną firmę – F8studio.pl zajmującą się tworzeniem stron internetowych. W wolnych chwilach biegam i jeżdże na rowerze co sprawia mi wiele przyjemności