Наверняка вы встречали сайты в Интернете, похожие друг на друга, как братья-близнецы. Сможете вспомнить, на каком из них находили контент, который вас заинтересовал? Если не запомнили сайт, то и вернуться на него не получится. Чтобы не терять клиентов по этой досадной причине, стоит озаботиться созданием уникального дизайна для своего веб-ресурса. А поможет в этом стартовая тема WordPress.
Что такое стартовая тема WordPress
Если вы создаете новый сайт и загружаете из репозитория WordPress один из популярных бесплатных шаблонов, приготовьтесь к тому, что все время будете встречать веб-ресурсы с похожим дизайном.
Этого не следует допускать по двум причинам:
Клиенты не запомнят ваш сайт, если у него не будет своего стиля. Если спустя какое-то время покупатель захочет снова приобрести товар, он даже не вспомнит, где покупал в прошлый раз. Поэтому так важно продумать собственный фирменный стиль с логотипом, запоминающимся названием компании и другими атрибутами бренда, а при создании сайта — разработать дизайн с учетом фирменного стиля.
Поисковики лучше ранжируют веб-сайты с уникальным дизайном. На вашем ресурсе уникальным должен быть не только контент. Поисковые системы воспринимают сайты, созданные на одном шаблоне, как клоны. Поэтому таким площадкам они отдают низкие позиции в выдаче.
Существует два способа, позволяющих создать уникальное оформление для WordPress. Если вы обладаете навыками программирования, то можете разработать собственный шаблон с нуля. Но для этого нужно разбираться в стандартах разработки под WordPress. Иначе веб-сайт не будет работать.
Сначала вам потребуется создать набор стандартных файлов. В него входят такие файлы, как index.php, functions.php, header.php, footer.php и др. Затем в каждом из них написать минимально необходимый код, чтобы движок смог распознать шаблон. После этого вы сможете добавлять HTML код, а также JS и CSS файлы.
Если вы не разбираетесь в программировании, то на этот случай тоже есть решение. Вам следует воспользоваться одной из тем, которые можно полностью настроить из админ-панели WordPress. Такие шаблоны называют стартовыми.
Подобных решений на рынке много — как платных, так и бесплатных. Одни из них предоставляют только набор стандартных файлов с минимальным кодом. А другие являются полноценными и хорошо проработанными темами, которыми можно полностью управлять из панели администратора WordPress.
Для работы с первыми нужны хотя бы базовые навыки программирования. А для настройки проектов второго типа не требуется вмешательства в код. Поэтому вы сможете разобраться в них, даже если не имеете опыта в web-разработке.
Лучшие стартовые темы WordPress
Предлагаю вашему вниманию подборку рабочих стартовых шаблонов для движка WordPress, на базе которых вы сможете создать свой уникальный вариант оформления сайта и отстроиться от конкурентов.
Reboot
Reboot — премиальная тема от команды WPShop высокого качества, предоставляющая почти неограниченные возможности для создания дизайна WordPress сайта в соответствии с вашими задумками. Идеальное решение для пользователей с начальным уровнем знаний в сайтостроении.
Код не включает никаких фреймворков или тяжелых библиотек, что обеспечивает высокое быстродействие. Тема содержит все актуальные базовые SEO настройки для вывода вашего сайта в верхние строчки выдачи поисковиков. Вся настройка осуществляется через админ-панель WordPress и не требует доработки программного кода.
Техподдержка компании-разработчика оперативно отвечает на все вопросы, помогая разобраться с любой проблемой, возникшей при использовании темы.
Возможности шаблона Reboot:
- Конструктор главной страницы. Позволяет настроить уникальный дизайн вашего ресурса. Включает готовые шаблоны отдельных элементов, а также возможность вставлять блоки с кастомным HTML-кодом.
- Встроенные модули для стандартных задач. Избавляют от необходимости искать, тестировать на совместимость и настраивать дополнительные плагины. Эти модули позволяют реализовать на сайте такие полезные функции, как слайдер, форму обратной связи, карту сайта, блок с содержанием постов, всплывающие окна, рекламные блоки и многое другое.
- Гибкие настройки оформления. Позволяют перенастроить все, начиная с внешнего вида шапки и подвала и заканчивая отображением внутренних страниц и рубрик. Любые элементы, такие как кнопки соцсетей, дата публикации, рейтинг статьи, комментарии и пр., можно по желанию отобразить или скрыть.
- Разные варианты дизайна карточек постов. Имеются варианты с миниатюркой картинки или без нее, а также с разным расположением других важных элементов и анимацией загрузки.
- Управление настройками типографики. В специальном блоке кастомайзера вы можете выбирать размеры, цвета, интервалы, а также начертание шрифтов для текста и заголовков.
- Плавающий сайдбар, встроенный в шаблон. Вам не потребуется устанавливать дополнительные плагины, чтобы реализовать на WordPress эту актуальную опцию.
- Блок рекомендуемых статей. Посты в этом блоке можно задавать вручную. Вы также можете выводить статьи определенной рубрики или по случайному выбору.
- Блоки внимания. В шаблон встроено 8 вариантов блоков для привлечения внимания. С их помощью вы сможете делать визуальный акцент на важной информации.
Сейчас по промокоду можно получить лицензию Reboot на сайте разработчиков с хорошей скидкой:
Промокод на Reboot
Underscores
Underscores — cтартовая тема от компании Automattic. Чтобы получить этот шаблон, придется перейти на онлайн-ресурс разработчика, а затем ввести в соответствующее поле название вашего проекта и нажать кнопку «Generate».
После этого вы получите фактически пустой каркас шаблона. Иными словами, набор файлов, необходимых для работы темы WordPress. Эти файлы будут содержать минимальный код, который придется дорабатывать вручную. Но зато это даст вам полную свободу творчества при создании собственного пользовательского решения, которое в дальнейшем вы сможете даже продавать от своего имени.
UnderStrap
UnderStrap — создан на базе стартовой темы Underscores и популярного фреймворка Bootstrap 4.
Тема UnderStrap полностью коммерческая и не имеет бесплатной версии.
С ней вы можете использовать все преимущества Bootstrap, включая SVG иконки Font Awesome. Файлы CSS минифицированы для ускорения работы шаблона. Шаблон совместим с такими популярными решениями, как WooCommerce, Contact Form 7 и др. Для кастомизации дизайна вы можете создавать дочерние темы.
Sage
Sage — стартовая версия темы для WordPress, которая позволяет использовать самые передовые инструменты для разработки веб-интерфейсов.
В ней используется шаблонизатор Blade, который также применяется для разработки на фреймворке Laravel.
При создании кастомной темы на Sage вы можете использовать технологии Git и NPM для быстрого развертывания шаблона на сервере. А такой инструмент, как Bedrock, позволит вам создать структуру проекта, удобную для кастомизации и управления.
Встроенные инструменты Sage служат для удобства разработки и позволяют быстро переводить код SASS в обычный CSS, обнаруживать ошибки кода, а также тестировать совместимость шаблона с разными устройствами.
Tonik
Tonik — стартовая тема для CMS WordPress, доступная для скачивания на GitHub или веб-сайте разработчика.
Чтобы создавать кастомные шаблоны на базе этой темы, вам потребуется Composer и Node.js.
Шаблон предоставляет для фронтенд-разработчика следующие возможности: готовую структуру каталогов, поддержку технологии AJAX, популярных фреймворков и шорткодов и многое другое.
JointsWP
JointsWP — еще одна стартовая вариация для WordPress, которая распространяется бесплатно.
Она создана на базе Foundation 6 и позволяет разрабатывать легкие, современные и адаптивные сайты. Вы можете подключать в вашем шаблоне как обычный CSS, так и SASS.
Скачать эту тему можно из репозитория GitHub или на сайте разработчика.
Astra
Astra — стартовая тема, которая имеет множество встроенных инструментов для полной уникализации шаблона WordPress.
В бесплатной версии предлагается ограниченный функционал, а если вы перейдете на платный тариф, то получите расширенные опции и всестороннюю техподдержку.
Тема настраивается из админки, совместима с Elementor и WooCommerce. Ее можно использовать как для простого статейного сайта, так и для интернет-магазина. Шаблон адаптивен, SEO-оптимизирован и обеспечивает быструю загрузку страниц.
Responsive
Responsive — премиальная стартовая тема, которая настраивается прямо из админ-панели WordPress.
Встроенный конструктор позволяет быстро создавать страницы простым перетаскиванием элементов.
Тема совместима с плагинами Elementor и WooCommerce, SEO-оптимизирована и позволяет создавать современные адаптивные сайты с уникальным дизайном.
Bones
Bones — еще одна стартовая тема для движка WordPress, которая требует профессиональных знаний в области фронтенд-разработки. Для ее установки и настройки вам потребуются такие инструменты, как Git, NPM, Composer и Gulp 4.
Для развертывания этого стартового шаблона на сервере нужно подключиться к репозиторию проекта на GitHub. Тема имеет оптимальную файловую структуру и хорошо документированный код.
DIYThemes
DIYThemes — это не один шаблон, а сразу две коммерческие стартовые темы под WordPress. Одна из них называется Focus, а другая — Thesis. Обе не требуют знаний в области программирования и полностью настраиваются из админки ВордПресс.
На базе этих стартовых тем можно создавать собственные, полностью уникальные шаблоны. Для этого вы можете использовать удобный лично вам конструктор шаблонов.
Разработчики DIYThemes постоянно совершенствуют свои проекты и выпускают полезные платные и бесплатные расширения.
Когда лучше не использовать раздутый стартовый шаблон WordPress
Проблема раздутых стартовых тем касается в первую очередь шаблонов для профессиональных WordPress-разработчиков. Некоторые создатели подобных решений стараются включить в свои проекты максимальное количество современных технологий для ускорения процесса разработки.
Однако это может привести к побочным эффектам. Такие стартовые шаблоны становятся слишком раздутыми и могут не соответствовать той задаче, которую вы ставите перед своим проектом. Поэтому использование подобной темы в вашем конкретном случае не будет оправдано.
Многие из стартовых WordPress шаблонов создают сложную систему каталогов и файлов. Другие имеют разветвленную структуру DOM, которую вам придется долго переделывать, чтобы привести в соответствие с вашим HTML-кодом.
При использовании слишком раздутой основы, вы можете столкнуться с тем, что потратите много времени на переделку кода под свои нужды.
Перед тем как приступить к переносу HTML-кода в стартовую тему WordPress, желательно убедиться, что по структуре она полностью соответствует вашему проекту. В ином случае будет лучше выбрать решение с ограниченным набором файлов, содержащих минимальный код.
Из всех представленных вариантов я отдаю предпочтение мощной стартовой теме Reboot. Встроенные конструктор главной страницы и кастомайзер позволяют полностью забыть о кодинге и сосредоточить все усилия на создании красивого и функционального оформления. А еще мне нравится то, что не нужно искать плагины для реализации такого стандартного функционала, как обратная связь или слайдер. В шаблоне все это уже предусмотрено, как и многое другое. Долой лишние плагины!
Reboot со скидкой 15%
