drupal 9 https://blog.sysop.in.ua/ uk Створення обчислюваного поля сутності (computed field) https://blog.sysop.in.ua/post/stvorennya-obchyslyuvanoho-polya-sutnosti-computed-field-104 <span property="schema:name">Створення обчислюваного поля сутності (computed field)</span> <span rel="schema:author"><span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">sysop</span></span> <span property="schema:dateCreated" content="2022-08-05T07:06:35+00:00">05 / 08/ 2022 - 10:06</span> <ul class="links inline"> <li></li> <li></li> </ul> Fri, 05 Aug 2022 07:06:35 +0000 sysop 104 at https://blog.sysop.in.ua Drupal: Дайджест нових модулів за липень 2022 https://blog.sysop.in.ua/news/drupal-daydzhest-novykh-moduliv-za-lypen-2022-102 <span>Drupal: Дайджест нових модулів за липень 2022</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">webmaster</span></span> <span>02 / 08/ 2022 - 12:49</span> <ul class="links inline"> <li></li> <li></li> </ul> <div class="text-content clearfix field field--name-body field--type-text-with-summary field--label-hidden field__item"><p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font><font style="vertical-align:inherit">Щодня на Drupal.org публікуються модулі, які розробляє співтовариство (контрибні модулі). </font></font><font style="vertical-align:inherit">Ми переглянули нові модулі для Drupal 9, опубліковані в липні, і зібрали для вас добірку найцікавіших та найкорисніших.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/countries_import" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Countries import</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — імпорт даних про країни та створення термінів або матеріалів з інформацією про країни. </font><font style="vertical-align:inherit">Імпортовані дані можна побачити за посиланням https://raw.githubusercontent.com/cristiroma/countries/master/data/countries.json</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/pdf_metadata" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">PDF Metadata</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль дозволяє автоматично встановлювати метадані в завантажених PDF-файлах, використовуючи шаблони заміни на основі токенів для покращення SEO.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/commerce_gallery" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Drupal Commerce Gallery</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль надає блок, де відображаються галерея продуктів Drupal Commerce. </font><font style="vertical-align:inherit">Налаштування блоку дозволяють задати заголовок, кількість продуктів, що виводяться, кількість колонок в галереї. </font><font style="vertical-align:inherit">При наведенні на картку продукту відображатиметься назва продукту, його SKU та ціна.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/file_rename" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">File Rename</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> - модуль додає можливість перейменовувати файли, завантажені на сайт. </font><font style="vertical-align:inherit">Після перейменування зображення автоматично перебудовується imagecache для цього зображення.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/file_replace" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">File Replace (D8+)</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль дозволяє замінювати файли, зберігаючи їх uri. </font><font style="vertical-align:inherit">Модуль буде корисний у тих випадках, коли на сайті є пряме посилання на файл або файл використовується безпосередньо у будь-який спосіб, і його необхідно час від часу оновлювати.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/user_annex" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">User annex</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> – альтернатива модулю «User history». </font><font style="vertical-align:inherit">Модуль дозволяє відстежувати (логувати) зміни в заданих базових та кастомних полях по суті (профілі) користувача.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/qr_block" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">QR Block</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль надає блок, у якому динамічно виводиться QR-код із заданого токена.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/solr_search_synonym" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">SOLR Search Synonym</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> - модуль є розширеною версією модуля Search API Synonym(search_api_synonym) і забезпечує інтеграцію з Apache Solr, експорт синонімів безпосередньо в конфігурації Solr без необхідності вручну оновлювати файл synonyms_und.txt.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/cache_review" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Cache review</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль надає інструменти, які допомагають переглядати та аналізувати роботу внутрішнього (IPC) та динамічного (DPC) кешу сторінок. </font><font style="vertical-align:inherit">Модуль також надає кілька демонстраційних сторінок із кешованими та некешованими елементами. </font><font style="vertical-align:inherit">Основна мета модуля Cache Review – допомогти розробникам дізнатися, як працює кеш для анонімних та авторизованих користувачів. </font><font style="vertical-align:inherit">Також модуль може допомогти при пошуку та аналізі можливих проблем із кешуванням у проектах.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/views_alias_filter" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Views alias filter</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль надає відкритий (exposed) фільтр для фільтрації матеріалів за їх псевдонімами адрес (URL alias).</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/weerly" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Weerly</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> – модуль дозволяє реалізувати систему скорочення посилань на власному сайті.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/json_ld_schema_ui" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">JSON-LD Schema UI</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> - модуль для просунутої пошукової оптимізації, реалізує інтерфейс користувача (UI) для управління JSON-LD Schema у формі створення/редагування матеріалів.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/menu_migration" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Menu migration (Import &amp; Export)</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — імпорт/експорт пунктів меню між сайтами Drupal. </font><font style="vertical-align:inherit">Пункти меню експортуються у вигляді json-файлу до папки на сервері, заданої у формі конфігурації модуля. </font><font style="vertical-align:inherit">Є можливість працювати з модулем через адмін-панель, так і через drush.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/bootstrap_flag_icons" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Bootstrap flag icons</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> – виведення перемикача мов у вигляді кнопки Bootstrap 5 з прапорами країн.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/views_taxonomy_radios_filter" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Views Taxonomy radios/checkboxes filter</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — висновок у уявленнях (Views) фільтрів по полях з термінами таксономії у вигляді радіокнопок або чекбоксів (в ядрі є висновок тільки у вигляді списку («Dropdown») або поля з автодоповненням («Autocomplete»)).</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/layout_builder_accordion" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Layout Builder Accordion</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> - модуль надає новий вид макета (секції) "Акордеон" для Layout Builder, в якому додані блоки будуть відображатися як панелі акордеону.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/style_selector" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Style Selector</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль надає користувацькі типи полів — CSS Style і CSS Color для вибору CSS-класів і кольору зі списку значень для матеріалів/сутностей. </font><font style="vertical-align:inherit">Форматтер CSS Style додає вибраний користувачем клас до враппера матеріалу/сутності, а форматтер CSS Color встановлює обраний колір у вигляді інлайн-css враппера матеріалу/сутності.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/grid_widget" target="_blank"><font style="vertical-align:inherit"><font class="goog-text-highlight"><font style="background-color:#c9d7f1; box-shadow:#9999aa 2px 2px 4px; box-sizing:border-box; position:relative; vertical-align:inherit">Grid Widget</font></font></font></a><font style="vertical-align:inherit"><font class="goog-text-highlight"><font style="background-color:#c9d7f1; box-shadow:#9999aa 2px 2px 4px; box-sizing:border-box; position:relative; vertical-align:inherit"> – розширення можливостей модуля Options з ядра Drupal для виведення радіокнопок та чекбоксів варіантами стилізації у вигляді колонок, Flexbox та CSS Grid.</font></font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/drupal_ad" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Active Directory Integration</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль забезпечує інтеграцію з Active Directory, що настроюється, за допомогою розширення PHP LDAP.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p style="text-align:start"><span style="font-size:medium"><span style="color:#000000"><span style="font-family:&quot;Times New Roman&quot;"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:400"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a href="https://translate.google.com/website?sl=ru&amp;tl=uk&amp;hl=en&amp;client=webapp&amp;u=https://www.drupal.org/project/komponent" target="_blank"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Komponent</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> — модуль надає поле користувача для додавання макетів Layout Builder в матеріали. </font><font style="vertical-align:inherit">Модуль дозволяє заборонити зміну макета секцій заданих у полі за замовчуванням. </font><font style="vertical-align:inherit">За замовчуванням можна лише увімкнути Layout Builder для матеріалів, а за допомогою модуля Komponent можна додати до матеріалу кілька полів, у яких працюватиме Layout Builder. </font><font style="vertical-align:inherit">Наприклад, можна додати два поля Komponent, при цьому одне поле залишити вільним, а в другому налаштувати макет та секції за замовчуванням, встановити заборону на зміну секцій та макетів та зробити поле обов'язковим. </font><font style="vertical-align:inherit">У цьому випадку контент-менеджер "не забуде" заповнити потрібні поля і при цьому не зламає макет сторінки.</font></font></span></span></span></span></span></span></span></span></span></span></p> </div> <div class="field field--name-field-news-source-url field--type-link field--label-inline clearfix"> <div class="field__label">Джерело</div> <div class="field__item"><a href="https://drupal.org">https://drupal.org</a></div> </div> <div class="field field--name-field-tag field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Теґ</div> <div class="field__items"> <div class="field__item"><a href="/tag/drupal-9" hreflang="uk">drupal 9</a></div> </div> </div> <div class="field field--name-field-news-category field--type-entity-reference field--label-above"> <div class="field__label">Категорія</div> <div class="field__items"> <div class="field__item"><a href="/category/novyny" hreflang="uk">Новини</a></div> </div> </div> Tue, 02 Aug 2022 09:49:35 +0000 webmaster 102 at https://blog.sysop.in.ua Основний процес створення JavaScript не потрібен для сучасних браузерів і буде видалений з Drupal 10 https://blog.sysop.in.ua/news/osnovnyy-protses-stvorennya-javascript-ne-potriben-dlya-suchasnykh-brauzeriv-i-bude-vydalenyy <span>Основний процес створення JavaScript не потрібен для сучасних браузерів і буде видалений з Drupal 10</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">webmaster</span></span> <span>27 / 07/ 2022 - 10:13</span> <ul class="links inline"> <li></li> <li></li> </ul> <div class="text-content clearfix field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Починаючи з Drupal 8.4.0, ядро ​​Drupal включає процес збирання ES6 з використанням Babel. Це був необхідний крок для розробки ядра, щоб можна було використовувати сучасний JavaScript, зберігаючи підтримку всіх браузерів, які підтримує Drupal. Як ми повідомляли раніше, Drupal 10 припинить підтримку Internet Explorer 11. Це означає, що всі браузери, які підтримуються ядром Drupal, також підтримують ES6. Тому процес збирання більше не потрібний, оскільки його основною метою було забезпечення сумісності для несумісних з ES6 браузерів. Вплив на внесені проекти Хоча інструмент збірки завжди вважався внутрішнім основним інструментом розробки, багато проектів також використовують його для використання функцій ES6, зберігаючи підтримку всіх браузерів, які підтримуються ядром Drupal. Щоб сповістити про ці проекти, у Drupal 9.4.0 і пізніших версіях буде видано попередження про застаріле використання yarn run watch:js або yarn run build:js. Ці команди будуть доступні у гілці розробки Drupal 10.0.0 до 1 вересня 2022 року (близько кінцевого терміну для версії 10.0.0-beta1), щоб спростити роботу в кількох гілках. Тому ми рекомендуємо завершити всі важливі зміни JavaScript для Drupal 9.5.x до цієї дати. Після 1 вересня з ядра Drupal 10 буде видалено додаткові файли JavaScript, команди кроку збірки та пов’язані залежності, і ми обмежимо, які зміни JavaScript буде перенесено до версії 9.5.x. Після видалення інструменту побудови з Drupal 10, створені проекти можуть продовжувати використовувати Drupal 9.5.x для створення свого JavaScript. Ми рекомендуємо, щоб гілки наданих проектів, сумісних із Drupal-9, продовжували підтримувати Internet Explorer 11 до завершення терміну служби Drupal 9 у листопаді 2023 року. Наявність транспільованих, сумісних із ES5 файлів у наданих проектах не викличе жодних проблем для код, сумісний із Drupal-10. Підтримка Internet Explorer 11 після Drupal 9 У деяких рідкісних випадках проекти можуть захотіти підтримувати Internet Explorer 11 поза межами Drupal 9. Наразі найкращим способом зробити це було б включити копію процесу збірки в сам проект. Створити пакет npm, який надає ці інструменти для будь-кого, кому це потрібно, має бути відносно простим, але принаймні на даний момент основні розробники не планують реалізувати це. Внесок нового автономного проекту JavaScript вітається, якщо ви хочете використовувати такі інструменти у своєму проекті в майбутньому.</p> </div> <div class="field field--name-field-news-source-url field--type-link field--label-inline clearfix"> <div class="field__label">Джерело</div> <div class="field__item"><a href="https://www.drupal.org/about/core/blog/javascript-build-process-removed">https://www.drupal.org/about/core/blog/javascript-build-process-removed</a></div> </div> <div class="field field--name-field-tag field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Теґ</div> <div class="field__items"> <div class="field__item"><a href="/tag/drupal-9" hreflang="uk">drupal 9</a></div> </div> </div> <div class="field field--name-field-news-category field--type-entity-reference field--label-above"> <div class="field__label">Категорія</div> <div class="field__items"> <div class="field__item"><a href="/category/drupal" hreflang="uk">Drupal</a></div> </div> </div> Wed, 27 Jul 2022 07:13:53 +0000 webmaster 84 at https://blog.sysop.in.ua Дайджеcт нових модулів для Drupal за червень 2022 https://blog.sysop.in.ua/news/daydzhect-novykh-moduliv-dlya-drupal-za-cherven-2022-81 <span>Дайджеcт нових модулів для Drupal за червень 2022</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">webmaster</span></span> <span>03 / 07/ 2022 - 15:03</span> <ul class="links inline"> <li></li> <li></li> </ul> <div class="text-content clearfix field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Щодня на drupal.org публікуються модулі, які розробляє співтовариство (контрибні модулі). Ми переглянули нові модулі для Drupal 9, опубліковані в червні, і зібрали для вас добірку найцікавіших і найкорисніших.</p> <p><a href="https://www.drupal.org/project/twig_real_content">Twig "real_content" empty region / content check helper</a> - якщо в twig-шалоні вам потрібно перевірити, чи порожній регіон, щоб, наприклад, взагалі не виводити теги-обертки, то цей модуль - те, що вам потрібно. Можна використовувати і як фільтр field|real_content, і як twig тест field is real_content.</p> <p><a href="https://www.drupal.org/project/page_cache_boost">Page Cache Boost </a>— модуль кешує сторінки для анонімних користувачів найкращим можливим способом, оновлюючи кеш після обробки застарілих сторінок із низьким TTL. Не потрібно налаштувати, просто увімкніть модуль.</p> <p><a href="https://www.drupal.org/project/tg_integration">Telegram integration</a> — автоматичний постинг матеріалів або інших контентних сутностей у телеграм-канал та відображення коментарів до посту з телеграм-каналу під матеріалами.</p> <p><a href="https://www.drupal.org/project/reauthenticate">Reauthenticate</a> – примусова повторна авторизація для вибраних сторінок. Наприклад, можна настроїти примусову авторизацію на сторінці редагування облікового запису користувача (/user/*/edit*) або керування веб-формами (/admin/structure/webform*).</p> <p><a href="https://www.drupal.org/project/shy_one_time">Shy One-Time</a> — захист одноразових посилань від небажаної інвалідності, таких як запит нового пароля, що може відбуватися в деяких поштових програмах або надсиланням посилання в месенджерах. Модуль використовує PHP-клас «CrawlerDetect» для виявлення ботів/краулерів/павуків за агентом користувача та заголовком http_from і в даний час здатний виявити близько 1000 ботів/краулерів/павуків.</p> <p><a href="https://www.drupal.org/project/single_signin">Single SignIn</a> – модуль дозволяє обмежити кількість активних сесій користувача. При авторизації відбувається автоматичний вихід на інших пристроях та браузерах.</p> <p><a href="https://www.drupal.org/project/estimated_read_time">Estimated Read Time </a>— новий тип поля, в якому розраховується та відображається час, необхідний для прочитання вмісту матеріалу. Модуль сумісний із Layout Builder.</p> <p><a href="https://www.drupal.org/project/inputmask_widget">Inputmask Widget Formatter</a> — це віджет однорядкових текстових полів для додавання маски введення, таких як «(999) 999-99-99» для номера телефону або «99.99.9999» для дати.</p> <p><a href="https://www.drupal.org/project/image_file_preview">Image File Preview</a> — перегляд графічних файлів на адміністративній сторінці керування файлами.</p> <p><a href="https://www.drupal.org/project/commerce_shipping_tracking">Commerce Shipping Tracking</a> – блок для відображення статусу замовлення користувача. На сторінці налаштувань модуля можна вибрати, які повідомлення будуть відображатися в блоці, а також зіставити стан доставки з текстовими мітками, які будуть показані користувачеві.</p> <p><a href="https://www.drupal.org/project/min_password">Min password</a> – модуль дозволяє налаштувати мінімальну довжину пароля для всіх користувачів на сайті. На діючі паролі цей модуль не впливає. В якості альтернативи можна використовувати модуль <a href="https://www.drupal.org/project/password_policy">Password Policy</a>, який має безліч налаштувань паролів, але при цьому може бути складним у використанні, якщо вам потрібно лише обмежити мінімальну довжину паролів.</p> <p><a href="https://www.drupal.org/project/editor_mailto_link">Editor Mailto Link</a> - модуль розширює можливості вбудованого редактора при додаванні посилань, дозволяючи вибирати "mailto:" та "tel:".</p> <p><a href="https://www.drupal.org/project/onlyoffice">ONLYOFFICE</a> – модуль дозволяє прямо на сайті переглядати та редагувати документи, завантажені як сутності Media. Для роботи модуля потрібно встановити на сервері ONLYOFFICE Document Server. підтримуються такі формати: DOCX, XLSX, PPTX, для перегляду: DJVU, DOC, DOCM, DOT, DOTM, DOTX, EPUB, FB2, FODT, HTML, MHT, ODT, OTT, OXPS, PDF, RTF, TXT, XPS, XML , CSV, FODS, ODS, OTS, XLS, XLSM, XLT, XLTM, XLTX, FODP, ODP, OTP, POT, POTM, POTX, PPS, PPSM, PPSX, PPT, PPTM.</p> <p><a href="https://www.drupal.org/project/entity_repeat">Entity Repeat</a> — автоматичне створення копій сутностей на основі критеріїв циклічності, що задаються. Підтримуються сутності, що містять дати.</p> <p><a href="https://www.drupal.org/project/taxonomy_terms_limit">Taxonomy Terms Limit</a> – модуль дозволяє адміністраторам обмежити кількість термінів таксономії, які можуть бути створені у певному словнику.</p> <p><a href="https://www.drupal.org/project/warmer_view_mode">Warmer View Mode</a> - розвиток концепції "прогрівання сутностей", представленої в модулі Warmer. Модуль дозволяє попередньо відрендерувати сутності різних режимів перегляду.</p> <p><a href="https://www.drupal.org/project/target_attributes_filter">Target Attributes Filter</a> - фільтр для автоматичного додавання атрибуту "target" до гіперпосилань. У налаштуваннях фільтра можна вказати, яке значення атрибуту «target» буде застосовано до внутрішніх або зовнішніх посилань.</p> <p><a href="https://www.drupal.org/project/checkbox_radio_buttons_multi_columns">Checkbox/Radio button Multi Columns</a> – віджет поля, за допомогою якого можна виводити чекбокси та радіокнопки у кілька стовпців. Кількість колонок налаштовується.</p> <p><a href="https://www.drupal.org/project/uninstall_unexisting">Uninstall unexisting</a> - автоматична деінсталяція відсутніх модулів. Це може бути дуже корисно при роботі над проектом, в якому використовується система версіонування (наприклад, git) і розробка ведеться на основі гілок (бранч). Використання модуля дозволить уникнути проблем, які можуть виникнути при перемиканні в гілку, в якій відсутні модулі.</p> <p><a href="https://www.drupal.org/project/maintenance_ip_whitelist">Maintenance IP Whitelist</a> — модуль дозволяє задати білий список IP-адрес, з яких можна обходити режим обслуговування сайту.</p> <p><a href="https://www.drupal.org/project/entity_confirmation">Entity Confirmation</a> - якщо вам здається, що повідомлення після дій з сутностями виглядають нудними, цей модуль для вас. З його допомогою ви зможете налаштувати власні повідомлення, які відображаються після створення, редагування та видалення матеріалів.</p> <p><a href="https://www.drupal.org/project/generated_content">Generated Content</a> – ​​програмна генерація заданого контенту. Модуль може бути корисним розробникам, якщо в проекті необхідно контролювати який саме контент або яка його кількість має бути згенерована. Можна створювати довільний або статичний контент. У порівнянні з модулем Devel Generate, який генерує контент «як завгодно», тут ви точно знатимете що отримаєте після генерації.</p> <p><a href="https://www.drupal.org/project/nouislider_widget">noUiSliderWidget </a>– віджет для числових полів для відображення слайдера (повзунка) незалежно від jQuery. Використовується js-бібліотека noUiSlider.</p> </div> <div class="field field--name-field-news-source-url field--type-link field--label-inline clearfix"> <div class="field__label">Джерело</div> <div class="field__item"><a href="https://drupal.org">https://drupal.org</a></div> </div> <div class="field field--name-field-tag field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Теґ</div> <div class="field__items"> <div class="field__item"><a href="/tag/drupal-9" hreflang="uk">drupal 9</a></div> </div> </div> <div class="field field--name-field-news-category field--type-entity-reference field--label-above"> <div class="field__label">Категорія</div> <div class="field__items"> <div class="field__item"><a href="/category/drupal" hreflang="uk">Drupal</a></div> </div> </div> Sun, 03 Jul 2022 12:03:49 +0000 webmaster 81 at https://blog.sysop.in.ua Drupal 9: правильний спосіб перенаправлення сторінки https://blog.sysop.in.ua/post/drupal-9-pravylnyy-sposib-perenapravlennya-storinky-10 <span property="schema:name">Drupal 9: правильний спосіб перенаправлення сторінки</span> <span rel="schema:author"><span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">sysop</span></span> <span property="schema:dateCreated" content="2022-05-22T07:48:06+00:00">22 / 05/ 2022 - 10:48</span> <ul class="links inline"> <li></li> <li></li> </ul> Sun, 22 May 2022 07:48:06 +0000 sysop 10 at https://blog.sysop.in.ua https://blog.sysop.in.ua/post/drupal-9-pravylnyy-sposib-perenapravlennya-storinky-10#comments Змінити канонічну URL-адресу в drupal 8 і 9 https://blog.sysop.in.ua/post/zminyty-kanonichnu-url-adresu-v-drupal-8-i-9-17 <span property="schema:name">Змінити канонічну URL-адресу в drupal 8 і 9</span> <span rel="schema:author"><span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">sysop</span></span> <span property="schema:dateCreated" content="2022-02-21T11:29:24+00:00">21 / 02/ 2022 - 13:29</span> <ul class="links inline"> <li></li> <li></li> </ul> Mon, 21 Feb 2022 11:29:24 +0000 sysop 17 at https://blog.sysop.in.ua Drupal - Як змінити файли ядра https://blog.sysop.in.ua/post/drupal-yak-zminyty-fayly-yadra-82 <span property="schema:name">Drupal - Як змінити файли ядра</span> <span rel="schema:author"><span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">sysop</span></span> <span property="schema:dateCreated" content="2022-01-15T13:21:24+00:00">15 / 01/ 2022 - 15:21</span> <ul class="links inline"> <li></li> <li></li> </ul> Sat, 15 Jan 2022 13:21:24 +0000 sysop 82 at https://blog.sysop.in.ua Створення медіа-об’єктів та приєднання до параграфів у Drupal 8 і 9 https://blog.sysop.in.ua/post/stvorennya-media-obyektiv-ta-pryyednannya-do-parahrafiv-u-drupal-8-i-9-18 <span property="schema:name">Створення медіа-об’єктів та приєднання до параграфів у Drupal 8 і 9</span> <span rel="schema:author"><span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">sysop</span></span> <span property="schema:dateCreated" content="2022-01-15T11:33:43+00:00">15 / 01/ 2022 - 13:33</span> <ul class="links inline"> <li></li> <li></li> </ul> Sat, 15 Jan 2022 11:33:43 +0000 sysop 18 at https://blog.sysop.in.ua Drupal 9.2+ підтримуватиме зображення WebP із коробки https://blog.sysop.in.ua/news/drupal-92-pidtrymuvatyme-zobrazhennya-webp-iz-korobky-101 <span>Drupal 9.2+ підтримуватиме зображення WebP із коробки</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">webmaster</span></span> <span>30 / 05/ 2021 - 12:45</span> <ul class="links inline"> <li></li> <li></li> </ul> <div class="text-content clearfix field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--text paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font><font style="vertical-align:inherit">Зображення WebP мають вищу якість і водночас менший розмір файлу. </font></font><font style="vertical-align:inherit">Саме це робить їх чудовими для використання в Інтернеті, де кожен байт на рахунку, а Drupal 9.2 підтримуватиме використання зображень WebP із коробки. </font><font style="vertical-align:inherit">Давайте подивимося, як ми можемо використовувати цей формат зображення.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Запланована дата випуску Drupal 9.2.0 – 16 червня 2021 року, а серед багатьох покращень і функцій – підтримка зображень WebP. </font><font style="vertical-align:inherit">Початкова проблема щодо додавання підтримки WebP була створена давно:  </font></font><a href="https://translate.google.com/website?sl=en&amp;tl=uk&amp;hl=uk&amp;client=webapp&amp;u=https://www.drupal.org/project/drupal/issues/2340699" rel="nofollow" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Дозвольте GDToolkit підтримувати формат зображення WEBP</font></font></a></span></span></span></span></span></span></span></span></span></span></p> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Щоб мати можливість використовувати цю нову функцію, переконайтеся, що розширення PHP GD створено з підтримкою WebP. </font><font style="vertical-align:inherit">Щоб переконатися, що цей формат зображення підтримується вашим веб-сайтом, перейдіть на наступну сторінку:</font></font></span></span></span></span></span></span></span></span></span></span></p> <pre style="margin-top:5px; margin-bottom:5px"> <span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><span style="font-size:13px"><span style="overflow:auto"><span style="font-family:monospace, monospace"><code class="hljs bash" style="font-family:monospace, monospace; font-size:1em; display:block; padding:0.5em; background:#000000; color:#f8f8f8; float:left; min-width:100%; box-sizing:border-box; overflow-x:auto">admin/reports/status/php<span class="hljs-comment" style="color:#7c7c7c">#module_gd</span></code></span></span></span></span></span></span></span></span></span></span></span></span></span></pre> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Ви повинні побачити щось на зразок цього:</font></font></span></span></span></span></span></span></span></span></span></span></p> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--image paragraph--view-mode--default"> <div class="field field--name-field-image-media field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <article class="media media--type-image media--view-mode-default" style="display:block"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden" style="width:1px"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><span style="overflow:hidden"><span style="clip:rect(1px, 1px, 1px, 1px)"><span style="height:1px"><span style="overflow-wrap:normal"><span style="position:absolute !important"><span style="font-weight:bold"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Зображення</font></font></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div> <div class="field__item"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a aria-controls="colorbox" aria-label="{&quot;title&quot;:&quot;Drupal 9.2 - WebP GD Toolkit&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - WebP GD Toolkit&quot;}" class="colorbox cboxElement" data-cbox-img-attrs="{&quot;title&quot;:&quot;Drupal 9.2 - WebP GD Toolkit&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - WebP GD Toolkit&quot;}" data-colorbox-gallery="gallery-image-158-cDccWCDUVyU" href="https://gorannikolovski-com.translate.goog/sites/default/files/2021-05/drupal-webp-gd-toolkit.png?_x_tr_sl=en&amp;_x_tr_tl=uk&amp;_x_tr_hl=uk&amp;_x_tr_pto=wapp" role="button" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s" title="Drupal 9.2 – WebP GD Toolkit"><img alt="Drupal 9.2 – WebP GD Toolkit" class="image-style-dummy" loading="lazy" src="https://gorannikolovski.com/sites/default/files/styles/dummy/public/2021-05/drupal-webp-gd-toolkit.png?itok=-nDWWoh6" style="border:1px solid #e2e2e2; border-radius:5px; display:block; max-width:100%; height:373px; padding:10px; box-sizing:border-box; width:944px" title="Drupal 9.2 – WebP GD Toolkit" /></a></span></span></span></span></span></span></span></span></span></span></div> </div> </article> </div> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--text paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Усі найновіші версії популярних веб-браузерів підтримують цей формат зображень, але, будь ласка </font></font><a href="https://translate.google.com/website?sl=en&amp;tl=uk&amp;hl=uk&amp;client=webapp&amp;u=https://caniuse.com/?search%3Dwebp" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s"><font style="vertical-align:inherit"><font style="vertical-align:inherit">, перевірте підтримку веб</font></font></a><font style="vertical-align:inherit"><font style="vertical-align:inherit"> -переглядачів,  оскільки якщо вам доведеться підтримувати старіші веб-переглядачі, у вас можуть виникнути проблеми, якщо ви не надасте резервне рішення.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Щоб дізнатися більше про надання резервної підтримки для старіших браузерів, ознайомтеся зі статтею Майка Херчела «  </font></font><a href="https://translate.google.com/website?sl=en&amp;tl=uk&amp;hl=uk&amp;client=webapp&amp;u=https://www.lullabot.com/articles/speed-drupals-front-end-webp-images" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Прискорення переднього інтерфейсу Drupal за допомогою зображень WebP».</font></font></a></span></span></span></span></span></span></span></span></span></span></p> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Щоб конвертувати зображення JPG, PNG або GIF у WebP, ви можете використовувати стилі зображень і ефект перетворення. </font><font style="vertical-align:inherit">Створіть новий стиль зображення та додайте ефект перетворення:</font></font></span></span></span></span></span></span></span></span></span></span></p> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--image paragraph--view-mode--default"> <div class="field field--name-field-image-media field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <article class="media media--type-image media--view-mode-default" style="display:block"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden" style="width:1px"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><span style="overflow:hidden"><span style="clip:rect(1px, 1px, 1px, 1px)"><span style="height:1px"><span style="overflow-wrap:normal"><span style="position:absolute !important"><span style="font-weight:bold"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Зображення</font></font></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div> <div class="field__item"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a aria-controls="colorbox" aria-label="{&quot;title&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;}" class="colorbox cboxElement" data-cbox-img-attrs="{&quot;title&quot;:&quot;Drupal 9.2 - Webp image style&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Webp image style&quot;}" data-colorbox-gallery="gallery-image-159-cDccWCDUVyU" href="https://gorannikolovski-com.translate.goog/sites/default/files/2021-05/drupal-webp-image-style-1.png?_x_tr_sl=en&amp;_x_tr_tl=uk&amp;_x_tr_hl=uk&amp;_x_tr_pto=wapp" role="button" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s" title="Drupal 9.2 – стиль зображення Webp"><img alt="Drupal 9.2 – стиль зображення Webp" class="image-style-dummy" loading="lazy" src="https://gorannikolovski.com/sites/default/files/styles/dummy/public/2021-05/drupal-webp-image-style-1.png?itok=p9ItjizD" style="border:1px solid #e2e2e2; border-radius:5px; display:block; max-width:100%; height:569px; padding:10px; box-sizing:border-box; width:703px" title="Drupal 9.2 – стиль зображення Webp" /></a></span></span></span></span></span></span></span></span></span></span></div> </div> </article> </div> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--text paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Після натискання кнопки «Додати» виберіть WEBP зі списку розширень:</font></font></span></span></span></span></span></span></span></span></span></span></p> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--image paragraph--view-mode--default"> <div class="field field--name-field-image-media field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <article class="media media--type-image media--view-mode-default" style="display:block"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden" style="width:1px"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><span style="overflow:hidden"><span style="clip:rect(1px, 1px, 1px, 1px)"><span style="height:1px"><span style="overflow-wrap:normal"><span style="position:absolute !important"><span style="font-weight:bold"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Зображення</font></font></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div> <div class="field__item"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a aria-controls="colorbox" aria-label="{&quot;title&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;}" class="colorbox cboxElement" data-cbox-img-attrs="{&quot;title&quot;:&quot;Drupal 9.2 - Webp image style&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Webp image style&quot;}" data-colorbox-gallery="gallery-image-160-cDccWCDUVyU" href="https://gorannikolovski-com.translate.goog/sites/default/files/2021-05/drupal-webp-image-style-2.png?_x_tr_sl=en&amp;_x_tr_tl=uk&amp;_x_tr_hl=uk&amp;_x_tr_pto=wapp" role="button" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s" title="Drupal 9.2 – стиль зображення Webp"><img alt="Drupal 9.2 – стиль зображення Webp" class="image-style-dummy" loading="lazy" src="https://gorannikolovski.com/sites/default/files/styles/dummy/public/2021-05/drupal-webp-image-style-2.png?itok=4ij6BHE1" style="border:1px solid #e2e2e2; border-radius:5px; display:block; max-width:100%; height:289px; padding:10px; box-sizing:border-box; width:517px" title="Drupal 9.2 – стиль зображення Webp" /></a></span></span></span></span></span></span></span></span></span></span></div> </div> </article> </div> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--text paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Тепер ви можете додати цей стиль зображення будь-де, як і будь-який інший стиль зображення. </font><font style="vertical-align:inherit">Наприклад, перейдіть на сторінку керування відображенням статей: </font></font></span></span></span></span></span></span></span></span></span></span></p> <pre style="margin-top:5px; margin-bottom:5px"> <span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><span style="font-size:13px"><span style="overflow:auto"><span style="font-family:monospace, monospace"><code class="hljs " style="font-family:monospace, monospace; font-size:1em; display:block; padding:0.5em; background:#000000; color:#f8f8f8; float:left; min-width:100%; box-sizing:border-box; overflow-x:auto">admin/structure/types/manage/article/display</code></span></span></span></span></span></span></span></span></span></span></span></span></span></pre> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">і налаштуйте стиль зображення для поля зображення:</font></font></span></span></span></span></span></span></span></span></span></span></p> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--image paragraph--view-mode--default"> <div class="field field--name-field-image-media field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <article class="media media--type-image media--view-mode-default" style="display:block"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden" style="width:1px"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><span style="overflow:hidden"><span style="clip:rect(1px, 1px, 1px, 1px)"><span style="height:1px"><span style="overflow-wrap:normal"><span style="position:absolute !important"><span style="font-weight:bold"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Зображення</font></font></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div> <div class="field__item"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a aria-controls="colorbox" aria-label="{&quot;title&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;}" class="colorbox cboxElement" data-cbox-img-attrs="{&quot;title&quot;:&quot;Drupal 9.2 - Webp image style&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Webp image style&quot;}" data-colorbox-gallery="gallery-image-161-cDccWCDUVyU" href="https://gorannikolovski-com.translate.goog/sites/default/files/2021-05/drupal-webp-image-style-3.png?_x_tr_sl=en&amp;_x_tr_tl=uk&amp;_x_tr_hl=uk&amp;_x_tr_pto=wapp" role="button" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s" title="Drupal 9.2 – стиль зображення Webp"><img alt="Drupal 9.2 – стиль зображення Webp" class="image-style-dummy" loading="lazy" src="https://gorannikolovski.com/sites/default/files/styles/dummy/public/2021-05/drupal-webp-image-style-3.png?itok=DyfNJLY9" style="border:1px solid #e2e2e2; border-radius:5px; display:block; max-width:100%; height:747px; padding:10px; box-sizing:border-box; width:1079px" title="Drupal 9.2 – стиль зображення Webp" /></a></span></span></span></span></span></span></span></span></span></span></div> </div> </article> </div> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--text paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">І це все. </font><font style="vertical-align:inherit">Створіть статтю з довільним зображенням для перевірки. </font><font style="vertical-align:inherit">Якщо ви перевірите HTML-код, ви побачите, що зображення перетворено у формат зображення WebP.</font></font></span></span></span></span></span></span></span></span></span></span></p> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--image paragraph--view-mode--default"> <div class="field field--name-field-image-media field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <article class="media media--type-image media--view-mode-default" style="display:block"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden" style="width:1px"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><span style="overflow:hidden"><span style="clip:rect(1px, 1px, 1px, 1px)"><span style="height:1px"><span style="overflow-wrap:normal"><span style="position:absolute !important"><span style="font-weight:bold"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Зображення</font></font></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div> <div class="field__item"><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><a aria-controls="colorbox" aria-label="{&quot;title&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Стиль зображення Webp&quot;}" class="colorbox cboxElement" data-cbox-img-attrs="{&quot;title&quot;:&quot;Drupal 9.2 - Webp image style&quot;,&quot;alt&quot;:&quot;Drupal 9.2 - Webp image style&quot;}" data-colorbox-gallery="gallery-image-162-cDccWCDUVyU" href="https://gorannikolovski-com.translate.goog/sites/default/files/2021-05/drupal-webp-image-style-4.png?_x_tr_sl=en&amp;_x_tr_tl=uk&amp;_x_tr_hl=uk&amp;_x_tr_pto=wapp" role="button" style="text-decoration:none; color:#42b6f3; transition:all 0.2s ease 0s" title="Drupal 9.2 – стиль зображення Webp"><img alt="Drupal 9.2 – стиль зображення Webp" class="image-style-dummy" loading="lazy" src="https://gorannikolovski.com/sites/default/files/styles/dummy/public/2021-05/drupal-webp-image-style-4.png?itok=Z4ahVA9t" style="border:1px solid #e2e2e2; border-radius:5px; display:block; max-width:100%; height:758px; padding:10px; box-sizing:border-box; width:1016px" title="Drupal 9.2 – стиль зображення Webp" /></a></span></span></span></span></span></span></span></span></span></span></div> </div> </article> </div> </div> </div> </div> <div class="field__item" style="text-align:start"> <div class="paragraph paragraph--type--text paragraph--view-mode--default"> <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__item"> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">У цьому тестовому випадку вихідне зображення у форматі JPG було 202 КБ, а після перетворення – лише 42 КБ. </font><font style="vertical-align:inherit">Це не маленька різниця. </font><font style="vertical-align:inherit">Можливо, нарешті ви не побачите надокучливих попереджень Google PageSpeed ​​Insights про те, що ваші зображення завеликі.</font></font></span></span></span></span></span></span></span></span></span></span></p> <p><span style="font-size:18px"><span style="color:#818181"><span style="font-family:Roboto, Arial, sans-serif"><span style="font-style:normal"><span style="font-variant-ligatures:normal"><span style="font-weight:300"><span style="white-space:normal"><span style="text-decoration-thickness:initial"><span style="text-decoration-style:initial"><span style="text-decoration-color:initial"><font style="vertical-align:inherit"><font style="vertical-align:inherit">Як бачите, налаштувати веб-сайт для конвертації зображень дуже просто. </font><font class="goog-text-highlight"><font style="background-color:#c9d7f1; box-shadow:#9999aa 2px 2px 4px; box-sizing:border-box; position:relative; vertical-align:inherit">Використання зображень WebP зробить ваш веб-сайт швидшим і з повільним з’єднанням, що може мати велике значення для ваших відвідувачів.</font></font></font></span></span></span></span></span></span></span></span></span></span></p> </div> </div> </div> </div> <div class="field field--name-field-news-source-url field--type-link field--label-inline clearfix"> <div class="field__label">Джерело</div> <div class="field__item"><a href="https://gorannikolovski.com/blog/drupal-92-will-support-webp-images-out-box">https://gorannikolovski.com/blog/drupal-92-will-support-webp-images-out-box</a></div> </div> <div class="field field--name-field-tag field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Теґ</div> <div class="field__items"> <div class="field__item"><a href="/tag/drupal-9" hreflang="uk">drupal 9</a></div> </div> </div> <div class="field field--name-field-news-category field--type-entity-reference field--label-above"> <div class="field__label">Категорія</div> <div class="field__items"> <div class="field__item"><a href="/category/drupal" hreflang="uk">Drupal</a></div> <div class="field__item"><a href="/category/novyny" hreflang="uk">Новини</a></div> </div> </div> Sun, 30 May 2021 09:45:14 +0000 webmaster 101 at https://blog.sysop.in.ua