TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Elementor и Underscores: вам вообще нужна тема?

1 284

Вы узнаете фантастический новый подход к созданию сайтов WordPress. Хотя это нарушает многие традиции. Мы не утверждаем, что придумали использовать Elementor и Underscores, хотя мы никогда не слышали о ком-либо, кто использовал такого рода “комбо”. В свою очередь, вы получите выгоду от гораздо менее раздутого, более производительного сайта WordPress!

Что мы сделали, чтобы прийти к этому решению?

Мы потратили бесчисленные часы, приручая дорогие темы WordPress к тому, как мы хотим, чтобы они вели себя. Даже если тема говорит о том, что она многоцелевая, в конечном итоге это становится ее кончиной. Они стали настолько сложными, что вы разрабатываете весь сайт, и от первоначальной концепции темы мало что остается в конце разработки. Довольно часто создателям тем нравится добавлять компоновщик (среди других плагинов) в их и без того сложный базовый код, чтобы оставаться конкурентоспособными на рынке. Что останется со всеми бонусными плагинами и модными стоковыми фотографиями с их демонстрационного сайта? В любом случае, если вы все сами разрабатываете, зачем покупать эту дорогую тему?

Мы работали с разными компоновщиками, прежде всего с WPBakery Page Builder, ранее известным как Visual Composer. Наш опыт показал, что некоторые темы премиум-класса отключают фронтальное редактирование. Это лишает тем реальной силы, оставляя неприятный бэкэнд-опыт. Мы создали сайт с премиальной темой и комбо Visual Composer, но мы устали от сложности. Мы решили отказаться от него и найти лучший подход, который позже оказался парой Elementor и Underscores.

Что, если строитель был настолько могущественным, что мог взять на себя роль темы? У вас был бы более быстрый сайт с одним продуктом для изучения. Одним из лучших для этой задачи является Elementor.

Наш альтернативный подход с Elementor и Underscores

После того, как мы углубились в админ-экраны Elementor, мы заметили, что у него есть возможности темы. Вы можете создать макет и пометить его как архив. Создайте еще одну для 404 страниц, боковых панелей и т.д. Как ни странно, в ней есть все, что должна делать тема. Поэтому он звучал многообещающе и хотел посмотреть, чего он может достичь самостоятельно.

Это не заняло много времени, пока мы не нашли почти пустую тему под названием Underscores. Эта тема очень далека от того, что вы думаете о чем-то от ThemeForest. Это чертовски пусто, вполне необходимый для работы WordPress. Идея заключалась в том, что что-нибудь красочное, что мы видим на фронтэнде, придет от Elementor (так как у темы нет стилей). Сочетание Elementor и Underscores родился!

Что такое тема Underscores WordPress?

Вы можете спросить, что это такое. При создании темы (возможно, для продажи) разработчик не хочет начинать с нуля. Эти стандартные темы включают общий код, который является общим для каждой существующей темы. Это как фундаментальная структура скелета. Конечно, существуют разные варианты того, как кодеры реализуют общую структуру, но основа ядра та же. Мы хотели шаблон, который имеет только эти основные линии, и ничего более.

Определенные теги шаблонов удерживают сайт WP вместе. Например, создание области, которая станет верхним или нижним колонтитулом HTML-документа. Точно так же странице необходимо знать, где будет отображаться содержимое, меню, боковая панель или комментарии. Это просто.

Если бы вы установили эту тему, ваш интерфейс выглядел бы испорченным. Сине-фиолетовые ссылки, без стилей, черный текст на белом фоне. Все это под 100KB. Для начала, это делает быстрый сайт. 

Стоит отметить, что Automattic (люди, стоящие за проектом WordPress) создали Underscores. Его открытый характер гарантирует, что тема включает в себя знания многих разработчиков и относительно безошибочную работу. Тема не обновляется все так часто, как это не должно быть. К счастью, это абсолютно бесплатно, и вы можете изменить тему так, как вам нравится. Мы настроили его, добавив наши фрагменты в дочернюю тему.

