Итак, у нас есть некий сайт некоммерческой организации. И он, безусловно, играет ключевую роль в коммуникации с аудиторией. Это объявления о благотворительных акциях, новости или отчёты о проделанной работе. Ведение такого сайта требует регулярного обновления контента, создания новых страниц для различных мероприятий и поддержания его в актуальном состоянии.
Так вот, задачи по созданию и поддержке страниц на сайте часто включают добавление текстов, изображений, форм для пожертвований и других элементов, которые помогают эффективно взаимодействовать с пользователями. Ну логично же.
Как правило, эти задачи выполняются штатными сотрудниками НКО или привлечёнными волонтёрами. И тут подходим к интересному моменту: как ставится задача волонтёру и какие средства он выбирает для ещё решения? В своей работе мне чаще всего попадается следующая ситуация: на сайте нужно создать страницу для новой акции. Под это дело находят волонтёра и он создаёт страницу. Вроде всё просто и понятно. Вот страница на сайте, вот фотографии, кнопки, форма анкеты. Всё работает.
Как это выглядит в админке, чаще всего просто не смотрят сначала. Что же такое Elementor? И помним, что важность правильного выбора инструмента для создания и редактирования страниц нельзя недооценивать. От этого выбора зависит не только удобство работы с сайтом в текущий момент, но и его долгосрочная поддержка.
Elementor – конструктор сайтов
Удобный интерфейс с возможностью перетаскивания элементов (drag-and-drop)
Elementor известен своим интуитивно понятным интерфейсом, который позволяет легко создавать страницы с помощью функции перетаскивания элементов. Ухватили мышкой блок, перетащили в нужное место, отпустили.
Эта функция делает процесс дизайна доступным даже для тех, кто не имеет опыта в веб-разработке. Можно просто перетаскивать блоки, виджеты и элементы на страницу, а затем настраивать их в соответствии с потребностями. Это в разы упрощает процесс создания страниц и позволяет быстро увидеть результаты изменений.
Широкие возможности по дизайну и настройке без знания кода
Elementor предоставляет богатый набор инструментов для дизайна и настройки страниц. Можно менять шрифты, цвета, размеры, отступы и многие другие параметры без необходимости вникать в код. Это делает Elementor привлекательным для тех, кто хочет создать профессионально выглядящие страницы, не погружаясь в технические детали. Плагин предлагает множество готовых шаблонов и блоков, которые можно использовать для быстрого создания страниц с индивидуальным дизайном. И тут не поспоришь, всё так и есть.
Популярность среди новичков и волонтёров
Благодаря своему простому и визуальному подходу к созданию страниц, Elementor стал популярным в том числе среди новичков и волонтёров. Они могут легко освоить интерфейс и начать работать с сайтом, не обладая глубокими знаниями в разработке сайтов. Эта доступность и делает Elementor привлекательным выбором для НКО, где часто привлекаются волонтёры, которые могут не иметь опыта в работе с другими инструментами.
При этом есть и другая сторона медали. Elementor в своей работе часто используют и профессионалы, кто занимается созданием сайтов именно на этом конструкторе. Они знают функционал очень хорошо, за счёт чего и получаются действительно прекрасные страницы. Но и у обратной стороны есть ещё одна сторона. Какая-то трёхмерная медаль получается. Но это важно для контекста, сейчас объясню.
Так вот, как я написал выше – выбор инструмента для создания страниц имеет большое значение для дальнейшей поддержки и развития сайта. А если в этом самом дальнейшем наполнением страниц будет заниматься штатный сотрудник НКО, то он может вовсе и не быть профессионалом в знании всех настроек Elementor. И вот тут то и начинаются проблемки.
Основные проблемы при использовании Elementor
Короче говоря, не всегда квалификации разработчиков страниц на базе Elementor и штатных сотрудников НКО совпадают. Если есть техподдержка по части ведения вновь созданных страниц, это хорошо. Но чаще, по моему опыту, такого нет. И остаётся некоммерческая организация один на один со своей страницей.
И ладно, если на Elementor создана всего одна страница. Гораздо хуже, когда таких страниц больше или вообще весь сайт на этом конструкторе. Так, кстати, может быть в случае покупки готовой темы, которая изначально собрана на Elementor.
Объясню на примере. НКО покупает готовую тему, меняет контент на свой, создаёт новые страницы. В общем, сайт готов, всё нормально. Через некоторое время возникает необходимость поменять фирменный стиль. А это цвета, шрифты, отступы от заголовков. То есть, затронуто будет много элементов.
Проблема №1. Сложности в поддержке и модификации
Дополнительные стили, привязанные к конкретным страницам: когда вы используете Elementor для создания или редактирования страниц, каждое изменение, внесённое через этот плагин, добавляет уникальные стили, которые привязываются к конкретным страницам. Это означает, что стили для одной страницы могут быть определены отдельно от других.
Например, если вы меняете цвет фона или шрифт заголовка на одной странице, этот стиль будет применяться только к этой странице и не будет автоматически применён к другим страницам, даже если они имеют аналогичную структуру. Это приводит к созданию множества индивидуальных стилей, что усложняет управление и поддержание единообразного дизайна по всему сайту.
Необходимость ручной коррекции дизайна на каждой странице: если в будущем потребуется изменить дизайн на всех страницах, использующих Elementor, то необходимо будет вручную изменить каждую страницу, чтобы привести стили к одному стилю (да, по-другому не сказать). Это трудоёмкий процесс, который может занимать много времени и ресурсов.
Проблема №2. Избыточный код
Elementor добавляет значительное количество дополнительного кода на страницы, которые вы создаете и редактируете. Этот код может включать не только стили и скрипты, но и различные вспомогательные элементы, которые могут усложнять структуру страницы. Дополнительные CSS- и JavaScript-файлы, генерируемые Elementor, могут увеличивать общий размер страницы и замедлять её загрузку.
Когда на сайте используется много страниц, созданных на базе Elementor, объём дополнительного кода нарастает, что может привести к значительным задержкам в загрузке страниц. Эти задержки могут негативно сказаться на общем опыте просмотра сайта, увеличивая время ожидания загрузки всей этой красоты. Особенно это заметно на страницах с большим количеством элементов – изображения, видео и анимации.
А медленная загрузка страниц может повлиять не только на восприятие пользователей, но и на поисковую оптимизацию сайта. Уже давно поисковые системы учитывают скорость загрузки страниц при ранжировании сайтов. Поэтому сайты с медленной загрузкой могут потерять позиции в результатах поиска. Оно вам надо?
К слову о скорости загрузки сайта — у меня есть пост «Как ускорить работу сайта на WordPress. Полезные рекомендации».
Проблема №3. Сложность в обучении сотрудников
В некоммерческих организациях могут работать сотрудники, которые не имеют таких же глубоких технических знаний и опыта в разработке и администрировании сайтов, как разработчики сайта. Основная задача таких сотрудников заключается в выполнении текущих задач, связанных с контентом и базовым управлением сайтом, а не в технических аспектах его разработки и поддержке. Каждый должен заниматься своим делов, в конце концов.
Работа с Elementor требует определённых знаний и навыков. Ведь этот плагин, несмотря на свою интуитивность, имеет множество настроек и возможностей. Чтобы сотрудники могли эффективно использовать Elementor для создания и редактирования страниц, им необходимо пройти дополнительное обучение. А это время, которое очень ценно.
Дополнительные затраты времени на обучение могут быть особенно проблематичными для НКО, где ресурсы часто ограничены, а штат может состоять из сотрудников, занятых множеством задач. И вот мы подошли к ответу на вопрос “Что выбрать?”.
Блочный редактор Gutenberg
Встроенные возможности
Gutenberg уже является частью WordPress и поставляется в комплекте с ядром системы. Это означает, что для его использования не требуется установка дополнительных плагинов. Вывод — упрощается процесс настройки и администрирования сайта. Встроенные возможности редактора позволяют создавать страницы с помощью функционала, который уже встроен в систему. Значит, мы минимизируем необходимость в дополнительных инструментах и модулях.
Gutenberg предоставляет все необходимые инструменты для создания функциональных страниц. Он включает в себя блоки для текстового контента, изображений, видео и других элементов, что позволяет создавать разнообразные макеты страниц без необходимости в сложных настройках или сторонних плагинах. Это делает Gutenberg очень удобным для создания страниц, сохраняя при этом простоту и функциональность.
Хотите потестировать его? Вот ссылка: https://wordpress.org/gutenberg
Лёгкость в использовании
Gutenberg имеет интуитивно понятный интерфейс, который проще для освоения по сравнению с тем же Elementor. Он ориентирован на использование стандартных блоков и элементов, что позволяет пользователям без глубоких технических знаний легко создавать и редактировать контент. Это снижает потребность в дополнительном обучении и позволяет быстро адаптироваться к работе с редактором.
Поскольку Gutenberg встроен в WordPress и использует стандартные блоки, вероятность столкнуться с конфликтами плагинов и проблемами совместимости минимальна. Это сокращает количество возможных ошибок и проблем при обновлениях, что облегчает поддержку и управление сайтом. Менее сложная структура редактора также способствует стабильной работе сайта.
Оптимизация производительности
Gutenberg создаёт менее объёмный и более оптимизированный код по сравнению с Elementor, который добавляет много дополнительных стилей и скриптов. Меньшее количество лишнего кода способствует более быстрой загрузке страниц и улучшению общего времени отклика сайта. Это особенно важно для обеспечения хорошего пользовательского опыта и SEO-показателей.
Gutenberg разрабатывался с учётом стандартов WordPress, что обеспечивает лучшее соответствие и совместимость с другими функциями и плагинами системы. Это значит, что использование Gutenberg позволяет избежать многих проблем с совместимостью и упрощает интеграцию с другими стандартными функциями WordPress.
Заключение
В общем, как вы поняли, я предлагаю не городить дополнительные плагины, а использовать уже встроенный функционал – Gutenberg. Он предлагает простоту в использовании, меньше проблем с совместимостью и оптимизированный код. А это уже обеспечивает более стабильную работу сайта и упрощает его поддержку.
Ещё раз – при выборе инструментов для управления сайтом важно учитывать не только текущие потребности, но и потенциальные трудности в поддержке и развитии. А как раз использование встроенных решений, таких как Gutenberg, позволяет избежать множества проблем. Я считаю, что это особенно важно для НКО, которые часто работают с ограниченными ресурсами.
Если у вас остались вопросы по этой интересной теме или вы нуждаетесь в помощи по адаптации и оптимизации вашего сайта, я всегда готов предоставить консультацию и помощь
Вы можете связаться со мной по электронной почте yes@business-atelier.ru или через Telegram по ссылке t.me/alexangusev. С радостью помогу сделать ваш сайт более эффективным и удобным в использовании.
