--- url: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/%D0%BC%D0%B5%D0%B4%D1%96%D0%B0%D0%B1%D1%96%D0%B1%D0%BB%D1%96%D0%BE%D1%82%D0%B5%D0%BA%D0%B0' title: 'Розміщення зображення з медіабібліотеки | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T19:59:57+00:00' updated: '2026-10-24T20:08:10+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Розмістіть фото з медіабібліотеки вашого сайту на сторінці, поруч із коротким текстом. Ви знаходите зображення за ім’ям, позначаєте його й вставляєте, тож кожна сторінка повторно використовує ті самі затверджені зображення. Це рекомендований спосіб вибору зображень; використовуйте Entity Browser, лише коли ваш сайт уже покладається на нього. tags: - 'Connect Drupal features' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T20:08:10+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Розміщення зображення з медіабібліотеки' description: |- Розмістіть фото з медіабібліотеки вашого сайту на сторінці, поруч із коротким текстом. Ви знаходите зображення за ім’ям, позначаєте його й вставляєте, тож кожна сторінка повторно використовує ті самі затверджені зображення. Це рекомендований спосіб вибору зображень; використовуйте Entity Browser, лише коли ваш сайт уже покладається на нього. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T19:59:57+0000' dateModified: '2026-10-24T20:08:10+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/%D0%BC%D0%B5%D0%B4%D1%96%D0%B0%D0%B1%D1%96%D0%B1%D0%BB%D1%96%D0%BE%D1%82%D0%B5%D0%BA%D0%B0' articleSection: 'Підключення можливостей Drupal' - '@type': WebPage '@id': 'https://dxpr.com/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/%D0%BC%D0%B5%D0%B4%D1%96%D0%B0%D0%B1%D1%96%D0%B1%D0%BB%D1%96%D0%BE%D1%82%D0%B5%D0%BA%D0%B0' description: |- Розмістіть фото з медіабібліотеки вашого сайту на сторінці, поруч із коротким текстом. Ви знаходите зображення за ім’ям, позначаєте його й вставляєте, тож кожна сторінка повторно використовує ті самі затверджені зображення. Це рекомендований спосіб вибору зображень; використовуйте Entity Browser, лише коли ваш сайт уже покладається на нього. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/uk' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: uk --- [Help Center](/uk/hc)/[Documentation](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F) /[Вивчення DXPR Builder](/uk/hc/documentation/learn-dxpr-builder) /[Керування сайтом](/uk/hc/documentation/learn-dxpr-builder/manage) /[Підключення можливостей Drupal](/uk/hc/documentation/learn-dxpr-builder/integrations) # Розміщення зображення з медіабібліотеки. Вивчення DXPR BuilderКерування сайтомПідключення можливостей Drupal ## In this guide Related guides - [Вибір зображень за допомогою Entity Browser](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/entity-browser) Розмістіть фото з медіабібліотеки вашого сайту на сторінці, поруч із коротким текстом. Ви знаходите зображення за ім’ям, позначаєте його й вставляєте, тож кожна сторінка повторно використовує ті самі затверджені зображення. Це рекомендований спосіб вибору зображень; використовуйте [Entity Browser](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/entity-browser), лише коли ваш сайт уже покладається на нього. ## Перед початком - Модуль **Media Library** увімкнено, а сайт має медіатип зображень із машинним ім’ям `image`. - **Browser type** установлено на **Media Library**. Ви знайдете його в розділі **Media** сторінки [Загальні налаштування](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D0%B0%D0%B4%D0%BC%D1%96%D0%BD%D1%96%D1%81%D1%82%D1%80%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F/%D0%B7%D0%B0%D0%B3%D0%B0%D0%BB%D1%8C%D0%BD%D1%96-%D0%BD%D0%B0%D0%BB%D0%B0%D1%88%D1%82%D1%83%D0%B2%D0%B0%D0%BD%D0%BD%D1%8F). - Ви маєте дозвіл **View media**. ## Налаштування 1. Натисніть **+** в області вмісту й на вкладці **Layout** виберіть **Section**. 2. Натисніть **+** на розділі й виберіть **Row**; спочатку він має два рівні стовпці. 3. Натисніть **+** у правому стовпці й на вкладці **Content** виберіть **Text**. Введіть заголовок, установіть його на **Heading 2**, додайте один рядок і натисніть **Save**. 4. Натисніть **+** у лівому стовпці й виберіть **Image**. 5. Натисніть **Select Image**: **Media browser**відкривається з найновішими зображеннями першими. 6. Введіть частину імені зображення в полі **Name**і натисніть **Apply filters**. 7. Позначте зображення й натисніть **Insert selected**. 8. Відкрийте панель **SEO**, введіть **Alt attribute** і натисніть **Save**. ## Що ви бачите Фото міститься в лівому стовпці з вашим текстом поруч. Медіаматеріал лишається в бібліотеці, тож інші сторінки можуть використовувати те саме зображення. Діалогове вікно **Media browser** пропонує більше, ніж пошук: - **Add file**: завантажте нове зображення з вашого комп’ютера. Воно долучається до бібліотеки для всіх. - **Sort by**: спочатку найновіші чи найстаріші - **Grid** або **Table**: режими перегляду бібліотеки - Позначка на кожному зображенні. **Insert selected** бере кожне позначене; поле, що вміщує одне зображення, зберігає перше. Інші поля зображень відкривають той самий браузер: **Background image** на панелі **Style**, списки зображень **Image carousel** і **Marquee**і постер відео. **Select video** на елементі **Local video** відкриває його для відеофайлів. ## Якщо браузер медіа не відображається - **Замість Select Image показується проста кнопка завантаження.** **Browser type** установлено на **Basic file upload**. Виберіть **Media Library** у розділі **Media**за адресою `/admin/dxpr_studio/dxpr_builder/settings`. - **Браузер показує «Media Library is not enabled.»**Модуль Media Library вимкнено. Увімкніть його в розділі **Extend** (`/admin/modules`). - **Браузер показує «Access denied».** Вашій ролі бракує **View media**. Надайте його в розділі **People** > **Permissions** (`/admin/people/permissions`). - **Немає форми Add file.** Ваша роль не може створювати медіа типу Image. Надайте **Image: Create new media** на тій самій сторінці дозволів. ## Що далі? [Браузер сутностей для просунутого вибору медіа](/uk/hc/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D1%96%D1%8F/%D0%BD%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-dxpr-builder/%D1%96%D0%BD%D1%82%D0%B5%D0%B3%D1%80%D0%B0%D1%86%D1%96%D1%97/entity-browser), щоб продовжити знайомство з DXPR Builder.