کنترل Image Gallery

کنترل Image Gallery به شما امکان می‌دهد چندین تصویر را از کتابخانه رسانه خود انتخاب کنید. پس از انتخاب تصاویر می‌توانید اندازه تصویر را انتخاب کنید.

تصاویر انتخابی شما در یک آرایه ذخیره می‌شوند که باید از طریق آن حلقه بزنید (نمونه کد زیر را ببینید). از id و size هر تصویر برای ارائه آن در صفحه خود استفاده کنید.

توجه

نکته #1: کلید SHIFT را برای انتخاب چند تصویر در کتابخانه رسانه خود نگه دارید.

توجه

نکته #2: کوچک‌ترین اندازه تصویر ممکن را که در آن تصویر همچنان واضح به نظر می‌رسد، انتخاب کنید. این به کاهش زمان بارگذاری وب‌سایت شما کمک می‌کند و برای سئو عالی است، زیرا زمان بارگذاری یک فاکتور مهم رتبه‌بندی برای موتورهای جستجو است.

class Prefix_Element_Image extends \Bricks\Element {
  // Set builder controls
  public function set_controls() {
    $this->controls['exampleImageGallery'] = [
      'tab' => 'content',
      'label' => esc_html__( 'Image gallery', 'bricks' ),
      'type' => 'image-gallery',
    ];
  }

  // Render element HTML
  public function render() {
    if ( isset( $this->settings['exampleImageGallery'] ) ) {
      foreach( $this->settings['exampleImageGallery'] as $index => $image ) {
        echo wp_get_attachment_image(
          $image['id'],
          $image['size'],
          false,
          ['class' => 'css-filter']
        );
      }
    } else {
      esc_html_e( 'No image(s) selected.', 'bricks' );
    }
  }
}