Контроль галереї зображень дозволяє вибрати кілька зображень з вашої медіатeki. Після вибору зображень ви можете вибрати розмір зображення.
Ваші вибрані зображення зберігаються в масиві, через який вам потрібно пройти (див. приклад коду нижче). Використовуйте id
і size
кожного зображення, щоб відобразити його на вашій сторінці.
Порада #1: Утримуйте клавішу SHIFT, щоб вибрати кілька зображень у вашій медіатекі.
Порада #2: Виберіть найменший можливий розмір зображення, в якому зображення все ще виглядає чітким. Це допомагає зменшити час завантаження вашого веб-сайту і є вдалими для SEO, оскільки час завантаження є важливим фактором ранжування для пошукових систем.
class Prefix_Element_Image extends EslElement {// Налаштування контролів public function set_controls() {$this->controls['exampleImageGallery'] = ['tab' => 'content','label' => esc_html__( 'Галерея зображень', 'esl' ),'type' => 'image-gallery',];}// Відобразити 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( 'Немає вибраних зображень.', 'esl' );}}}