本文整理汇总了PHP中getVcShared函数的典型用法代码示例。如果您正苦于以下问题：PHP getVcShared函数的具体用法？PHP getVcShared怎么用？PHP getVcShared使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了getVcShared函数的15个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的PHP代码示例。
示例1: getMediaCommonAtts
public static function getMediaCommonAtts()
{
if (self::$mediaGrid) {
return self::$mediaGrid;
}
if (is_null(self::$btn3Params) && is_null(self::$gridColsList)) {
self::initData();
}
self::$mediaGrid = array_merge(array(array('type' => 'attach_images', 'heading' => __('Images', 'js_composer'), 'param_name' => 'include', 'description' => __('Select images from media library.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Display Style', 'js_composer'), 'param_name' => 'style', 'value' => array(__('Show all', 'js_composer') => 'all', __('Load more button', 'js_composer') => 'load-more', __('Lazy loading', 'js_composer') => 'lazy', __('Pagination', 'js_composer') => 'pagination'), 'dependency' => array('element' => 'post_type', 'value_not_equal_to' => array('custom')), 'edit_field_class' => 'vc_col-sm-6', 'description' => __('Select display style for grid.', 'js_composer')), array('type' => 'textfield', 'heading' => __('Items per page', 'js_composer'), 'param_name' => 'items_per_page', 'description' => __('Number of items to show per page.', 'js_composer'), 'value' => '10', 'dependency' => array('element' => 'style', 'value' => array('lazy', 'load-more', 'pagination')), 'edit_field_class' => 'vc_col-sm-6'), array('type' => 'dropdown', 'heading' => __('Grid elements per row', 'js_composer'), 'param_name' => 'element_width', 'value' => self::$gridColsList, 'std' => '4', 'edit_field_class' => 'vc_col-sm-6', 'description' => __('Select number of single grid elements per row.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Gap', 'js_composer'), 'param_name' => 'gap', 'value' => array('0px' => '0', '1px' => '1', '2px' => '2', '3px' => '3', '4px' => '4', '5px' => '5', '10px' => '10', '15px' => '15', '20px' => '20', '25px' => '25', '30px' => '30', '35px' => '35'), 'std' => '5', 'description' => __('Select gap between grid elements.', 'js_composer'), 'edit_field_class' => 'vc_col-sm-6'), array('type' => 'hidden', 'heading' => __('Button style', 'js_composer'), 'param_name' => 'button_style', 'value' => '', 'param_holder_class' => 'vc_colored-dropdown', 'group' => __('Load More Button', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('load-more')), 'description' => __('Select button style.', 'js_composer')), array('type' => 'hidden', 'heading' => __('Button color', 'js_composer'), 'param_name' => 'button_color', 'value' => '', 'param_holder_class' => 'vc_colored-dropdown', 'group' => __('Load More Button', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('load-more')), 'description' => __('Select button color.', 'js_composer')), array('type' => 'hidden', 'heading' => __('Button size', 'js_composer'), 'param_name' => 'button_size', 'value' => '', 'description' => __('Select button size.', 'js_composer'), 'group' => __('Load More Button', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('load-more'))), array('type' => 'dropdown', 'heading' => __('Arrows design', 'js_composer'), 'param_name' => 'arrows_design', 'value' => array(__('None', 'js_composer') => 'none', __('Simple', 'js_composer') => 'vc_arrow-icon-arrow_01_left', __('Simple Circle Border', 'js_composer') => 'vc_arrow-icon-arrow_02_left', __('Simple Circle', 'js_composer') => 'vc_arrow-icon-arrow_03_left', __('Simple Square', 'js_composer') => 'vc_arrow-icon-arrow_09_left', __('Simple Square Rounded', 'js_composer') => 'vc_arrow-icon-arrow_12_left', __('Simple Rounded', 'js_composer') => 'vc_arrow-icon-arrow_11_left', __('Rounded', 'js_composer') => 'vc_arrow-icon-arrow_04_left', __('Rounded Circle Border', 'js_composer') => 'vc_arrow-icon-arrow_05_left', __('Rounded Circle', 'js_composer') => 'vc_arrow-icon-arrow_06_left', __('Rounded Square', 'js_composer') => 'vc_arrow-icon-arrow_10_left', __('Simple Arrow', 'js_composer') => 'vc_arrow-icon-arrow_08_left', __('Simple Rounded Arrow', 'js_composer') => 'vc_arrow-icon-arrow_07_left'), 'group' => __('Pagination', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('pagination')), 'description' => __('Select design for arrows.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Arrows position', 'js_composer'), 'param_name' => 'arrows_position', 'value' => array(__('Inside Wrapper', 'js_composer') => 'inside', __('Outside Wrapper', 'js_composer') => 'outside'), 'group' => __('Pagination', 'js_composer'), 'dependency' => array('element' => 'arrows_design', 'value_not_equal_to' => array('none')), 'description' => __('Arrows will be displayed inside or outside grid.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Arrows color', 'js_composer'), 'param_name' => 'arrows_color', 'value' => getVcShared('colors'), 'param_holder_class' => 'vc_colored-dropdown', 'group' => __('Pagination', 'js_composer'), 'dependency' => array('element' => 'arrows_design', 'value_not_equal_to' => array('none')), 'description' => __('Select color for arrows.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Pagination style', 'js_composer'), 'param_name' => 'paging_design', 'value' => array(__('None', 'js_composer') => 'none', __('Square Dots', 'js_composer') => 'square_dots', __('Radio Dots', 'js_composer') => 'radio_dots', __('Point Dots', 'js_composer') => 'point_dots', __('Fill Square Dots', 'js_composer') => 'fill_square_dots', __('Rounded Fill Square Dots', 'js_composer') => 'round_fill_square_dots', __('Pagination Default', 'js_composer') => 'pagination_default', __('Outline Default Dark', 'js_composer') => 'pagination_default_dark', __('Outline Default Light', 'js_composer') => 'pagination_default_light', __('Pagination Rounded', 'js_composer') => 'pagination_rounded', __('Outline Rounded Dark', 'js_composer') => 'pagination_rounded_dark', __('Outline Rounded Light', 'js_composer') => 'pagination_rounded_light', __('Pagination Square', 'js_composer') => 'pagination_square', __('Outline Square Dark', 'js_composer') => 'pagination_square_dark', __('Outline Square Light', 'js_composer') => 'pagination_square_light', __('Pagination Rounded Square', 'js_composer') => 'pagination_rounded_square', __('Outline Rounded Square Dark', 'js_composer') => 'pagination_rounded_square_dark', __('Outline Rounded Square Light', 'js_composer') => 'pagination_rounded_square_light', __('Stripes Dark', 'js_composer') => 'pagination_stripes_dark', __('Stripes Light', 'js_composer') => 'pagination_stripes_light'), 'std' => 'radio_dots', 'group' => __('Pagination', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('pagination')), 'description' => __('Select pagination style.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Pagination color', 'js_composer'), 'param_name' => 'paging_color', 'value' => getVcShared('colors'), 'std' => 'grey', 'param_holder_class' => 'vc_colored-dropdown', 'group' => __('Pagination', 'js_composer'), 'dependency' => array('element' => 'paging_design', 'value_not_equal_to' => array('none')), 'description' => __('Select pagination color.', 'js_composer')), array('type' => 'checkbox', 'heading' => __('Loop pages?', 'js_composer'), 'param_name' => 'loop', 'description' => __('Allow items to be repeated in infinite loop (carousel).', 'js_composer'), 'value' => array(__('Yes', 'js_composer') => 'yes'), 'group' => __('Pagination', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('pagination'))), array('type' => 'textfield', 'heading' => __('Autoplay delay', 'js_composer'), 'param_name' => 'autoplay', 'value' => '-1', 'description' => __('Enter value in seconds. Set -1 to disable autoplay.', 'js_composer'), 'group' => __('Pagination', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('pagination'))), array('type' => 'animation_style', 'heading' => __('Animation In', 'js_composer'), 'param_name' => 'paging_animation_in', 'group' => __('Pagination', 'js_composer'), 'settings' => array('type' => array('in', 'other')), 'dependency' => array('element' => 'style', 'value' => array('pagination')), 'description' => __('Select "animation in" for page transition.', 'js_composer')), array('type' => 'animation_style', 'heading' => __('Animation Out', 'js_composer'), 'param_name' => 'paging_animation_out', 'group' => __('Pagination', 'js_composer'), 'settings' => array('type' => array('out')), 'dependency' => array('element' => 'style', 'value' => array('pagination')), 'description' => __('Select "animation out" for page transition.', 'js_composer')), array('type' => 'vc_grid_item', 'heading' => __('Grid element template', 'js_composer'), 'param_name' => 'item', 'description' => sprintf(__('%sCreate new%s template or %smodify selected%s. Predefined templates will be cloned.', 'js_composer'), '<a href="' . esc_url(admin_url('post-new.php?post_type=vc_grid_item')) . '" target="_blank">', '</a>', '<a href="#" target="_blank" data-vc-grid-item="edit_link">', '</a>'), 'group' => __('Item Design', 'js_composer'), 'value' => 'mediaGrid_Default'), array('type' => 'vc_grid_id', 'param_name' => 'grid_id'), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer'))), self::$btn3Params, array(array('type' => 'hidden', 'heading' => __('Button style', 'js_composer'), 'param_name' => 'button_style', 'value' => '', 'param_holder_class' => 'vc_colored-dropdown', 'group' => __('Load More Button', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('load-more')), 'description' => __('Select button style.', 'js_composer')), array('type' => 'hidden', 'heading' => __('Button color', 'js_composer'), 'param_name' => 'button_color', 'value' => '', 'param_holder_class' => 'vc_colored-dropdown', 'group' => __('Load More Button', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('load-more')), 'description' => __('Select button color.', 'js_composer')), array('type' => 'hidden', 'heading' => __('Button size', 'js_composer'), 'param_name' => 'button_size', 'value' => '', 'description' => __('Select button size.', 'js_composer'), 'group' => __('Load More Button', 'js_composer'), 'dependency' => array('element' => 'style', 'value' => array('load-more'))), array('type' => 'animation_style', 'heading' => __('Initial loading animation', 'js_composer'), 'param_name' => 'initial_loading_animation', 'value' => 'fadeIn', 'settings' => array('type' => array('in', 'other')), 'description' => __('Select initial loading animation for grid element.', 'js_composer'))));
self::$mediaGrid = array_merge(self::$mediaGrid);
return self::$mediaGrid;
}示例2: CruxStore_Icon_map
function CruxStore_Icon_map($group = false, $prefix = '', $default = 'fa fa-adjust', $remove = false)
{
if ($remove) {
$shape_arr = array();
} else {
$shape_arr = array(array('type' => 'dropdown', 'heading' => __('Background shape', 'js_composer'), 'param_name' => 'background_style', 'value' => array(__('None', 'js_composer') => '', __('Circle', 'js_composer') => 'rounded', __('Square', 'js_composer') => 'boxed', __('Rounded', 'js_composer') => 'rounded-less', __('Outline Circle', 'js_composer') => 'rounded-outline', __('Outline Square', 'js_composer') => 'boxed-outline', __('Outline Rounded', 'js_composer') => 'rounded-less-outline'), 'description' => __('Select background shape and style for icon.', 'js_composer'), 'dependency' => array("element" => "type", "value" => array('icon', 'svg')), "admin_label" => true), array('type' => 'dropdown', 'heading' => __('Background color', 'js_composer'), 'param_name' => 'background_color', 'value' => array_merge(array(esc_html__('Accent color', 'cruxstore') => 'accent'), getVcShared('colors'), array(__('Custom color', 'js_composer') => 'custom')), 'std' => 'grey', 'description' => __('Select background color for icon.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown', 'dependency' => array('element' => 'background_style', 'not_empty' => true)), array('type' => 'colorpicker', 'heading' => __('Custom background color', 'js_composer'), 'param_name' => 'custom_background_color', 'description' => __('Select custom icon background color.', 'js_composer'), 'dependency' => array('element' => 'background_color', 'value' => 'custom')), array('type' => 'dropdown', 'heading' => __('Background color on hover', 'js_composer'), 'param_name' => 'background_color_hover', 'value' => array_merge(array(esc_html__('Default', 'js_composer') => 'default'), array(esc_html__('Accent color', 'cruxstore') => 'accent'), getVcShared('colors'), array(__('Custom color', 'js_composer') => 'custom')), 'std' => '', 'description' => __('Select background color for icon.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown', 'dependency' => array('element' => 'background_style', 'not_empty' => true)), array('type' => 'colorpicker', 'heading' => __('Custom background color on hover', 'js_composer'), 'param_name' => 'custom_background_color_hover', 'description' => __('Select custom icon background color.', 'js_composer'), 'dependency' => array('element' => 'background_color_hover', 'value' => 'custom')));
}
$arr = array_merge(array(array('type' => 'dropdown', 'heading' => esc_html__('Icon to display', 'cruxstore'), 'param_name' => 'type', 'value' => array(esc_html__('Font Icon', 'cruxstore') => 'icon', esc_html__('Svg Icon', 'cruxstore') => 'svg', esc_html__('Image Icon', 'cruxstore') => 'image'), 'description' => esc_html__('Select your layout.', 'cruxstore'), "admin_label" => true), array('type' => 'attach_image', 'heading' => esc_html__('Image Thumbnail', 'cruxstore'), 'param_name' => 'image', 'dependency' => array('element' => 'type', 'value' => array('image')), 'description' => esc_html__('Select image from media library.', 'js_composer')), array('type' => 'textarea_raw_html', 'heading' => __('SVG HTML', 'js_composer'), 'param_name' => 'svg', 'description' => __('Enter your SVG content.', 'cruxstore'), 'dependency' => array('element' => 'type', 'value' => array('svg')), 'value' => base64_encode('')), array("type" => "cruxstore_icons", 'heading' => esc_html__('Choose your icon', 'js_composer'), 'param_name' => 'icon', "value" => $default, 'description' => esc_html__('Use existing font icon or upload a custom image.', 'cruxstore'), 'dependency' => array("element" => "type", "value" => array('icon'))), array('type' => 'dropdown', 'heading' => esc_html__('Icon color', 'js_composer'), 'param_name' => 'color', 'value' => array_merge(array(esc_html__('Default', 'js_composer') => 'default'), array(esc_html__('Accent color', 'cruxstore') => 'accent'), getVcShared('colors'), array(esc_html__('Custom color', 'js_composer') => 'custom')), 'description' => esc_html__('Select icon color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown', 'dependency' => array("element" => "type", "value" => array('icon', 'svg')), "admin_label" => true), array('type' => 'colorpicker', 'heading' => esc_html__('Custom Icon Color', 'js_composer'), 'param_name' => 'custom_color', 'description' => esc_html__('Select custom icon color.', 'js_composer'), 'dependency' => array('element' => 'color', 'value' => 'custom')), array('type' => 'dropdown', 'heading' => esc_html__('Icon color on Hover', 'js_composer'), 'param_name' => 'color_hover', 'value' => array_merge(array(esc_html__('Default', 'js_composer') => 'default'), array(esc_html__('Accent color', 'cruxstore') => 'accent'), getVcShared('colors'), array(esc_html__('Custom color', 'js_composer') => 'custom')), 'description' => esc_html__('Select icon color hover.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown', 'dependency' => array("element" => "type", "value" => array('icon', 'svg')), "admin_label" => true), array('type' => 'colorpicker', 'heading' => esc_html__('Custom Icon Color on hover', 'js_composer'), 'param_name' => 'custom_color_hover', 'description' => esc_html__('Select custom icon color hover.', 'js_composer'), 'dependency' => array('element' => 'color_hover', 'value' => 'custom'))), $shape_arr, array(array('type' => 'dropdown', 'heading' => esc_html__('Size', 'js_composer'), 'param_name' => 'size', 'value' => array_merge(getVcShared('sizes'), array('Extra Large' => 'xl')), 'std' => 'md', 'description' => esc_html__('Icon size.', 'js_composer'), "admin_label" => true)));
if ($group) {
foreach ($arr as &$item) {
$item['group'] = esc_html__('Icon', 'cruxstore');
if ($prefix) {
$item['param_name'] = $prefix . $item['param_name'];
if (isset($item['dependency'])) {
$item['dependency']['element'] = $prefix . $item['dependency']['element'];
}
}
}
}
return $arr;
}示例3: add_custom_theme_vc_params
function add_custom_theme_vc_params()
{
// Old element color structure
// ...............................................................
// Visual Composer color values
$vc_colors = array(__("Grey", "js_composer") => "wpb_button", __("Blue", "js_composer") => "btn-primary", __("Turquoise", "js_composer") => "btn-info", __("Green", "js_composer") => "btn-success", __("Orange", "js_composer") => "btn-warning", __("Red", "js_composer") => "btn-danger", __("Black", "js_composer") => "btn-inverse");
// Custom color values
$theme_custom_colors = array(__("Theme Default", "framework") => "theme-default", __("Theme Accent Color", "framework") => "accent-primary");
// Merged all colors
$all_colors = array_merge((array) $theme_custom_colors, (array) $vc_colors);
// Updated element color structure
// ...............................................................
// Visual Composer color values
$vc_shared_colors = function_exists('getVcShared') ? getVcShared("colors") : array();
// Custom color values
$theme_custom_shared_colors = array(__("Theme Default", "framework") => "theme-default", __("Theme Accent Color", "framework") => "accent-primary");
// Merged all colors
$all_shared_colors = array_merge((array) $theme_custom_shared_colors, (array) $vc_shared_colors);
// Apply updtes to default VC elements using add param function
// ===============================================================
if (function_exists('vc_add_param')) {
// Add custom progress bar colors
// ===============================================================
// Add parameters to 'vc_progress_bar'
// ...............................................................
$base = 'vc_progress_bar';
$extraParams = array(array("type" => "dropdown", "heading" => __("Bar color", "js_composer"), "param_name" => "bgcolor", "value" => array_merge(array(__("Theme Accent Color", "js_composer") => "accent-primary"), (array) $vc_colors), "description" => __("Select bar background color.", "js_composer"), "admin_label" => true));
foreach ($extraParams as $params) {
vc_add_param($base, $params);
}
// Add custom button colors
// ===============================================================
// Add parameters to 'vc_button' (Button)
// ...............................................................
$base = 'vc_button';
$extraParams = array(array("type" => "dropdown", "heading" => __("Color", "js_composer"), "param_name" => "color", "value" => $all_colors, "description" => __("Button color.", "js_composer"), "param_holder_class" => 'vc-colored-dropdown'));
foreach ($extraParams as $params) {
vc_add_param($base, $params);
}
// Add parameters to 'vc_button2' (Button 2)
// ...............................................................
/*$base = 'vc_button2';
$extraParams = array(
array(
"type" => "dropdown",
"heading" => __("Color", "js_composer"),
"param_name" => "color",
"value" => $all_shared_colors,
"description" => __("Button color.", "js_composer"),
"param_holder_class" => 'vc-colored-dropdown'
)
);
foreach ($extraParams as $params) {
vc_add_param( $base, $params );
}*/
// Add parameters to 'vc_cta_button' (Call to Action)
// ...............................................................
$base = 'vc_cta_button';
$extraParams = array(array("type" => "dropdown", "heading" => __("Color", "js_composer"), "param_name" => "color", "value" => $all_colors, "description" => __("Button color.", "js_composer"), "param_holder_class" => 'vc-colored-dropdown'));
foreach ($extraParams as $params) {
vc_add_param($base, $params);
}
// Add parameters to 'vc_cta_button2' (Call to Action 2)
// ...............................................................
/*$base = 'vc_cta_button2';
$extraParams = array(
array(
"type" => "dropdown",
"heading" => __("Color", "js_composer"),
"param_name" => "color",
"value" => $all_shared_colors,
"description" => __("Button color.", "js_composer"),
"param_holder_class" => 'vc-colored-dropdown'
)
);
foreach ($extraParams as $params) {
vc_add_param( $base, $params );
}*/
// Add custom row options
// ===============================================================
// Add parameters to 'vc_row'
$base = 'vc_row';
$extraParams = array(array("type" => "checkbox", "param_name" => "bg_parallax", "value" => array(__('Enable parallax effect', 'framework') => 'true'), "description" => __("Make the background image have a parallax scrolling effect.", "framework")), array("type" => "dropdown", "class" => "", "heading" => __("Scroll Offset (inertia)", 'framework'), "param_name" => "inertia", "value" => array(1 => '0.1', 2 => '0.2', 3 => '0.3', 4 => '0.4', 5 => '0.5', 6 => '0.6', 7 => '0.7', 8 => '0.8', 9 => '0.9'), "description" => __("Specify the offset speed of the parallax effect. The lower the number the less the background moves relative to browser window.", 'framework')), array("type" => "textfield", "admin_label" => true, "heading" => __("Google Maps Url", "framework"), "param_name" => "bg_maps", "description" => __("Instead of a background image, show a gorgeous full width google map. Parallax effect won't apply here.", "framework")), array("type" => "textfield", "admin_label" => true, "heading" => __("Google Maps Height", "framework"), "param_name" => "bg_maps_height", "description" => __("Specify the height of the maps. (default 200px)", "framework")), array("type" => "textfield", "admin_label" => true, "heading" => __("Google Maps Zoom Level", "framework"), "param_name" => "bg_maps_zoom", "description" => __("Specify the zoom level for the maps. The higher the number the closer up it gets zoomed in. (Range 1 - 19, 17 by default)", "framework")), array("type" => "checkbox", "param_name" => "bg_maps_scroll", "value" => array(__('Google Maps Mousewheel Scrolling', 'framework') => 'true'), "description" => __("Should the user be able to scroll the maps with his mousewheel? Not recommended for one page layouts.", 'framework')), array("type" => "checkbox", "param_name" => "bg_maps_infobox", "value" => array(__('Google Maps Show info box', 'framework') => 'true'), "description" => __("Shows an information box right next to the pin that locates the address.", "framework")), array("type" => "textarea", "admin_label" => true, "heading" => __("Google Maps Info Box Content", "framework"), "param_name" => "bg_maps_infobox_content", "description" => __("Enter the content that should be shown in the information box of the location. If empty, the address will be shown. Basic HTML allowed.", "framework")));
foreach ($extraParams as $params) {
vc_add_param($base, $params);
}
// Update 'vc_row' to include custom shortcode template and re-map shortcode
$sc = vc_map_update('vc_row', array('html_template' => locate_template('templates/vc_templates/vc_row.php')));
// Remove default vc_row shortcode
vc_remove_element('vc_row');
// Remap shortcode, identical to original, but with custom template path
vc_map($sc['vc_row']);
}
}示例4: die
<?php
if (!defined('ABSPATH')) {
die('-1');
}
return array('name' => __('Accordion', 'js_composer'), 'base' => 'vc_tta_accordion', 'icon' => 'icon-wpb-ui-accordion', 'is_container' => true, 'show_settings_on_create' => false, 'as_parent' => array('only' => 'vc_tta_section'), 'category' => __('Content', 'js_composer'), 'description' => __('Collapsible content panels', 'js_composer'), 'params' => array(array('type' => 'textfield', 'param_name' => 'title', 'heading' => __('Widget title', 'js_composer'), 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'style', 'value' => array(__('Classic', 'js_composer') => 'classic', __('Modern', 'js_composer') => 'modern', __('Flat', 'js_composer') => 'flat', __('Outline', 'js_composer') => 'outline'), 'heading' => __('Style', 'js_composer'), 'description' => __('Select accordion display style.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'shape', 'value' => array(__('Rounded', 'js_composer') => 'rounded', __('Square', 'js_composer') => 'square', __('Round', 'js_composer') => 'round'), 'heading' => __('Shape', 'js_composer'), 'description' => __('Select accordion shape.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'color', 'value' => getVcShared('colors-dashed'), 'std' => 'grey', 'heading' => __('Color', 'js_composer'), 'description' => __('Select accordion color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'checkbox', 'param_name' => 'no_fill', 'heading' => __('Do not fill content area?', 'js_composer'), 'description' => __('Do not fill content area with color.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'spacing', 'value' => array(__('None', 'js_composer') => '', '1px' => '1', '2px' => '2', '3px' => '3', '4px' => '4', '5px' => '5', '10px' => '10', '15px' => '15', '20px' => '20', '25px' => '25', '30px' => '30', '35px' => '35'), 'heading' => __('Spacing', 'js_composer'), 'description' => __('Select accordion spacing.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'gap', 'value' => array(__('None', 'js_composer') => '', '1px' => '1', '2px' => '2', '3px' => '3', '4px' => '4', '5px' => '5', '10px' => '10', '15px' => '15', '20px' => '20', '25px' => '25', '30px' => '30', '35px' => '35'), 'heading' => __('Gap', 'js_composer'), 'description' => __('Select accordion gap.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'c_align', 'value' => array(__('Left', 'js_composer') => 'left', __('Right', 'js_composer') => 'right', __('Center', 'js_composer') => 'center'), 'heading' => __('Alignment', 'js_composer'), 'description' => __('Select accordion section title alignment.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'autoplay', 'value' => array(__('None', 'js_composer') => 'none', '1' => '1', '2' => '2', '3' => '3', '4' => '4', '5' => '5', '10' => '10', '20' => '20', '30' => '30', '40' => '40', '50' => '50', '60' => '60'), 'std' => 'none', 'heading' => __('Autoplay', 'js_composer'), 'description' => __('Select auto rotate for accordion in seconds (Note: disabled by default).', 'js_composer')), array('type' => 'checkbox', 'param_name' => 'collapsible_all', 'heading' => __('Allow collapse all?', 'js_composer'), 'description' => __('Allow collapse all accordion sections.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'c_icon', 'value' => array(__('None', 'js_composer') => '', __('Chevron', 'js_composer') => 'chevron', __('Plus', 'js_composer') => 'plus', __('Triangle', 'js_composer') => 'triangle'), 'std' => 'plus', 'heading' => __('Icon', 'js_composer'), 'description' => __('Select accordion navigation icon.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'c_position', 'value' => array(__('Left', 'js_composer') => 'left', __('Right', 'js_composer') => 'right'), 'dependency' => array('element' => 'c_icon', 'not_empty' => true), 'heading' => __('Position', 'js_composer'), 'description' => __('Select accordion navigation icon position.', 'js_composer')), array('type' => 'textfield', 'param_name' => 'active_section', 'heading' => __('Active section', 'js_composer'), 'value' => 1, 'description' => __('Enter active section number (Note: to have all sections closed on initial load enter non-existing number).', 'js_composer')), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer')), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer'))), 'js_view' => 'VcBackendTtaAccordionView', 'custom_markup' => '
<div class="vc_tta-container" data-vc-action="collapseAll">
<div class="vc_general vc_tta vc_tta-accordion vc_tta-color-backend-accordion-white vc_tta-style-flat vc_tta-shape-rounded vc_tta-o-shape-group vc_tta-controls-align-left vc_tta-gap-2">
<div class="vc_tta-panels vc_clearfix {{container-class}}">
{{ content }}
<div class="vc_tta-panel vc_tta-section-append">
<div class="vc_tta-panel-heading">
<h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left">
<a href="javascript:;" aria-expanded="false" class="vc_tta-backend-add-control">
<span class="vc_tta-title-text">' . __('Add Section', 'js_composer') . '</span>
<i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i>
</a>
</h4>
</div>
</div>
</div>
</div>
</div>', 'default_content' => '[vc_tta_section title="' . sprintf('%s %d', __('Section', 'js_composer'), 1) . '"][/vc_tta_section][vc_tta_section title="' . sprintf('%s %d', __('Section', 'js_composer'), 2) . '"][/vc_tta_section]');示例5: vc_map
<?php
vc_map(array('name' => __('Tabs', 'js_composer'), 'base' => 'vc_tta_tabs', 'icon' => 'icon-wpb-ui-tab-content', 'is_container' => true, 'show_settings_on_create' => false, 'as_parent' => array('only' => 'vc_tta_section'), 'category' => __('Content', 'js_composer'), 'description' => __('Tabbed content', 'js_composer'), 'params' => array(array('type' => 'textfield', 'param_name' => 'title', 'heading' => __('Widget title', 'js_composer'), 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'style', 'value' => array(__('Classic', 'js_composer') => 'classic', __('Modern', 'js_composer') => 'modern', __('Flat', 'js_composer') => 'flat', __('Outline', 'js_composer') => 'outline'), 'heading' => __('Style', 'js_composer'), 'description' => __('Select tabs display style.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'shape', 'value' => array(__('Rounded', 'js_composer') => 'rounded', __('Square', 'js_composer') => 'square', __('Round', 'js_composer') => 'round'), 'heading' => __('Shape', 'js_composer'), 'description' => __('Select tabs shape.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'color', 'heading' => __('Color', 'js_composer'), 'description' => __('Select tabs color.', 'js_composer'), 'value' => getVcShared('colors-dashed'), 'std' => 'grey', 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'checkbox', 'param_name' => 'no_fill_content_area', 'heading' => __('Do not fill content area?', 'js_composer'), 'description' => __('Do not fill content area with color.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'spacing', 'value' => array(__('None', 'js_composer') => '', __('1px', 'js_composer') => '1', __('2px', 'js_composer') => '2', __('3px', 'js_composer') => '3', __('4px', 'js_composer') => '4', __('5px', 'js_composer') => '5', __('10px', 'js_composer') => '10', __('15px', 'js_composer') => '15', __('20px', 'js_composer') => '20', __('25px', 'js_composer') => '25', __('30px', 'js_composer') => '30', __('35px', 'js_composer') => '35'), 'heading' => __('Spacing', 'js_composer'), 'description' => __('Select tabs spacing.', 'js_composer'), 'std' => '1'), array('type' => 'dropdown', 'param_name' => 'gap', 'value' => array(__('None', 'js_composer') => '', __('1px', 'js_composer') => '1', __('2px', 'js_composer') => '2', __('3px', 'js_composer') => '3', __('4px', 'js_composer') => '4', __('5px', 'js_composer') => '5', __('10px', 'js_composer') => '10', __('15px', 'js_composer') => '15', __('20px', 'js_composer') => '20', __('25px', 'js_composer') => '25', __('30px', 'js_composer') => '30', __('35px', 'js_composer') => '35'), 'heading' => __('Gap', 'js_composer'), 'description' => __('Select tabs gap.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'tab_position', 'value' => array(__('Top', 'js_composer') => 'top', __('Bottom', 'js_composer') => 'bottom'), 'heading' => __('Position', 'js_composer'), 'description' => __('Select tabs navigation position.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'alignment', 'value' => array(__('Left', 'js_composer') => 'left', __('Right', 'js_composer') => 'right', __('Center', 'js_composer') => 'center'), 'heading' => __('Alignment', 'js_composer'), 'description' => __('Select tabs section title alignment.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'autoplay', 'value' => array(__('None', 'js_composer') => 'none', __('1', 'js_composer') => '1', __('2', 'js_composer') => '2', __('3', 'js_composer') => '3', __('4', 'js_composer') => '4', __('5', 'js_composer') => '5', __('10', 'js_composer') => '10', __('20', 'js_composer') => '20', __('30', 'js_composer') => '30', __('40', 'js_composer') => '40', __('50', 'js_composer') => '50', __('60', 'js_composer') => '60'), 'std' => 'none', 'heading' => __('Autoplay', 'js_composer'), 'description' => __('Select auto rotate for tabs in seconds (Note: disabled by default).', 'js_composer')), array('type' => 'textfield', 'param_name' => 'active_section', 'heading' => __('Active section', 'js_composer'), 'value' => 1, 'description' => __('Enter active section number (Note: to have all sections closed on initial load enter non-existing number).', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'pagination_style', 'value' => array(__('None', 'js_composer') => '', __('Square Dots', 'js_composer') => 'outline-square', __('Radio Dots', 'js_composer') => 'outline-round', __('Point Dots', 'js_composer') => 'flat-round', __('Fill Square Dots', 'js_composer') => 'flat-square', __('Rounded Fill Square Dots', 'js_composer') => 'flat-rounded'), 'heading' => __('Pagination style', 'js_composer'), 'description' => __('Select pagination style.', 'js_composer')), array('type' => 'dropdown', 'param_name' => 'pagination_color', 'value' => getVcShared('colors-dashed'), 'heading' => __('Pagination color', 'js_composer'), 'description' => __('Select pagination color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown', 'std' => 'grey', 'dependency' => array('element' => 'pagination_style', 'not_empty' => true)), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer'))), 'js_view' => 'VcBackendTtaTabsView', 'custom_markup' => '
<div class="vc_tta-container" data-vc-action="collapse">
<div class="vc_general vc_tta vc_tta-tabs vc_tta-color-backend-tabs-white vc_tta-style-flat vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left">
<div class="vc_tta-tabs-container">' . '<ul class="vc_tta-tabs-list">' . '<li class="vc_tta-tab" data-vc-tab data-vc-target-model-id="{{ model_id }}" data-element_type="vc_tta_section"><a href="javascript:;" data-vc-tabs data-vc-container=".vc_tta" data-vc-target="[data-model-id=\'{{ model_id }}\']" data-vc-target-model-id="{{ model_id }}"><span class="vc_tta-title-text">{{ section_title }}</span></a></li>' . '</ul>
</div>
<div class="vc_tta-panels vc_clearfix {{container-class}}">
{{ content }}
</div>
</div>
</div>', 'default_content' => '
[vc_tta_section title="' . sprintf("%s %d", __('Tab', 'js_composer'), 1) . '"][/vc_tta_section]
[vc_tta_section title="' . sprintf("%s %d", __('Tab', 'js_composer'), 2) . '"][/vc_tta_section]
', 'admin_enqueue_js' => array(vc_asset_url('lib/vc_accordion/vc-accordion.js'), vc_asset_url('lib/vc_tabs/vc-tabs.js'))));示例6: array
<?php
return array('name' => __('Round Chart', 'js_composer'), 'base' => 'vc_round_chart', 'class' => '', 'icon' => 'icon-wpb-vc-round-chart', 'category' => __('Content', 'js_composer'), 'description' => __('Pie and Doughnat charts', 'js_composer'), 'params' => array(array('type' => 'textfield', 'heading' => __('Widget title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer'), 'admin_label' => true), array('type' => 'dropdown', 'heading' => __('Design', 'js_composer'), 'param_name' => 'type', 'value' => array(__('Pie', 'js_composer') => 'pie', __('Doughnut', 'js_composer') => 'doughnut'), 'description' => __('Select type of chart.', 'js_composer'), 'admin_label' => true), array('type' => 'dropdown', 'heading' => __('Style', 'js_composer'), 'description' => __('Select chart color style.', 'js_composer'), 'param_name' => 'style', 'value' => array(__('Flat', 'js_composer') => 'flat', __('Modern', 'js_composer') => 'modern', __('Custom', 'js_composer') => 'custom'), 'dependency' => array('callback' => 'vcChartCustomColorDependency')), array('type' => 'dropdown', 'heading' => __('Gap', 'js_composer'), 'param_name' => 'stroke_width', 'value' => array(0 => 0, 1 => 1, 2 => 2, 5 => 5), 'description' => __('Select gap size.', 'js_composer'), 'std' => 2), array('type' => 'dropdown', 'heading' => __('Outline color', 'js_composer'), 'param_name' => 'stroke_color', 'value' => getVcShared('colors-dashed') + array(__('Custom', 'js_composer') => 'custom'), 'description' => __('Select outline color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown', 'std' => 'white', 'dependency' => array('element' => 'stroke_width', 'value_not_equal_to' => '0')), array('type' => 'colorpicker', 'heading' => __('Custom outline color', 'js_composer'), 'param_name' => 'custom_stroke_color', 'description' => __('Select custom outline color.', 'js_composer'), 'dependency' => array('element' => 'stroke_color', 'value' => array('custom'))), array('type' => 'checkbox', 'heading' => __('Show legend?', 'js_composer'), 'param_name' => 'legend', 'description' => __('If checked, chart will have legend.', 'js_composer'), 'value' => array(__('Yes', 'js_composer') => 'yes'), 'std' => 'yes'), array('type' => 'checkbox', 'heading' => __('Show hover values?', 'js_composer'), 'param_name' => 'tooltips', 'description' => __('If checked, chart will show values on hover.', 'js_composer'), 'value' => array(__('Yes', 'js_composer') => 'yes'), 'std' => 'yes'), array('type' => 'param_group', 'heading' => __('Values', 'js_composer'), 'param_name' => 'values', 'value' => urlencode(json_encode(array(array('title' => __('One', 'js_composer'), 'value' => '60', 'color' => 'blue'), array('title' => __('Two', 'js_composer'), 'value' => '40', 'color' => 'pink')))), 'params' => array(array('type' => 'textfield', 'heading' => __('Title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter title for chart area.', 'js_composer'), 'admin_label' => true), array('type' => 'textfield', 'heading' => __('Value', 'js_composer'), 'param_name' => 'value', 'description' => __('Enter value for area.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Color', 'js_composer'), 'param_name' => 'color', 'value' => getVcShared('colors-dashed'), 'description' => __('Select area color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'colorpicker', 'heading' => __('Custom color', 'js_composer'), 'param_name' => 'custom_color', 'description' => __('Select custom area color.', 'js_composer'))), 'callbacks' => array('after_add' => 'vcChartParamAfterAddCallback')), array('type' => 'dropdown', 'heading' => __('Animation', 'js_composer'), 'description' => __('Select animation style.', 'js_composer'), 'param_name' => 'animation', 'value' => getVcShared('animation styles'), 'std' => 'easeinOutCubic'), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer')), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer'))));示例7: array
<?php
return array('name' => __('Single Image', 'js_composer'), 'base' => 'vc_single_image', 'icon' => 'icon-wpb-single-image', 'category' => __('Content', 'js_composer'), 'description' => __('Simple image with CSS animation', 'js_composer'), 'params' => array(array('type' => 'textfield', 'heading' => __('Widget title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Image source', 'js_composer'), 'param_name' => 'source', 'value' => array(__('Media library', 'js_composer') => 'media_library', __('External link', 'js_composer') => 'external_link', __('Featured Image', 'js_composer') => 'featured_image'), 'std' => 'media_library', 'description' => __('Select image source.', 'js_composer')), array('type' => 'attach_image', 'heading' => __('Image', 'js_composer'), 'param_name' => 'image', 'value' => '', 'description' => __('Select image from media library.', 'js_composer'), 'dependency' => array('element' => 'source', 'value' => 'media_library'), 'admin_label' => true), array('type' => 'textfield', 'heading' => __('External link', 'js_composer'), 'param_name' => 'custom_src', 'description' => __('Select external link.', 'js_composer'), 'dependency' => array('element' => 'source', 'value' => 'external_link'), 'admin_label' => true), array('type' => 'textfield', 'heading' => __('Image size', 'js_composer'), 'param_name' => 'img_size', 'value' => 'thumbnail', 'description' => __('Enter image size (Example: "thumbnail", "medium", "large", "full" or other sizes defined by theme). Alternatively enter size in pixels (Example: 200x100 (Width x Height)).', 'js_composer'), 'dependency' => array('element' => 'source', 'value' => array('media_library', 'featured_image'))), array('type' => 'textfield', 'heading' => __('Image size', 'js_composer'), 'param_name' => 'external_img_size', 'value' => '', 'description' => __('Enter image size in pixels. Example: 200x100 (Width x Height).', 'js_composer'), 'dependency' => array('element' => 'source', 'value' => 'external_link')), array('type' => 'textfield', 'heading' => __('Caption', 'js_composer'), 'param_name' => 'caption', 'description' => __('Enter text for image caption.', 'js_composer'), 'dependency' => array('element' => 'source', 'value' => 'external_link')), array('type' => 'checkbox', 'heading' => __('Add caption?', 'js_composer'), 'param_name' => 'add_caption', 'description' => __('Add image caption.', 'js_composer'), 'value' => array(__('Yes', 'js_composer') => 'yes'), 'dependency' => array('element' => 'source', 'value' => array('media_library', 'featured_image'))), array('type' => 'dropdown', 'heading' => __('Image alignment', 'js_composer'), 'param_name' => 'alignment', 'value' => array(__('Left', 'js_composer') => 'left', __('Right', 'js_composer') => 'right', __('Center', 'js_composer') => 'center'), 'description' => __('Select image alignment.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Image style', 'js_composer'), 'param_name' => 'style', 'value' => getVcShared('single image styles'), 'description' => __('Select image display style.', 'js_comopser'), 'dependency' => array('element' => 'source', 'value' => array('media_library', 'featured_image'))), array('type' => 'dropdown', 'heading' => __('Image style', 'js_composer'), 'param_name' => 'external_style', 'value' => getVcShared('single image external styles'), 'description' => __('Select image display style.', 'js_comopser'), 'dependency' => array('element' => 'source', 'value' => 'external_link')), array('type' => 'dropdown', 'heading' => __('Border color', 'js_composer'), 'param_name' => 'border_color', 'value' => getVcShared('colors'), 'std' => 'grey', 'dependency' => array('element' => 'style', 'value' => array('vc_box_border', 'vc_box_border_circle', 'vc_box_outline', 'vc_box_outline_circle', 'vc_box_border_circle_2', 'vc_box_outline_circle_2')), 'description' => __('Border color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'dropdown', 'heading' => __('Border color', 'js_composer'), 'param_name' => 'external_border_color', 'value' => getVcShared('colors'), 'std' => 'grey', 'dependency' => array('element' => 'external_style', 'value' => array('vc_box_border', 'vc_box_border_circle', 'vc_box_outline', 'vc_box_outline_circle')), 'description' => __('Border color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'dropdown', 'heading' => __('On click action', 'js_composer'), 'param_name' => 'onclick', 'value' => array(__('None', 'js_composer') => '', __('Link to large image', 'js_composer') => 'img_link_large', __('Open prettyPhoto', 'js_composer') => 'link_image', __('Open custom link', 'js_composer') => 'custom_link', __('Zoom', 'js_composer') => 'zoom'), 'description' => __('Select action for click action.', 'js_composer'), 'std' => ''), array('type' => 'href', 'heading' => __('Image link', 'js_composer'), 'param_name' => 'link', 'description' => __('Enter URL if you want this image to have a link (Note: parameters like "mailto:" are also accepted).', 'js_composer'), 'dependency' => array('element' => 'onclick', 'value' => 'custom_link')), array('type' => 'dropdown', 'heading' => __('Link Target', 'js_composer'), 'param_name' => 'img_link_target', 'value' => vc_target_param_list(), 'dependency' => array('element' => 'onclick', 'value' => array('custom_link', 'img_link_large'))), vc_map_add_css_animation(), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer')), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer')), array('type' => 'hidden', 'param_name' => 'img_link_large')));示例8: array
<?php
return array('name' => __('Old Call to Action Button', 'js_composer') . ' 2', 'base' => 'vc_cta_button2', 'icon' => 'icon-wpb-call-to-action', 'deprecated' => '4.5', 'content_element' => false, 'category' => array(__('Content', 'js_composer')), 'description' => __('Catch visitors attention with CTA block', 'js_composer'), 'params' => array(array('type' => 'textfield', 'heading' => __('Heading', 'js_composer'), 'admin_label' => true, 'param_name' => 'h2', 'value' => __('Hey! I am first heading line feel free to change me', 'js_composer'), 'description' => __('Enter text for heading line.', 'js_composer')), array('type' => 'textfield', 'heading' => __('Subheading', 'js_composer'), 'param_name' => 'h4', 'value' => '', 'description' => __('Enter text for subheading line.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Shape', 'js_composer'), 'param_name' => 'style', 'value' => getVcShared('cta styles'), 'description' => __('Select display shape and style.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Width', 'js_composer'), 'param_name' => 'el_width', 'value' => getVcShared('cta widths'), 'description' => __('Select element width (percentage).', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Text alignment', 'js_composer'), 'param_name' => 'txt_align', 'value' => getVcShared('text align'), 'description' => __('Select text alignment in "Call to Action" block.', 'js_composer')), array('type' => 'colorpicker', 'heading' => __('Background color', 'js_composer'), 'param_name' => 'accent_color', 'description' => __('Select background color.', 'js_composer')), array('type' => 'textarea_html', 'heading' => __('Text', 'js_composer'), 'param_name' => 'content', 'value' => __('I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'js_composer')), array('type' => 'vc_link', 'heading' => __('URL (Link)', 'js_composer'), 'param_name' => 'link', 'description' => __('Add link to button (Important: adding link automatically adds button).', 'js_composer')), array('type' => 'textfield', 'heading' => __('Text on the button', 'js_composer'), 'param_name' => 'title', 'value' => __('Text on the button', 'js_composer'), 'description' => __('Add text on the button.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Shape', 'js_composer'), 'param_name' => 'btn_style', 'value' => getVcShared('button styles'), 'description' => __('Select button display style and shape.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Color', 'js_composer'), 'param_name' => 'color', 'value' => getVcShared('colors'), 'description' => __('Select button color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'dropdown', 'heading' => __('Size', 'js_composer'), 'param_name' => 'size', 'value' => getVcShared('sizes'), 'std' => 'md', 'description' => __('Select button size.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Button position', 'js_composer'), 'param_name' => 'position', 'value' => array(__('Right', 'js_composer') => 'right', __('Left', 'js_composer') => 'left', __('Bottom', 'js_composer') => 'bottom'), 'description' => __('Select button alignment.', 'js_composer')), vc_map_add_css_animation(), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer'))));示例9: getVcShared
'value' => getVcShared( 'colors' ),
'description' => __( 'Button color.', LANGUAGE_ZONE ),
'param_holder_class' => 'vc_colored-dropdown'
),
/*array(
'type' => 'dropdown',
'heading' => __( 'Icon', LANGUAGE_ZONE ),
'param_name' => 'icon',
'value' => getVcShared( 'icons' ),
'description' => __( 'Button icon.', LANGUAGE_ZONE )
),*/
array(
'type' => 'dropdown',
'heading' => __( 'Size', LANGUAGE_ZONE ),
'param_name' => 'size',
'value' => getVcShared( 'sizes' ),
'std' => 'md',
'description' => __( 'Button size.', LANGUAGE_ZONE )
),
array(
'type' => 'dropdown',
'heading' => __( 'Button position', LANGUAGE_ZONE ),
'param_name' => 'position',
'value' => array(
__( 'Align right', LANGUAGE_ZONE ) => 'right',
__( 'Align left', LANGUAGE_ZONE ) => 'left',
__( 'Align bottom', LANGUAGE_ZONE ) => 'bottom'
),
'description' => __( 'Select button alignment.', LANGUAGE_ZONE )
),
$add_css_animation,示例10: array
<?php
return array('name' => __('Old Button', 'js_composer') . ' 2', 'base' => 'vc_button2', 'icon' => 'icon-wpb-ui-button', 'deprecated' => '4.5', 'content_element' => false, 'category' => array(__('Content', 'js_composer')), 'description' => __('Eye catching button', 'js_composer'), 'params' => array(array('type' => 'vc_link', 'heading' => __('URL (Link)', 'js_composer'), 'param_name' => 'link', 'description' => __('Add link to button.', 'js_composer')), array('type' => 'textfield', 'heading' => __('Text', 'js_composer'), 'holder' => 'button', 'class' => 'vc_btn', 'param_name' => 'title', 'value' => __('Text on the button', 'js_composer'), 'description' => __('Enter text on the button.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Alignment', 'js_composer'), 'param_name' => 'align', 'value' => array(__('Inline', 'js_composer') => 'inline', __('Left', 'js_composer') => 'left', __('Center', 'js_composer') => 'center', __('Right', 'js_composer') => 'right'), 'description' => __('Select button alignment.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Shape', 'js_composer'), 'param_name' => 'style', 'value' => getVcShared('button styles'), 'description' => __('Select button display style and shape.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Color', 'js_composer'), 'param_name' => 'color', 'value' => getVcShared('colors'), 'description' => __('Select button color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'dropdown', 'heading' => __('Size', 'js_composer'), 'param_name' => 'size', 'value' => getVcShared('sizes'), 'std' => 'md', 'description' => __('Select button size.', 'js_composer')), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer'))), 'js_view' => 'VcButton2View');示例11: om_wpb_init
//.........这里部分代码省略.........
*/
$tmp = array('type' => 'dropdown', 'heading' => __('Delimiter', 'om_theme'), 'description' => __('Delimiter at right hand side, between columns.', 'om_theme'), 'param_name' => 'delimiter', 'value' => array(__('No', 'om_theme') => '', __('Vertical line', 'om_theme') => 'vline', __('Horisontal line', 'om_theme') => 'hline', __('Dot', 'om_theme') => 'dot', __('Arrow', 'om_theme') => 'rarr'));
vc_add_param('vc_column', $tmp);
vc_add_param('vc_column_inner', $tmp);
/**
* Animation
*/
$css_animation = array('type' => 'dropdown', 'heading' => __('CSS Animation', 'js_composer'), 'param_name' => 'css_animation', 'admin_label' => true, 'value' => array(__('No', 'js_composer') => '', __('Top to bottom', 'js_composer') => 'top-to-bottom', __('Bottom to top', 'js_composer') => 'bottom-to-top', __('Left to right', 'js_composer') => 'left-to-right', __('Right to left', 'js_composer') => 'right-to-left', __('Appear from center', 'js_composer') => 'appear', __('Bounce', 'om_theme') => 'bounce', __('Zoom In', 'om_theme') => 'zoom-in', __('Zoom In Down', 'om_theme') => 'zoom-in-down', __('Zoom In Up', 'om_theme') => 'zoom-in-up', __('Zoom Out', 'om_theme') => 'zoom-out', __('Spin', 'om_theme') => 'spin', __('Spin around Left Top', 'om_theme') => 'spin-lt', __('Spin around Right Top', 'om_theme') => 'spin-rt', __('Flip', 'om_theme') => 'flip', __('Flip X', 'om_theme') => 'flip-x', __('Flip Y', 'om_theme') => 'flip-y'), 'description' => __('Select type of animation if you want this element to be animated when it enters into the browsers viewport. Note: Works only in modern browsers.', 'js_composer'));
$css_animation_delay = array('type' => 'textfield', 'heading' => __('Delay before animation starts (milliseconds)', 'js_composer'), 'param_name' => 'css_animation_delay', 'dependency' => array('element' => 'css_animation', 'not_empty' => true));
vc_add_param('vc_column', $css_animation);
vc_add_param('vc_column', $css_animation_delay);
vc_add_param('vc_column_inner', $css_animation);
vc_add_param('vc_column_inner', $css_animation_delay);
vc_add_param('vc_row', $css_animation);
vc_add_param('vc_row', $css_animation_delay);
vc_add_param('vc_row_inner', $css_animation);
vc_add_param('vc_row_inner', $css_animation_delay);
WPBMap::mutateParam('vc_btn', $css_animation);
WPBMap::mutateParam('vc_column_text', $css_animation);
WPBMap::mutateParam('vc_cta', $css_animation);
WPBMap::mutateParam('vc_message', array_merge($css_animation, array('admin_label' => false)));
WPBMap::mutateParam('vc_single_image', $css_animation);
WPBMap::mutateParam('vc_toggle', $css_animation);
/**
* Toggle
*/
vc_remove_param('vc_toggle', 'style');
vc_remove_param('vc_toggle', 'color');
vc_remove_param('vc_toggle', 'size');
/**
* om_icon_separator
*/
$tmp = om_wpb_icon_params();
$tmp = array_merge($tmp, array(array('type' => 'dropdown', 'heading' => __('Icon position', 'om_theme'), 'param_name' => 'title_align', 'value' => array(__('Align center', 'js_composer') => 'separator_align_center', __('Align left', 'js_composer') => 'separator_align_left', __('Align right', 'js_composer') => "separator_align_right"), 'description' => __('Select title location.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Color', 'js_composer'), 'param_name' => 'color', 'value' => array_merge(getVcShared('colors'), array(__('Custom color', 'js_composer') => 'custom')), 'std' => 'grey', 'description' => __('Separator color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'colorpicker', 'heading' => __('Custom Color', 'js_composer'), 'param_name' => 'accent_color', 'description' => __('Custom separator color for your element.', 'js_composer'), 'dependency' => array('element' => 'color', 'value' => array('custom'))), array('type' => 'dropdown', 'heading' => __('Style', 'js_composer'), 'param_name' => 'style', 'value' => getVcShared('separator styles'), 'description' => __('Separator style.', 'js_composer')), array('type' => 'dropdown', 'value' => getVcShared('separator border widths'), 'description' => __('Border width in pixels.', 'js_composer'), 'heading' => __('Border width', 'om_theme'), 'param_name' => 'border_width'), array('type' => 'dropdown', 'heading' => __('Element width', 'js_composer'), 'param_name' => 'el_width', 'value' => getVcShared('separator widths'), 'description' => __('Separator element width in percents.', 'js_composer')), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer'))));
vc_map_update('om_icon_separator', array('params' => $tmp));
/**
* Message box
*/
$param = WPBMap::getParam('vc_message', 'color');
$tmp = array();
foreach ($param['options'] as $v) {
if (!in_array($v['value'], array('alert-info', 'alert-warning', 'alert-success', 'alert-danger'))) {
$tmp[] = $v;
}
}
$param['options'] = $tmp;
WPBMap::mutateParam('vc_message', $param);
$param = WPBMap::getParam('vc_message', 'icon_type');
$param['value'] = array_merge(array_diff($param['value'], array('pixelicons')));
WPBMap::mutateParam('vc_message', $param);
$param = WPBMap::getParam('vc_message', 'message_box_color');
$param['value'] = array_merge(array_diff($param['value'], array('alert-info', 'alert-warning', 'alert-success', 'alert-danger')));
WPBMap::mutateParam('vc_message', $param);
vc_remove_param('vc_message', 'style');
/**
* Single image
*/
$param = WPBMap::getParam('vc_single_image', 'style');
unset($param['value']['3D Shadow']);
WPBMap::mutateParam('vc_single_image', $param);
$param = WPBMap::getParam('vc_single_image', 'img_size');
$param['description'] = __('Enter image size. Example: "thumbnail", "medium", "large", "full" or other sizes defined by current theme. Alternatively enter image size in pixels: 200x100 (Width x Height). Leave empty to use "full" size.', 'om_theme');
WPBMap::mutateParam('vc_single_image', $param);
/**
* Button
*/示例12: cruxstore_color2Hex
$custom_color = cruxstore_color2Hex($color);
}
$lightbox_style = 'style="color: ' . $custom_color . '"';
$lightbox_icon = sprintf('<span class="%s %s" %s></span>', $iconbox_icon, implode(' ', $lightbox_class), $lightbox_style);
}
$link_attr = array('href' => '', 'class' => 'lightbox-link lightbox-' . $type);
if ($type == 'inline') {
$link_attr['href'] = '#lightbox-content' . $uniqid;
$output .= sprintf('<div id="%s" class="%s">%s</div>', 'lightbox-content' . $uniqid, 'mfp-hide lightbox-popup-block mfp-with-anim', $content);
} elseif ($type == 'iframe') {
$link_attr['href'] = $link;
} else {
$img_lightbox_id = preg_replace('/[^\\d]/', '', $image);
$img_lightbox = wp_get_attachment_image_src($img_lightbox_id, 'full');
if (array($img_lightbox)) {
$link_attr['href'] = $img_lightbox['0'];
} else {
$link_attr['href'] = vc_asset_url('vc/no_image.png');
}
}
$output .= sprintf('<a href="%s" class="%s" data-type="%s" data-effect="%s" data-width="%s">%s</a>', $link_attr['href'], $link_attr['class'], $type, $effect, $max_width, $lightbox_icon);
if ($animation_delay) {
$animation_delay = sprintf(' data-wow-delay="%sms"', $animation_delay);
}
$elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
return '<div id="lightbox-' . $uniqid . '" class="' . esc_attr($elementClass) . '"' . $animation_delay . '>' . $output . $custom_css . '</div>';
}
}
// Add your Visual Composer logic here
vc_map(array("name" => esc_html__("KT: Icon Lightbox", 'cruxstore'), "base" => "icon_lightbox", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "params" => array(array('type' => 'dropdown', 'heading' => esc_html__('Lightbox Type', 'cruxstore'), 'param_name' => 'type', 'value' => array(esc_html__('Image', 'cruxstore') => 'image', esc_html__('Iframe - Video', 'cruxstore') => 'iframe', esc_html__('Inline', 'cruxstore') => 'inline'), 'description' => esc_html__('Select type of lightbox.', 'cruxstore'), "admin_label" => true), array('type' => 'attach_image', 'heading' => esc_html__('Image', 'cruxstore'), 'param_name' => 'image', 'dependency' => array("element" => "type", "value" => array('image')), 'description' => esc_html__('Select image from media library.', 'js_composer')), array("type" => "textfield", 'heading' => esc_html__('Link', 'js_composer'), 'param_name' => 'link', "admin_label" => true, 'dependency' => array("element" => "type", "value" => array('iframe')), 'description' => esc_html__('Enter your link in here.', 'js_composer')), array("type" => "textarea_html", "heading" => esc_html__("Content", 'cruxstore'), "param_name" => "content", "value" => '', 'dependency' => array("element" => "type", "value" => array('inline'))), array('type' => 'dropdown', 'heading' => esc_html__('Lightbox Effect', 'cruxstore'), 'param_name' => 'effect', 'value' => array(esc_html__('Default', 'cruxstore') => '', esc_html__('Zoom In', 'cruxstore') => 'mfp-zoom-in', esc_html__('Newspaper', 'cruxstore') => 'mfp-newspaper', esc_html__('Move Horizontal', 'cruxstore') => 'mfp-move-horizontal', esc_html__('Move from top', 'cruxstore') => 'mfp-move-from-top', esc_html__('3d unfold', 'cruxstore') => 'mfp-3d-unfold', esc_html__('Zoom out', 'cruxstore') => 'mfp-zoom-out'), 'description' => esc_html__('Select effect of lightbox.', 'cruxstore'), "admin_label" => true), array("type" => "cruxstore_number", "heading" => esc_html__("Max width", 'cruxstore'), "param_name" => "max_width", "value" => 650, "suffix" => esc_html__("px", 'cruxstore'), 'description' => esc_html__('Select max-width for lightbox.', 'cruxstore'), 'dependency' => array("element" => "type", "value" => array('inline', 'iframe'))), array('type' => 'dropdown', 'heading' => esc_html__('Alignment', 'js_composer'), 'param_name' => 'align', 'value' => array(esc_html__('Center', 'js_composer') => 'center', esc_html__('Left', 'js_composer') => 'left', esc_html__('Right', 'js_composer') => "right"), "admin_label" => true, 'description' => esc_html__('Select separator alignment.', 'js_composer')), cruxstore_map_add_css_animation(), cruxstore_map_add_css_animation_delay(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array('type' => 'dropdown', 'heading' => esc_html__('Icon to display', 'cruxstore'), 'param_name' => 'icon_type', 'value' => array(esc_html__('Font Icon', 'cruxstore') => 'icon', esc_html__('Image Icon', 'cruxstore') => 'image'), 'description' => esc_html__('Select your layout.', 'cruxstore'), 'group' => esc_html__('Icon', 'cruxstore')), array('type' => 'attach_image', 'heading' => esc_html__('Image Thumbnail', 'cruxstore'), 'param_name' => 'iconbox_image', 'dependency' => array('element' => 'icon_type', 'value' => array('image')), 'description' => esc_html__('Select image from media library.', 'js_composer'), 'group' => esc_html__('Icon', 'cruxstore')), array("type" => "cruxstore_icons", 'heading' => esc_html__('Choose your icon', 'js_composer'), 'param_name' => 'iconbox_icon', "value" => 'fa fa-adjust', 'description' => esc_html__('Use existing font icon or upload a custom image.', 'cruxstore'), 'dependency' => array("element" => "icon_type", "value" => array('icon')), 'group' => esc_html__('Icon', 'cruxstore')), array('type' => 'dropdown', 'heading' => esc_html__('Icon color', 'js_composer'), 'param_name' => 'color', 'value' => array_merge(array(esc_html__('Default', 'js_composer') => 'default'), getVcShared('colors'), array(esc_html__('Custom color', 'js_composer') => 'custom')), 'description' => esc_html__('Select icon color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown', 'group' => esc_html__('Icon', 'cruxstore'), 'dependency' => array("element" => "icon_type", "value" => array('icon'))), array('type' => 'colorpicker', 'heading' => esc_html__('Custom Icon Color', 'js_composer'), 'param_name' => 'custom_color', 'description' => esc_html__('Select custom icon color.', 'js_composer'), 'dependency' => array('element' => 'color', 'value' => 'custom'), 'group' => esc_html__('Icon', 'cruxstore')), array('type' => 'dropdown', 'heading' => esc_html__('Size', 'js_composer'), 'param_name' => 'size', 'value' => array_merge(getVcShared('sizes'), array('Extra Large' => 'xl')), 'std' => 'md', 'description' => esc_html__('Icon size.', 'js_composer'), 'group' => esc_html__('Icon', 'cruxstore')), array('type' => 'css_editor', 'heading' => esc_html__('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design Options', 'js_composer')))));示例13: foreach
$text = '';
$left_text = '';
$left_right = '';
foreach ($values as $key => $data) {
$new_line = $data;
$new_line['left'] = isset($data['left']) ? $data['left'] : 0;
$new_line['top'] = isset($data['top']) ? $data['top'] : 0;
$new_line['label'] = isset($data['label']) ? $data['label'] : '';
$new_line['color'] = isset($data['color']) ? $data['color'] : 'default';
$new_line['color'] = isset($data['color']) ? $data['color'] : 'default';
$new_line['content'] = isset($data['content']) ? $data['content'] : '';
$active = $key == 0 ? ' active' : '';
$text .= sprintf('<div class="image-tooltip-item %s" style="top: %s; left: %s;"><div class="image-tooltip-content" data-count="%s" title="%s"></div></div>', 'tooltip-' . $new_line['color'] . $active, $new_line['top'] . '%', $new_line['left'] . '%', $key, $new_line['label']);
$tooltip = sprintf('<div class="image-tooltip-element %s" data-count="%s"><h4>%s</h4><div>%s</div></div>', $active, $key, $new_line['label'], $data['content']);
if ($new_line['align'] == 'right') {
$left_right .= $tooltip;
} else {
$left_text .= $tooltip;
}
}
$output = sprintf('<div class="row"><div class="image-tooltip-left col-md-4">%s</div><div class="image-tooltip-center col-md-4">%s %s</div><div class="image-tooltip-right col-md-4">%s</div></div>', $left_text, '<div class="image-tooltip-image">' . $img['thumbnail'] . '</div>', '<div class="image-tooltip-text">' . $text . '</div>', $left_right);
$elementClass = preg_replace(array('/\\s+/', '/^\\s|\\s$/'), array(' ', ''), implode(' ', $elementClass));
if ($animation_delay) {
$animation_delay = sprintf(' data-wow-delay="%sms"', $animation_delay);
}
return '<div class="' . esc_attr($elementClass) . '"' . $animation_delay . '>' . $output . '</div>';
}
}
// Add your Visual Composer logic here
vc_map(array("name" => esc_html__("KT: Image with Tooltip", 'cruxstore'), "base" => "image_tooltip", "category" => esc_html__('by Kite-Themes', 'cruxstore'), "params" => array(array('type' => 'attach_image', 'heading' => esc_html__('Image', 'cruxstore'), 'param_name' => 'image', 'description' => esc_html__('Select image from media library.', 'js_composer')), array('type' => 'textfield', 'heading' => esc_html__('Image size', 'js_composer'), 'param_name' => 'img_size', 'value' => 'thumbnail', 'description' => esc_html__('Enter image size (Example: "thumbnail", "medium", "large", "full" or other sizes defined by theme). Alternatively enter size in pixels (Example: 200x100 (Width x Height)).', 'js_composer')), array('type' => 'param_group', 'heading' => __('Values', 'js_composer'), 'param_name' => 'values', 'description' => __('Enter values for tooltip - Position, title and color.', 'js_composer'), 'value' => urlencode(json_encode(array(array('label' => __('Tooltip content', 'js_composer'), 'top' => '10', 'left' => '10')))), 'params' => array(array('type' => 'textfield', 'heading' => __('Label', 'js_composer'), 'param_name' => 'label', 'description' => __('Enter text used as title of tooltip.', 'js_composer'), 'admin_label' => true), array('type' => 'cruxstore_number', "suffix" => esc_html__("Percent", 'cruxstore'), 'heading' => __('Position top', 'js_composer'), 'param_name' => 'top', 'description' => __('Enter top position of tooltip.', 'js_composer'), 'admin_label' => true), array('type' => 'cruxstore_number', "suffix" => esc_html__("Percent", 'cruxstore'), 'heading' => __('Position left', 'js_composer'), 'param_name' => 'left', 'description' => __('Enter left position of tooltip.', 'js_composer'), 'admin_label' => true), array('type' => 'textarea', 'holder' => 'div', 'heading' => esc_html__('Enter text used as content of tooltip.', 'js_composer'), 'param_name' => 'content'), array('type' => 'dropdown', 'heading' => __('Color', 'js_composer'), 'param_name' => 'color', 'value' => array(__('Default', 'js_composer') => '') + getVcShared('colors-dashed'), 'description' => __('Select single tooltip background color.', 'js_composer'), 'admin_label' => true, 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'dropdown', 'heading' => __('Align', 'js_composer'), 'param_name' => 'align', 'value' => array(__('Left', 'js_composer') => 'left', __('Right', 'js_composer') => 'right'), 'description' => __('Select align for item.', 'js_composer'), 'admin_label' => true))), array("type" => "cruxstore_preview", "heading" => esc_html__("Preview tooltip", "cruxstore"), "param_name" => "preview_tooltip", "description" => esc_html__("Please update it after you upload image and values.", "cruxstore")), cruxstore_map_add_css_animation(), cruxstore_map_add_css_animation_delay(), array("type" => "textfield", "heading" => esc_html__("Extra class name", "js_composer"), "param_name" => "el_class", "description" => esc_html__("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "js_composer")), array('type' => 'css_editor', 'heading' => esc_html__('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => esc_html__('Design Options', 'js_composer')))));示例14: array
<?php
return array('name' => __('Line Chart', 'js_composer'), 'base' => 'vc_line_chart', 'class' => '', 'icon' => 'icon-wpb-vc-line-chart', 'category' => __('Content', 'js_composer'), 'description' => __('Line and Bar charts', 'js_composer'), 'params' => array(array('type' => 'textfield', 'heading' => __('Widget title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer'), 'admin_label' => true), array('type' => 'dropdown', 'heading' => __('Design', 'js_composer'), 'param_name' => 'type', 'value' => array(__('Line', 'js_composer') => 'line', __('Bar', 'js_composer') => 'bar'), 'std' => 'bar', 'description' => __('Select type of chart.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Style', 'js_composer'), 'description' => __('Select chart color style.', 'js_composer'), 'param_name' => 'style', 'value' => array(__('Flat', 'js_composer') => 'flat', __('Modern', 'js_composer') => 'modern', __('Custom', 'js_composer') => 'custom'), 'dependency' => array('callback' => 'vcChartCustomColorDependency')), array('type' => 'checkbox', 'heading' => __('Show legend?', 'js_composer'), 'param_name' => 'legend', 'description' => __('If checked, chart will have legend.', 'js_composer'), 'value' => array(__('Yes', 'js_composer') => 'yes'), 'std' => 'yes'), array('type' => 'checkbox', 'heading' => __('Show hover values?', 'js_composer'), 'param_name' => 'tooltips', 'description' => __('If checked, chart will show values on hover.', 'js_composer'), 'value' => array(__('Yes', 'js_composer') => 'yes'), 'std' => 'yes'), array('type' => 'textfield', 'heading' => __('X-axis values', 'js_composer'), 'param_name' => 'x_values', 'description' => __('Enter values for axis (Note: separate values with ";").', 'js_composer'), 'value' => 'JAN; FEB; MAR; APR; MAY; JUN; JUL; AUG'), array('type' => 'param_group', 'heading' => __('Values', 'js_composer'), 'param_name' => 'values', 'value' => urlencode(json_encode(array(array('title' => __('One', 'js_composer'), 'y_values' => '10; 15; 20; 25; 27; 25; 23; 25', 'color' => 'blue'), array('title' => __('Two', 'js_composer'), 'y_values' => '25; 18; 16; 17; 20; 25; 30; 35', 'color' => 'pink')))), 'params' => array(array('type' => 'textfield', 'heading' => __('Title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter title for chart dataset.', 'js_composer'), 'admin_label' => true), array('type' => 'textfield', 'heading' => __('Y-axis values', 'js_composer'), 'param_name' => 'y_values', 'description' => __('Enter values for axis (Note: separate values with ";").', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Color', 'js_composer'), 'param_name' => 'color', 'value' => getVcShared('colors-dashed'), 'description' => __('Select chart color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'colorpicker', 'heading' => __('Custom color', 'js_composer'), 'param_name' => 'custom_color', 'description' => __('Select custom chart color.', 'js_composer'))), 'callbacks' => array('after_add' => 'vcChartParamAfterAddCallback')), array('type' => 'dropdown', 'heading' => __('Animation', 'js_composer'), 'description' => __('Select animation style.', 'js_composer'), 'param_name' => 'animation', 'value' => getVcShared('animation styles'), 'std' => 'easeinOutCubic'), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer')), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer'))));示例15: vc_map_integrate_shortcode
if (is_array($shortcode_vc_separator) && isset($shortcode_vc_separator['base'])) {
$list['vc_separator'] = $shortcode_vc_separator;
$list['vc_separator']['post_type'] = Vc_Grid_Item_Editor::postType();
}
$shortcode_vc_text_separator = WPBMap::getShortCode('vc_text_separator');
if (is_array($shortcode_vc_text_separator) && isset($shortcode_vc_text_separator['base'])) {
$list['vc_text_separator'] = $shortcode_vc_text_separator;
$list['vc_text_separator']['post_type'] = Vc_Grid_Item_Editor::postType();
}
$shortcode_vc_icon = WPBMap::getShortCode('vc_icon');
if (is_array($shortcode_vc_icon) && isset($shortcode_vc_icon['base'])) {
$list['vc_icon'] = $shortcode_vc_icon;
$list['vc_icon']['post_type'] = Vc_Grid_Item_Editor::postType();
$list['vc_icon']['params'] = vc_map_integrate_shortcode('vc_icon', '', '', array('exclude' => array('link')));
}
$list['vc_single_image'] = array('name' => __('Single Image', 'js_composer'), 'base' => 'vc_single_image', 'icon' => 'icon-wpb-single-image', 'category' => __('Content', 'js_composer'), 'description' => __('Simple image with CSS animation', 'js_composer'), 'params' => array(array('type' => 'textfield', 'heading' => __('Widget title', 'js_composer'), 'param_name' => 'title', 'description' => __('Enter text used as widget title (Note: located above content element).', 'js_composer')), array('type' => 'attach_image', 'heading' => __('Image', 'js_composer'), 'param_name' => 'image', 'value' => '', 'description' => __('Select image from media library.', 'js_composer')), $vc_add_css_animation, array('type' => 'textfield', 'heading' => __('Image size', 'js_composer'), 'param_name' => 'img_size', 'description' => __('Enter image size (Example: "thumbnail", "medium", "large", "full" or other sizes defined by theme). Alternatively enter size in pixels (Example: 200x100 (Width x Height)). Leave parameter empty to use "thumbnail" by default.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Image alignment', 'js_composer'), 'param_name' => 'alignment', 'value' => array(__('Left', 'js_composer') => '', __('Right', 'js_composer') => 'right', __('Center', 'js_composer') => 'center'), 'description' => __('Select image alignment.', 'js_composer')), array('type' => 'dropdown', 'heading' => __('Image style', 'js_composer'), 'param_name' => 'style', 'value' => getVcShared('single image styles'), 'description' => __('Select image display style.', 'js_comopser')), array('type' => 'dropdown', 'heading' => __('Border color', 'js_composer'), 'param_name' => 'border_color', 'value' => getVcShared('colors'), 'std' => 'grey', 'dependency' => array('element' => 'style', 'value' => array('vc_box_border', 'vc_box_border_circle', 'vc_box_outline', 'vc_box_outline_circle')), 'description' => __('Border color.', 'js_composer'), 'param_holder_class' => 'vc_colored-dropdown'), array('type' => 'textfield', 'heading' => __('Extra class name', 'js_composer'), 'param_name' => 'el_class', 'description' => __('Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer')), array('type' => 'css_editor', 'heading' => __('CSS box', 'js_composer'), 'param_name' => 'css', 'group' => __('Design Options', 'js_composer'))), 'post_type' => Vc_Grid_Item_Editor::postType());
$shortcode_vc_button2 = WPBMap::getShortCode('vc_button2');
if (is_array($shortcode_vc_button2) && isset($shortcode_vc_button2['base'])) {
$list['vc_button2'] = $shortcode_vc_button2;
$list['vc_button2']['post_type'] = Vc_Grid_Item_Editor::postType();
}
$shortcode_vc_btn = WPBMap::getShortCode('vc_btn');
if (is_array($shortcode_vc_btn) && isset($shortcode_vc_btn['base'])) {
$list['vc_btn'] = $shortcode_vc_btn;
$list['vc_btn']['post_type'] = Vc_Grid_Item_Editor::postType();
unset($list['vc_btn']['params'][1]);
}
$shortcode_vc_custom_heading = WPBMap::getShortCode('vc_custom_heading');
if (is_array($shortcode_vc_custom_heading) && isset($shortcode_vc_custom_heading['base'])) {
$list['vc_custom_heading'] = $shortcode_vc_custom_heading;
$list['vc_custom_heading']['post_type'] = Vc_Grid_Item_Editor::postType();