"WiÄ™kszość oprogramowania dzisiaj jest jak egipskie piramidy z milionami cegieÅ‚ uÅ‚ożonych jedne na drugich, bez żadnej integralnoÅ›ci strukturalnej, tylko zÅ‚ożone na siłę i przy pomocy tysiÄ..."
-- Alan Kay

Jak rozszerzyć Visual Composer o niestandardowe elementy treści

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:

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" );

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'
    )
));
 

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 …