WordPress — один из самых популярных бесплатных движков сайтов в мире. По данным сервиса W3Techs, 34% сайтов во всём интернете работают на WordPress: https://tprg.ru/STn4

Налажать при разработке сайта на WordPress так же легко, как и разработать хороший.

Технолог блога компании PromoPult поделился собственным опытом работы с WordPress-блогом и его поддержкой. Он рассказывает, зачем заранее думать о масштабировании, как по максимуму использовать стандартные решения Wordpress и не забыть при этом об адаптивности для мобилок.

Рекомендуем к прочтению: https://tprg.ru/wordpress-blog-in-2019

#фронтенд #wordpress

Объединение CSS-файлов в один для WordPress

Есть много способов, которые могут помочь уменьшить время доступа к сайту. Например, можно уменьшить количество HTTP-запросов. И в этом случае перед нами много вариантов. Один из них — объединить несколько CSS-файлов в один.

Использование нескольких CSS-файлов на сайте, работающем на движке WordPress, практически неизбежно. Это происходит потому что и тема, и отдельные плагины могут использовать несколько файлов. Поэтому их объединение важно для оптимизации.

В статье рассматривается ручное объединение CSS-файлов и автоматическое: https://tprg.ru/pMA1

И аналогичная статья для JS-файлов: https://tprg.ru/QUZm

#css #javascript #wordpress

Рекомендуем вам перевод статьи, автор которой использовал WordPress как headless бэкэнд, а фронтенд реализовал при помощи Vue.js. В итоге получилось вот такое приложение, в котором нет хлопот, связанных с настройкой WordPress-шаблонов.

Статья здесь: https://tprg.ru/oEx7

А если интересен только код, то он есть на гитхабе: https://github.com/snipcart/wordpress-headless-vue

#фронтенд #бэкенд #vuejs #wordpress

Google выпустили WordPress-плагин Google Site Kit для аналитики сайтов

https://wordpress.org/plugins/google-site-kit/ 

С его помощью можно изучить различные метрики из разных инструментов гугла:
— Search Console: увидеть, как ваш сайт показывается в поиске. Отследить, сколько людей там видело сайт и какие запросы использовали для его поиска.
— Analytics: изучить, как ваши пользователи перемещаются по сайту, и отследить достижение целей, которые вы установили.
— AdSense: отследить, сколько денег приносит сайт.
— PageSpeed Insights: увидеть, насколько хороша производительность сайта в сравнении с другими. Получить советы по улучшению производительности.
— Tag Manager: настроить Tag Manager без погружения в код.
— Optimize: настроить Optimize и запустить A/B тесты.

#фронтенд #wordpress

Шпаргалка по WordPress

https://tprg.ru/kjIt

Всё, что каждый день нужно при работе с WordPress, на одной странице: популярные функции, хуки, шаблоны кода.

Также читайте: опыт работы с WordPress-блогом и его поддержкой

#фронтенд #wordpress

Lazy-Loading в WordPress по умолчанию

Команда WordPress заявила, что в версии 5.4, релиз которой запланирован на 31 марта этого года, будет по умолчанию реализована «ленивая» загрузка для всех изображений: https://tprg.ru/BmZT

Эта будет сделано путём добавления нового HTML-атрибута «loading» со значением «lazy» ко всем элементам IMG.

В результате этого обновления владельцам сайтов больше не нужно будет использовать JavaScript или сторонние плагины для отложенной загрузки изображений.

#фронтенд #wordpress

WordPress выпустил более быструю версию блочного редактора Gutenberg

4 августа вышла новая версия редактора Gutenberg, где помимо исправления множество багов появились новые возможности настройки блоков, а также был исправлен код, который мог привести к смещению макета веб-страниц.

Подробнее обо всех изменениях можно прочитать в блоге компании:

https://tprg.ru/M7ja

#wordpress

​Как создавать шаблоны блочных тем в WordPress 6.0

Блочные шаблоны, также часто называемые разделами, были введены в WordPress 5.5, чтобы пользователи могли создавать и совместно использовать предопределённые макеты блоков в каталоге шаблонов.

Эта статья призвана научить вас создавать шаблоны без регистрации, а также использовать их:

https://css-tricks.com/how-to-create-block-theme-patterns-in-wordpress-6-0/

#wordpress

​Frontity — настройка авторизации для приватных эндпоинтов WordPress

Этот туториал предназначен в первую очередь для новичков в разработке на Frontity (React framework для WordPress). Он помогает собрать в одном месте всю необходимую информацию для настройки авторизации для приватных эндпоинтов WordPress на примере получения коллекции меню (wp-json/wp/v2/menus).

Подробнее:

https://habr.com/ru/post/696650/

#wordpress #frontity #react

​​Осваиваем WordpPress с помощью ИИ

Гайд по основам работы с WordPress от ребят с freeCodeCamp: https://www.youtube.com/watch?v=2mrxvLvz_rk

#wordpress