Новини https://blog.sysop.in.ua/ uk 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 Instagram хоче бути все більше схожим на TikTok. Це приносить гроші https://blog.sysop.in.ua/news/instagram-khoche-buty-vse-bilshe-skhozhym-na-tiktok-tse-prynosyt-hroshi-99 <span>Instagram хоче бути все більше схожим на TikTok. Це приносить гроші</span> <span><span lang="" about="/user/2" typeof="schema:Person" property="schema:name" datatype="">sysop</span></span> <span>28 / 07/ 2022 - 11:50</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>Під час квартального звіту Meta про доходи Марк Цукерберг розповів про нещодавню драму навколо Instagram і стрічки з акцентом на Reels. Користувачі соцмережі <a href="https://ain.ua/2022/07/27/korystuvacham-instagram-ne-podobayetsya-nova-strichka-vony-zapustyly-petycziyu/" rel="nofollow noreferrer noopener" target="_blank" title="запустили ">запустили</a> флешмоб із закликом не перетворювати її на TikTok. До них приєдналася Кайлі Дженер, яка підписала петицію проти оновленої стрічки. І якщо ви думали, що негативна реакція на зміни в Instagram змусить його керівників змінити курс, ви помилялися.</p> <ul> <li>Через кілька днів після запуску флешмобу, Цукерберг <a href="https://techcrunch.com/2022/07/27/instagram-feed-reels-tiktok-ai-mark-zuckerberg/" rel="nofollow noreferrer noopener" target="_blank" title="оголосив">оголосив</a>, що Meta заробляє понад $1 млрд доларів на рік від реклами в Reels. Крім того, кількість часу, які люди витрачають на перегляд Reels, зросла на 30% з минулого кварталу, що, ймовірно, приверне ще більше уваги рекламодавців. Реальною причиною цього збільшення є алгоритми які насичують стрічку більшою кількістю Reels.</li> <li>Цукерберг сказав, що наразі близько 15% контенту в стрічці Facebook підбирає штучний інтелект Meta. В Instagram це число навіть трохи більше. «Ми очікуємо, що ці цифри подвоїться до кінця наступного року», — сказав він. Це означає, що понад 30% контенту стрічки в Instagram і Facebook будуть заповнені вмістом з облікових записів, за якими ви не стежите.</li> </ul> <p>Про те що компанія не змінюватиме курс під тиском незадоволених користувачів, <a href="https://www.theverge.com/2021/6/30/22557942/instagram-no-longer-photo-app-video-entertainment-focus" rel="nofollow noreferrer noopener" target="_blank" title=" говорять ">говорять</a> також слова СЕО Instagram Адама Моссері. Він сказав, що компанія прагне зосередитися на відеороликах і бачить в цьому успіх TikTok і YouTube. Він описує деякі майбутні зміни та експерименти на платформі, наприклад, повноекранний режим.</p> <p>Ідея керівників Instagram чітка: вони більше не хочуть бути програмою для обміну фотографіями.</p> <p> </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://ain.ua/2022/07/28/instagram-hoche-buty-vse-bilshe-shozhym-na-tiktok-cze-prynosyt-groshi/">https://ain.ua/2022/07/28/instagram-hoche-buty-vse-bilshe-shozhym-na-tiktok-cze…</a></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> Thu, 28 Jul 2022 08:50:16 +0000 sysop 99 at https://blog.sysop.in.ua Shopify звільнив 1000 співробітників. Ось лист CEO з поясненням, чому так трапилось https://blog.sysop.in.ua/news/shopify-zvilnyv-1000-spivrobitnykiv-os-lyst-ceo-z-poyasnennyam-chomu-tak-trapylos-91 <span>Shopify звільнив 1000 співробітників. Ось лист CEO з поясненням, чому так трапилось</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">webmaster</span></span> <span>28 / 07/ 2022 - 10:38</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>E-commerce-гігант Shopify звільнив близько 1000 співробітників — це 10% його глобального штату. Як <a href="https://www.wsj.com/amp/articles/shopify-to-lay-off-10-of-workers-in-broad-shake-up-11658839047" rel="nofollow" target="_blank">пише</a> The Wall Street Journal, це одне з найбільших скорочень в технологічних компаніях за останній час. Про своє рішення засновник та СЕО компанії Тобі Лютке <a href="https://news.shopify.com/changes-to-shopifys-team" rel="nofollow" target="_blank">повідомив</a> у листі до співробітників. Він пояснив, що це вимушений і непрогнозований крок. За його словами, в Shopify сильно помилялися, зробивши ставку на довготривалий стрімкий ріст e-commerce, який почався у 2020 році.</p> <p>AIN.UA публікує переклад листа.</p> <hr /> <p>«Командо,</p> <p>Я пишу цього листа поруч із місцем, де колись сидів та писав перші рядки коду для Shopify. Ці рядки коду започаткували компанію та відправили її в чарівну подорож, повну див, важкої праці, успіхів, невдач, амбіцій і, перш за все, в оточенні прекрасної команди.</p> <p>Усе це значно ускладнює написання цього листа, адже у наступній частині подорожі нас буде менше. Shopify вимушений скоротити команду на 10% до кінця цього робочого дня. Більшість скорочень будуть стосуватися рекрутинга, техпідтримки та продажів. Також будуть звільнені вузькоспеціалізовані співробітники, ті, чиї ролі дублюються, а також деякі групи спеціалістів, що не мають прямого стосунку до створення продуктів.</p> <p>Листи про звільнення будуть розіслали протягом наступних декількох хвилин, і ви зможете дізнатися, чи зміниться ваша роль у компанії. Ті, кого скоротять, потім зустрінуться з керівником своєї команди. Такі компанії, як наша, цю новину буде непросто переварити. Тим, хто сьогодні її покине, буде ще важче. Тож я розповім детальніше про те, як так сталося, а тим, хто йде — що буде далі.</p> <h3>Як так сталося</h3> <p>Коли почалася пандемія Covid, майже вся роздрібна торгівля перейшла в онлайн. Попит на Shopify стрімко зріс. Щоб допомогти мерчантам, ми відкинули усі наші дорожні карти та відправляли все, що могло бути їм корисним. Це було важко, але ми точно знаємо, що багато бізнесів пережили пандемію саме завдяки нашій роботі в цей час. І це саме те, про що наша місія.</p> <p>Shopify завжди була компанією, стратегія якої будується навколо попиту мерчантів на наші послуги — так ми досягаємо успіху. До пандемії ріст електронної комерції був постійним і передбачуваним. Потім стався бум, він був тимчасовим чи новою нормою? Враховуючи тенденції, ми зробили ще одну стратегічну ставку: визначили, що ринок електронної комерції буде безперервно розвиватися наступні 5 або навіть 10 років. У той час ми не могли знати напевно, але припускали, що у такому разі, наша компанія ростиме, аби встигати за ринком.</p> <figure><img alt="" data-attachment-id="1132124" data-comments-opened="1" data-image-caption="" data-image-description="" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="auto" data-large-file="https://ain.ua/wp-content/uploads/2022/07/auto-1024x538.webp" data-medium-file="https://ain.ua/wp-content/uploads/2022/07/auto-150x150.webp" data-orig-file="https://ain.ua/wp-content/uploads/2022/07/auto.webp" data-orig-size="1200,801" data-permalink="https://ain.ua/2022/07/27/shopify/auto-7/" height="801" sizes="(max-width: 1200px) 100vw, 1200px" src="https://ain.ua/wp-content/uploads/2022/07/auto.webp?x48107" srcset="https://ain.ua/wp-content/uploads/2022/07/auto.webp 1200w, https://ain.ua/wp-content/uploads/2022/07/auto-768x512.webp 768w, https://ain.ua/wp-content/uploads/2022/07/auto-180x120.webp 180w" width="1200" /></figure> <p>Тепер зрозуміло, що ставка була хибною. Те, що ми бачимо зараз, це повернення до показників, які були б у нас, якби не Covid. Вони все ще стабільно зростають, але вже не йдеться про стрімкий розвиток. Наша частка ринку e-commerce набагато вища, ніж у ритейлі, ось що важливо. Зрештою, я зробив цю ставку, і я помилився. Тепер ми повинні адаптуватися до ситуації. Як наслідок, ми змушені попрощатися з деякими з вас сьогодні, і я дуже шкодую про це.</p> <h3>Тим, хто залишає Shopify</h3> <p>Кожен сприйме цю новину по-своєму, але загальною правдою є те, що всім буде важко. Ми хочемо максимально підтримати кожного з вас протягом наступних тижнів і місяців, тому пропонуємо щедру вихідну допомогу. Ті, кого скорочення заділи сьогодні, отримають вихідну допомогу за 16 тижнів плюс за додатково за тиждень за кожен рік роботи в Shopify.</p> <p>Знаючи, що Shopify — це лише одна зупинка на кар’єрному шляху, ми також хотіли б допомогти кожному з подальшим працевлаштуванням. Ми запропонуємо вам послуги кар’єрних експертів, підготовки до співбесіди, складання резюме тощо. А оскільки кожен шлях вимагає наявності закритий базових потреб, ми продовжуватимемо оплачувати інтернет, подаруємо меблі для домашнього офісу, якими компанія забезпечила кожного, і дамо грошей для купівлі нових ноутбуків. Якщо хочете, ви можете додати свої електронні адреси до списку, який ми надамо іншим компаніям, що шукають спеціалістів. Тим, хто хоче зайнятися бізнесом, Shopify надасть безплатний доступ до своїх рішень.</p> <p>Я хочу висловити щиру вдячність кожному з вас за все, що ви зробили для підтримки мерчантів та нашої місії — зробити торгівлю кращою для всіх.</p> <h3>Що буде далі</h3> <p>Наші можливості величезні, і Shopify все ще на початку свого шляху. Зараз кожна команда зосереджена на створенні продуктів або безпосередньо підтримує тих, хто це робить. Наші клієнти: мерчанти, підприємці та власники малого бізнесу — основа нашої економіки, і саме ті, хто зазвичай найбільше страждає під час рецесії. Більшість вже відчуває зміни. У ці складні макроекономічні часи, наша мета чітка — допомагати нашим клієнтам розвиватися і ставати ще сильнішими. Це наша основна місія.</p> <p>Підприємці, яких ми обслуговуємо — прекрасні. Вони надихають кожного з нас окремо та компанію загалом бути найкращими версіями самих себе. У процесі інтенсивного розвитку Shopify змінювався та адаптовувався багато разів. Більшість змін, які нам довелося запровадити, полягали в тому, аби вирости у щось більше. Цього разу ми перетворюємося на щось більш зосереджене, більш вмотивоване з більш унікальною місією. Цього від нас вимагає час, і ми знову будемо на висоті.</p> <p>– Тобі,</p> <p>CEO Shopify».</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://ain.ua/2022/07/27/shopify/">https://ain.ua/2022/07/27/shopify/</a></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> Thu, 28 Jul 2022 07:38:56 +0000 webmaster 91 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