35 лучших тем сделанных на основе Elementor для WordPress 2020

Здравствуйте. Читатели сайта WordPress-abc.ru. Сегодня знакомимся с бесплатным шаблоном GeneratePress. Есть дополнительный опции за плату.

Описание

Frontier это качественный адаптивный шаблон с чистым кодом. Написан по HTML5 и CSS3 стандартам. Правильно выглядит на мобильных устройствах. Позволяет выбрать вариант отображения с одной, двумя или тремя колонками. Позволяет выбрать свои favicon, логотип, картинку в шапке блога и многое другое.

Особенности шаблона

  • Одно-, двух- или трех-колоночный макет
  • Корректное отображение на мобильных устройствах
  • Соответствие стандартам HTML5 и CSS3
  • Много мест для виджетов
  • Простой JQuery слайдер
  • Возможность пользовательских CSS
  • Пользовательская Favicon
  • Пользовательский логотип в заголовке
  • Пользовательская картинка в шапке
  • Пользовательское фоновое изображение
  • Древовидные комментарии
  • Выбор ширины колонок
  • Выбор пользовательских цветов
  • Готова к переводу

Каким должен быть шаблон?

Акцентирую ваше внимание, что мы подбираем лучшие шаблоны wordpress для блога, а не интернет магазина или еще чего-то другого. Хотя многие факторы здесь одни и те же, но все же есть отличия.

  • Дизайн — это первое на что мы обращаем внимание, он должен быть современным, стильным и красивым, приветствуется оригинальность по сравнению с другими темами;
  • Оптимизация — оптимизация темы в целом ее SEO оптимизация очень важна, наша тема должна иметь основные оптимизации, поддерживать микроразметку;
  • Скорость — страницы сайта должны загружаться очень быстро. А это зависит от двух факторов — размер и количество файлов, которые нужно загрузить чтобы сформировать страницу. Чем меньше — тем быстрее будет работать тема. Некоторые топовые темы грузятся долго и даже показывают индикатор загрузки, перед тем как выдать страницу, по-моему это не очень хорошо;
  • Настройки — всем нужно персонализировать свою тему, настроить ее под себя. Чем больше настроек можно выполнить через интерфейс темы, тем меньше вам придется тратить времени на редактирование кода, но у этого параметра есть обратная сторона медали, для тем с большим количеством настроек используется тяжелый движок, что замедляет скорость работы. Тут необходимо выбрать золотую середину.
Читайте также:  Как правильно определить дату выпуска автомобиля по ВИН-номеру кузова

Что будем тестировать?

Мы рассматриваем платные темы, поскольку нужно найти именно оптимальное решение, а среди бесплатных таких очень мало и многие придется дорабатывать самому, хотя платные тоже, но меньше. Для тестирования взят VPS сервер 2 CPU, 2 Гб ОЗУ с чистым установленным WordPress. Будем проверять такие параметры:

Оценок я ставить не буду, потому что это все очень субъективно, просто опишу результаты и свои мысли, а выбирать вам. Все шаблоны в списке адаптивные. Темы отсортированы по скорости.

WordPress шаблон GeneratePress: обзор

Сразу замечу, что  я не беру для обзоров шаблоны, которые мне не нравятся. Чем мне понравился этот шаблон, я скажу в конце статьи. Для начала проверим утверждения автора о «прелестях» этого шаблона.

  • Шаблон легкий и быстрый;
  • SEO оптимизирован;
  • Совместим со многими плагинам, включая основные: WooCommerce, Beaver Builder, Elementor, WPML, BuddyPress, bbPress;
  • 100% валидный HTML;
  • Шаблон имеет адаптированный дизайн;
  • Совместим со всеми браузерами (включая IE8);
  • Шаблон переведен на 20 языков;
  • Шаблон GeneratePress имеет 5 позиций навигации, 6 видов шаблона, 4 положения сайдбара, настройки виджетов футера и много других настроек.

Проверим утверждение автора, по пунктам. Но для начала найдем и установим этот шаблон. Для этого идем на вкладку: Внешний вид→Темы→Добавить новую и в поле поиска вписываем название шаблона GeneratePress.

WordPress шаблон GeneratePress: обзор

С версии WP 4.6 кнопку «Enter» жать не нужно, система сама находит нужные шаблоны. Выбираем нужный шаблон, устанавливаем его кнопкой «Установить» и активируем кнопкой «Активировать». Предварительно примерить шаблон можно на кнопке «Посмотреть».

Шаблон GeneratePress легкий и быстрый

Скорость пустого шаблона проверять нет смысла, а вот объем его посмотреть легко. На самом деле весит шаблон меньше мегабайта.

Шаблон совместим с основными плагинами WP

  • WooCommerce (интернет магазин);
  • Beaver Builder (строитель домашних и целевых страниц);
  • Elementor Page Builder (конструктор страниц веб-сайта);
  • WPML (плагин для создания многоязычных виджетов);
  • BuddyPress (плагин создания социальных связей и сетей);
  • bbPress (форум на WordPress).
WordPress шаблон GeneratePress: обзор

Адаптивный дизайн

Проверим, шаблон GeneratePress на адаптивность к мобильным устройствам и планшетам. Для проверки я мог бы воспользоваться сервисами:

  • -friendly/?hl=ru

или десятком других, но ограничусь инструментами разработчика своего браузера Chrom.

Видим, что шаблон действительно меняется (адаптируется) для различных устройств. Кстати, проверка адаптивности шаблона уже давно есть в консоли WordPress, на вкладке настройка шаблона (внизу слева).

WordPress шаблон GeneratePress: обзор

