کنترل Filters

کنترل Filters موارد زیر را از فیلترهای CSS ارائه می‌دهد: blur، brightness، contrast، hue، invert، opacity، saturation، sepia.

class Prefix_Element_Filters extends \Bricks\Element {
  // Set builder controls
  public function set_controls() {
    $this->controls['exampleFilters'] = [
      'tab' => 'content',
      'label' => esc_html__( 'CSS filters', 'bricks' ),
      'type' => 'filters',
      'inline' => true,
      'css' => [
        [
          'property' => 'filter',
          'selector' => '.css-filter',
        ],
      ],
    ];
  }

  // Render element HTML
  public function render() {
    echo '<div class="css-filter">' . echo get_bloginfo( 'name' ); . '</div>';
  }
}

توجه

همه بخش‌ها، ردیف‌ها، ستون‌ها و عناصر از قبل دارای یک کنترل CSS Filters در گروه CSS زبانه Style هستند.