Редактирование и настройка темы WordPress: ТОП-10 Шаблонов

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

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

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

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

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

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

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

Тема WordPress ― что это

Тема WordPress — это набор файлов, который отвечает за внешний вид сайта.

После установки темы все её файлы автоматически скачиваются на хостинг. Задача темы — вывод содержимого на сайт в удобном пользователю виде. С помощью темы вы можете выбрать подходящую для вас структуру сайта и вставить туда нужную информацию.

Тема WordPress:

― выводит содержимое сайта на экран;

― указывает, какой контент будет отображаться для разных пользователей;

Читайте также:  Обзор MIUI 12.5, когда выйдет и какие смартфоны получат обновление

― отвечает за адаптивность для разных устройств (монитор, смартфон и т. д.);

― использует любые элементы дизайна (картинки, видео).

В других CMS готовое оформление сайта называют шаблонами. В WordPress привычный нам шаблон называют темой, а уже внутри неё находятся шаблоны (файлы сайта). Таким образом, тема WP ― это совокупность шаблонов. Каждый файл (шаблон WordPress) отвечает за отображение определённого контента (записей, изображений) на сайте.

способ: Установка темы wordpress, с помощью поиска в вордпресс.

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

С помощью поиска подобрать шаблон довольно просто, достаточно указать нужные вам критерии и нажать на кнопочку «найти темы». С этим проблем не должно возникнуть. После нажатия появятся страницы с темами, которые должны соответствовать вашим критериям. Для каждой будут описания, правда не на русском языке, но сейчас web-браузеры умеют переводить, поэтому проблем, также не должно быть. Еще у каждого шаблона будут две возможности, установка и просмотр. То есть перед тем, как окончательно решиться установить тему на wordpress, у вас будет возможность ее «просмотреть» и более подробно изучить. А после этого, принять решение — устанавливать или нет.

Для установки достаточно нажать на кнопку «установить» и подтвердить установку. После этого, вы увидите сообщение об успешной установке и останется только активировать тему для вордпресс.

способ: Установка темы wordpress, с помощью поиска в вордпресс.

Еще, с помощью поиска wordpress, можно установить шаблон набрав ключевое слово, автора  или метку в форме поиска. Но работает эта функция не очень. Ее можно использовать зная точное название или хотя бы пару ключевых слов из названия.

Вот так просто, можно установить тему для вордпресс, используя поиск.

2 способ: Установка темы wordpress, с помощью загрузки ее из админпанели водпресс.

Следующий вариант установки не сложнее первого. Нужно найти тему в сети интернет и скачать к себе на компьютер. Обратите внимание на то, что она должна быть запакована в архив, в формате zip. После этого, во вкладке «установить темы«, нужно нажать на «загрузить».

Для установки, нужно выбрать файл, с помощью соответствующей кнопки. И нажать на кнопочку «установить». После этого вы увидите сообщение об успешной установке шаблона для wordpress. И останется только ее активировать. Все, наша тема для вордпресс установлена.

способ: Установка темы wordpress, с помощью поиска в вордпресс.

А также, в этой вкладке («установить темы») можно посмотреть избранные, свежие и недавно обновленные шаблоны, предлагаемые wordpress.

Основные претенденты

На самом деле команд занимающихся выпуском качественных тем оформления WordPress не так уж и много.

    Основные претенденты:
  1. Тема Reboot, от команды WPShop;
  2. Тема Neva, от Goodwinpress;
  3. Тема Generatepress.

Reboot

Быстрая тема с конструктором главной страницы. Я давно использую тему Root этой команды, но тема Reboot — это более свежая, продвинутая и расширенная версия. Посмотрим что она покажет по тестам.

Читайте также:  Как включить и отключить Окей Гугл на Андроиде

Neva — новая тема от Goodwinpress, предназначенная для статейного сайта или блога, развёрнутого на WordPress.

    Основные фишки темы:
  • Чистый код без ошибок, прост для понимания и редактирования.
  • Высокая скорость загрузки, 90-98 баллов в Google Pagespeed.
  • Адаптивность — отлично выглядит на десктопе и мобильных устройствах.
  • Эффект отложенной загрузки изображений и видео-роликов lazy load.
  • Микроразметка для поисковой выдачи, без ошибок.
  • Тема продается с лицензией на 2 домена.

За счет оптимизации кода, тема показывает высокий результат в Google Pagespeed. Добавлен эффект отложенной загрузки изображений и видео-роликов Lazy load, что само по себе даёт существенную прибавку в скорости. В теме используется самый популярный из гугловских шрифтов — Roboto, но его библиотека размещена в самой теме и не требует обращения к сторонним серверам, поэтому страница рендерится быстрее. Для иконок применяется библиотека dashicons, которая уже входит в комплект самого движка — еще экономия времени и ресурсов.

Generatepress

Бесплатная, легкая и быстрая тема WordPress. Только минимально необходимый набор кода, чтобы быстрее приступить к работе. Отдельные пакеты надстроек функциональности вынесены в платный плагин для тех, кому это действительно необходимо.

Но даже и эту, одну из самых быстрых тем WordPress, можно дополнительно ускорить. Из минусов могу отметить, что (как и в большинстве импортных тем) заголовки виджетов оформлены h2.

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.

Читайте также:  30 лучших альтернатив PuTTY для клиентов SSH

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

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

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

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

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

Вывод, анализ показал, что шаблон оптимизирован по основным правилам 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: обзор

Как выглядит настройка в админке ВордПресса?

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

Как выглядит настройка в админке ВордПресса?

Хостинг

  1. Открываем раздел «Внешний вид», переходим в «Настроить».
  2. В открывшемся окошке прописываем название вашего сайта, делаем его краткое описание. Когда вы нажмете «Сохранить», эта информация отобразится в шапке сайта. Меняйте цвет фона, фоновое изображение – это и многое другое можно делать в настройках.
  3. Большинство изменений производятся в категориях «Внешний вид», «Имя темы», загружается фавикон, логотип. Опций действительно много, и для тех, кто не хочет (не умеет) работать с кодом, это просто находка.
Как выглядит настройка в админке ВордПресса?

Настройки внешнего вида