Что такое Elementor?

Это красивый и современный строитель страниц, который вдыхает жизнь в наш сайт. Elementor является дружественным к разработчику и расширяемым. Этот конструктор делает возможным очень приятный рабочий процесс, главным образом благодаря своему богатому функционалу. Мы могли бы прокручивать значения полей или отступов с помощью колеса прокрутки и видеть изменение элемента в режиме реального времени. Это сэкономило нам много времени при создании макета.

Конечно, поскольку мы разработчики, нам нужно было добавить много пользовательского кода, PHP, CSS и JS. Но нам не нужно было создавать все с нуля, только те части, которые уникальны для нашего сайта. Этими компонентами являются индикаторы сложности, подчеркивание нашей анимированной ссылки и ленивая загрузка изображений, а также множество других настроек.

Elementor и Подчеркивание в сочетании

Когда мы пошли по этому пути, сразу стало очевидно, что результат легко изменить. Elementor имел почти все в своем наборе инструментов для имитации правильной темы. Сам наш сайт является доказательством того, что комбинация Elementor и Underscores работает, и мы думаем, что все получилось неплохо. Вместо двух раздутий у нас есть только одно раздувание. ???? Почему? Размер Элементора все еще значителен, и он все еще способен на гораздо большее, чем нам требуется. Но, по крайней мере, когда нам нужно что-то (компонент), это, вероятно есть, в его библиотеке. Это небольшая стоимость по сравнению с кодированием всего сайта вручную.

Сложности с Elementor

Это не было бы честной рекомендацией, если бы мы молчали о некоторых проблемах. Одна вещь, которую Elementor не мог сделать летом 2020 года, это комментарии к комментариям . Я имею в виду, что мы вставили блок комментариев, но он ожидал, что его дизайн будет исходить из основной темы. Так как на самом деле у нас его нет, он выглядел незапятнанным; поэтому мы должны были написать все CSS для этого.

Ни один конструктор или программное обеспечение не является идеальным, поэтому мы столкнулись с некоторыми ошибками. Разработчики умеют исправлять их, если о них сообщают. Здесь нет разногласий, но знайте, что в мире WordPress практически никогда не бывает гладко. Неважно, какие модные слова пытаются продать вам, у вас рано или поздно возникнут проблемы. Конечно, мы несколько пессимистичны, но это правда.

К сожалению, мы боимся обновлений, поскольку они имеют тенденцию портить уже готовые вещи. Рекомендуется хранить копию сайта в качестве промежуточной и пробовать обновления и изменения макета. Разработчики любят тестировать новые вещи, чтобы идти в ногу с новыми технологиями, но это не всегда хорошо. Макеты могут сломаться, и если вы не знаете, как их исправить или у вас нет фрилансера, вам будет трудно. Кстати, то же самое относится и к темам, и, вероятно, там хуже. Так что не отклоняйте наш подход, основанный на этом.

Вывод

Разве вам не нужна тема WordPress в конце концов? Комбинация Elementor и Underscores является экономически эффективным решением,  и альтернативным подходом к типичному рабочему процессу. Он прост в использовании и обеспечивает мгновенную обратную связь и результаты о том, как будет выглядеть ваш сайт даже до того, как вы нажмете «Сохранить». Это не без минусов, но мы считаем, что это новый лучший способ, по крайней мере для нас. Мы гордимся тем, что не использовали тему премиум на этом сайте. Это позволило нам избежать королевского беспорядка, который они обычно приносят.

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

Обновление: Спасибо всем за рекомендацию Hello Theme, мы создадим сайт для нашего следующего секретного проекта, используя её. После этого мы вернемся к разговору об опыте и возможных различиях. Мы также с нетерпением ожидаем увидеть, как эта концепция работает с GeneratePress.

Источник записи: https://letswp.io

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее