Aby przesÅ‚onić dowolny element w programie Visual Composer, najpierw musisz skopiować plik szablonu z folderu wtyczki Visual Composer (js_composer)> include> templates do  folderu yourtheme> vc_templates . Weźmy np. pliki:

1. vc_column.php
2. vc_column_text.php
3. vc_row.php
4. vc_video.php

Nazywanie jest tutaj bardzo ważne. Szablony te powinny mieć takÄ… samÄ… nazwÄ™, jak w domyÅ›lnym folderze wtyczek VC.

Po skopiowaniu pliku szablonu możesz go zastÄ…pić. Zobaczmy na przykÅ‚ad, co znajduje siÄ™ w pierwszym pliku vc_columns.php. JeÅ›li jesteÅ› obeznany z tworzeniem krótkich kodów, nie bÄ™dzie tu nic nowego.

Strukturę pliku można podzielić na trzy części:

1. Wyodrębnianie atrybutów shortcode
2. Przygotowanie ustawień wyjściowych
3. Wyświetlenie struktury shortcode

Ale co jeÅ›li chcesz dodać lub usunąć istniejÄ…ce atrybuty shortcode, jak sobie z tym poradzisz? Poznaj trzy nowe funkcje:

vc_remove_param ();

Ta funkcja usuwa parametr shortcode z istniejÄ…cego lub niestandardowego elementu. Aby usunąć atrybut, wybierz na przykÅ‚ad konkretny shortcode z nazwÄ…, na przykÅ‚ad vc_columni nazwÄ… atrybutu el_class.

vc_remove_param( "vc_column", "el_class" );

vc_add_param ();

Ta funkcja dodaje nowe parametry do istniejÄ…cego lub niestandardowego elementu. Podobnie jak w przypadku  vc_remove_param()funkcji, celuj na okreÅ›lony skrót z jego nazwÄ… i na przykÅ‚ad vc_columndoÅ‚Ä…cz tablicÄ™ parametrów:

vc_add_param('vc_column', array(

    "type"       => "dropdown",

    "class"      => "",

    "heading"    => "Animate",

    "param_name" => "animate",

    "value"      => array(

    "False"  => 'false',

    "True"   => 'true'

    )

));

vc_add_params ();

Ta funkcja jest podobna do vc_add_param(), ale pozwala na dodanie wielu parametrów do jednego elementu. ListÄ™ wszystkich typów parametrów można znaleźć tutaj .

Aby dodać lub usunąć nowe parametry, a także dodać nowe elementy, musisz edytować plik integracji.

1. Zaczynamy od wyÅ‚Ä…czenia edytora front-end. Frontendowy edytor to naprawdÄ™ fajna funkcja, ale nasze niestandardowe elementy go nie obsÅ‚ugujÄ…. To Ty, jako programista motywów, niezależnie od tego, czy chcesz wspierać edytory front-end i / lub back-end.
2. UsuÅ„ wszystkie niepotrzebne lub nieobsÅ‚ugiwane parametry z elementów docelowych vc_remove_param();
3. Dodaj nowe parametry do istniejÄ…cych elementów za pomocÄ…  funkcji vc_add_param();lub vc_add_params();.
4. NastÄ™pnie dodaj nowe elementy …