Валидность HTML кода 100%

Проверяю валидность WordPress шаблон GeneratePress на сервере WC3 валидатор тут (). Скажу честно, я редко встречал шаблоны без ошибок в коде. GeneratePress такой шаблон.

Читайте также:  7 лучших дистрибутивов на основе Arch Linux

Проверка оптимизации шаблона для поисковых систем

Вывод, анализ показал, что шаблон оптимизирован по основным правилам SEO.

Настройки шаблона GeneratePress

WordPress шаблон GeneratePress: обзор

Осталось посмотреть настройки шаблона. В бесплатной версии они без излишеств, отличаются строгостью цвета, но достаточным разнообразием. Автор сделал одно место для размещения меню, но с пятью позициями:

  • Над шапкой;
  • Под шапкой;
  • Справа от шапки;
  • Слева от шапки;
  • Справа в виджете.

6 макетов расположения боковой панели:

  • Без сайдбара,
  • Сайдбар справа или слева;
  • Сайдбар только справа или только слева;
  • Два сайдбара справа или слева.

Выпадающие меню с выбором открытия (клик или наведение курсора).

WordPress шаблон GeneratePress: обзор

Настраиваемы футер, по количеству виджетов: 1-2-3-4-5 штук. (по умолчанию 3 виджета в футере).

Есть настройка цветов:

  • Цвет текста;
  • Ссылок;
  • Посещенных ссылок;
  • Цвет фона.

Вывод

Если бы я оценивал WordPress шаблон GeneratePress, то поставил 5 из 5 балов.

WordPress шаблон GeneratePress: обзор

Примечание

Если вы не можете установить WordPress шаблон GeneratePress из консоли, идете на сайт шаблона (у этого шаблона отдельный сайт), скачиваете его и ставите по FTP. Сайт шаблона:

Демо шаблона 

Шаблон GeneratePress видео

Другие статьи раздела Шаблоны WordPress

WordPress шаблон GeneratePress: обзор
  • Зачем нужна дочерняя тема WordPress
  • Установка и замена шаблонов WordPress
  • Светлая тема WordPress Radiate, простая тема с трехмерным изображением заголовка
  • Тема WordPress SG Window различные настройки внешнего вида
  • ColorMag журнальная тема WordPress
  • WordPress шаблон для строительной компании, Build Lite

Похожие посты:

  • 9 Шагов открыть Интернет магазин на WordPress WooCommerce
  • Проверка сайта перед запуском – пошаговое тестирование нового сайта
  • 9 Сервисов проверки мобильной версии сайта
  • Лендинг страница на WordPress: плюсы и минусы
  • Лендинг пейдж на WordPress: конструктор статической страницы
  • 27 лучших плагина WordPress, которые вы должны использовать в этом году
  • Независимый генератор создания Sitemap WordPress сайтов: XML Sitemap Generator

Похожее

WordPress шаблон GeneratePress: обзор

Elementor Hello Theme

Hello – это полная и совершенная тема, которая совместима со конструктором страниц Elementor прямо из коробки. Hello полностью поддерживает популярные плагины, которые вы можете найти в репозитории WordPress. Он отзывчив, поддерживает RTL, оптимизирован и является одной из лучших тем блога Elementor, которую можно найти на рынке.

Elementor Hello Theme

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

Читайте также:  Ошибка при установке iOS 12 – почему возникает и что делать

Установка темы через панель хостинга

Если вы не люби­те все эти визу­аль­ные кон­со­ли и всё при­вык­ли делать через панель управ­ле­ния хостин­гом — это вари­ант для вас.

Для уста­нов­ки ска­чи­ва­ем файл с темой и рас­па­ко­вы­ва­ем по пути -content/themes/. Если фай­лы в архи­ве были в пап­ке — рас­па­ко­вы­ва­ем её туда цели­ком. А если в архи­ве лежат про­сто фай­лы без общей пап­ки, то по это­му адре­су созда­ём пап­ку с назва­ни­ем темы и рас­па­ко­вы­ва­ем всё туда.

Когда всё сде­ла­но пра­виль­но, то после рас­па­ков­ки вы смо­же­те уви­деть свою тему в спис­ке уста­нов­лен­ных в админ­ке Ворд­прес­са. Если вы не зна­е­те, что такое панель управ­ле­ния хостин­гом и как в ней рабо­тать — для вас есть отдель­ная ста­тья.

Дочерняя тема

Дочерняя тема в WordPress — это дополнительная тема, которая наследует внешний вид и весь функционал родительской (исходной) темы. Вы можете вносить изменения в визуальное оформление и функционал дочерней темы, при этом родительская тема останется нетронутой. И наоборот, если разработчик внесёт изменения в родительскую тему, то настройки дочерней останутся неизменными.

Дочерняя тема Вордпресс работает на уровне файлов. Когда требуется какой-то файл для загрузки темы, WordPress проверяет, есть ли нужный файл в дочерней теме. Если есть, используется содержимое этого файла, если нет, то загружается файл из родительской темы. Процесс создания дочерней темы требует знания и навыков создания сайта без помощи CMS. Простой способ создания дочерней темы ― это использование плагина Child Theme Configurator. Достаточно вставить ссылку на родительскую тему, и плагин сам поможет всё настроить.

Преимущества дочерних тем:

  1. Сохраняет ваши настройки. Используя дочернюю тему, вы можете внести изменения прямо в код, без боязни потерять ваши настройки при обновлении родительской темы.
  2. Дочерняя тема Вордпресс может улучшить рабочий процесс. Используя только одну тему, вы можете создать сайты с разным функционалом для нескольких клиентов.