پرش به محتویات

کنترل SVG

کنترل SVG به شما امکان می‌دهد یک فایل SVG (گرافیک برداری مقیاس‌پذیر) را از کتابخانه رسانه انتخاب کنید. SVG انتخاب‌شده آرایه‌ای را با کلیدهای زیر برمی‌گرداند:

  • id (شناسه مورد کتابخانه رسانه)
  • filename
  • url

توصیه می‌کنیم SVG را به صورت درون‌خطی همان‌طور که در مثال کد زیر نشان داده شده، رندر کنید. به این ترتیب می‌توانید به راحتی آن را از طریق CSS شخصی‌سازی کنید.

class Prefix_Element_Svg extends \Bricks\Element {
  // Set builder controls
  public function set_controls() {
    $this->controls['exampleSvg'] = [
      'tab' => 'content',
      'type' => 'svg',
    ];
  }

  // Render element HTML
  public function render() {
    if ( isset( $this->settings['exampleSvg']['url'] ) ) {
      echo file_get_contents( esc_url( $this->settings['exampleSvg']['url'] ) );
    } else {
      esc_html_e( 'No SVG selected.', 'bricks' );
    }
  }
}

منابع