Dzisiaj opiszemy ciekawy problem związany z Visual Composerem w WordPress. Visual Composer to edytor wizualny do budowania i komponowania treści strony typu przenieś i upuść element. Osiągnął niesamowity sukces i jest używany przez tysiące stron na całym świecie. O ile edycja wizualna w Visual Composer pojedynczych stron i wpisów w WordPress zazwyczaj jest dostępna od ręki i nie sprawia większych problemów to sytuacja komplikuje się w przypadku gdy w edytorze chcemy edytować opis kategorii – Visual Composer nie udostępnia z automatu możliwości edycji tego opisu. Aby uzyskać edytor dla dowolnej kategorii, potrzebne będą dwie wtyczki Advanced Custom Fields oraz płatny WP ACF-VC Bridge. Wtyczka Advanced Custom Fields pozwoli nam utworzyć nowe pole edycji dostępne dla kategorii natomiast WP ACF-VC Bridge umożliwi ustawienie typu pola jako Visual Composer i wczytanie samego edytora do tego pola. Konfiguracja całości zestawu nie jest jednak naszym zdaniem zbyt intuicyjna i może sprawić kłopoty zwłaszcza początkującym użytkownikom WordPress – stąd ten tutorial.

Zaczynajmy:

1) Kupujemy, pobieramy i instalujemy wtyczkę WP ACF-VC Bridge, wtyczka jest dostępna tutaj i kosztuje 27 dolarów.

Konfiguracja tej wtyczki po instalacji ogranicza się jedynie do zaznaczenia opcji Force shortcodes processing in category descriptions, czyli wymuszania wykonywania shortcodes dla opisów kategorii.

W przypadku dalszych problemów z wykonywaniem shortcodes w opisie kategorii możemy zawsze wymusić ich wykonywanie poprzez następujący zapis w functions.php naszego motywu:

add_filter( 'term_description', 'do_shortcode' );

2) Pobieramy wtyczkę Advanced Custom Fields. Dodajemy nową grupę pól – jako tytuł wpisujemy “Edytor VC dla kategorii”. Klikamy Dodaj pole i przechodzimy do personalizacji pola.

Etykieta pola – wpisujemy “Edytor VC dla kategorii”.

Nazwa pola – wpisujemy “edytor_vc_dla_kategorii”.

Typ pola – szukamy i wybieramy z listy typ Visual Composer (podsekcja Treść).

Po wczytaniu domyślnych ustawień:

Zaznaczamy pole Allow Classic Mode.

W sekcji Front-end Wrapper Attributes jako klasę (class) wpisujemy “vs-category-page”.

W sekcji Lokacja -> Warunki ustawiamy warunek:

Pokaż tą grupę pól jeśli:

Taksonomia (podsekcja Formularze) jest równe Kategoria.

Reszta ustawień pozostaje domyślna, pamiętajmy aby pole było oznaczone jako aktywne (było włączone).

Zapisujemy ustawienia. Edytor Visual Composer powinien być odtąd dostępny dla kategorii.

3) Przechodzimy do edycji właściwego opisu dla naszej kategorii – wybieramy edytor tekstowy i wklejamy następujący kod:

[acf field="edytor_vc_dla_kategorii" post_id="category_5"]

gdzie post_id to id naszej kategorii – id można odczytać z paska adresu kategorii dla której aktualnie edytujemy opis – jest to liczba występująca po ciągu znaków “tag_ID=”.

np. w tym przypadku “wp-admin/term.php?taxonomy=category&tag_ID=5” id kategorii to 5.

Odnajdujemy sekcję Edytor VC dla kategorii – ustalamy opis kategorii w Visual Composerze i klikamy Zaktualizuj.

Sprawdzamy poprawność ustawień – przechodzimy do kategorii nad której opisem pracowaliśmy i badamy czy wyświetlił się opis sporządzony w Visual Composerze.

To już koniec tego poradnika. W razie kłopotów i problemów związanych z powyższym tutorialem – skontaktuj się z nami.

Jeśli nie masz czasu na samodzielną konfigurację powyższego rozwiązania – możemy to zrobić za Ciebie – zapraszamy do działu Kontakt.