WordPress + Elementor — именно такую связку можно все чаще встретить при создании сайтов. Дело не только в том, что и мне иногда приходится делать подобного рода проекты, но и в объективной статистике — это действительно происходит все чаще.

Плюсов у такого сочетания сразу несколько:

  • Такой сайт можно собрать самостоятельно и бесплатно (единственное за что придется заплатить — это хостинг, но его вполне реально найти за 100-200 рублей в месяц даже сейчас. По сравнению с той же Тильдой, где придется выложить 1500-2500 тысячи в месяц, это мелочь. Кроме того, существует высокая вероятность того, что упомянутая Тильда, а также Wix и другие подобные ресурсы могут перестать работать в РФ.);
  • Простота использования — при небольшой сноровке и наличии грамотной инструкции с созданием сайта справится даже новичок; Кстати, недавно я записал большое видео, о том как собрать сайт на WordPress + Elementor буквально за пару часов:

  • Но и это еще не все, хотя для многих уже хватило бы; Следующий весомый плюс — большое количество инструкций, дополнений, плагинов и всякого прочего, что помогает как бывалым веб-мастерам, так и начинающим разбираться с созданием сайтов;
  • Ну и также следует упомянуть адаптивность, кросс-браузерность, относительную быстроту работы и возможность расширять сайт даже простым дублированием страниц (с заменой и редактированием контента, само-собой).

Сегодня же я решил обсудить тему адаптации «верстки» на Elementor + WordPress под мобильные устройства и планшеты. Как выясняется, с этим у многих возникают проблемы: начиная с того что неизвестно где, что и как редактировать, и заканчивая тем, что не очень понятно как исключить отображение какого-либо элемента на ПК, планшетной, или же мобильной версии сайта.

Я разобрал данную тему достаточно подробно, адаптировав несколько блоков для сайта, созданного в видео выше, и пробежался по другим настройкам Elementor в моем последнем видео на канале «Учебка WordPress»:

Я посчитал что будет гораздо удобнее наблюдать процесс редактирования в динамике, чем как это всегда было принято в моем блоге — скринами, текстовыми инструкциями и GIF’ками. Если у вас останутся вопросы после прочтения этой статьи, или просмотра видео, обязательно напишите их в комментариях под видео (на ютьюбе), или под этой статьей — я отвечаю всем и всегда! Удачи!