Как импортировать тему в вордпресс

09.10.202311.07.2022 admin 0 Comments

Как самостоятельно установить тему на Вордпресс

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

Не нужно быть разработчиком

Во-первых, я не призываю сразу всех становиться веб‑разработчиками!

Тем более, чтобы установить и настроить тему им быть совсем не обязательно. Я бы даже сказал, категорически не приветствуется им быть. Потому что постоянно возникает непреодолимое желание выйти за границы штатных возможностей и произвести всю кастомизацию в коде. Но премиум-темы как раз таки ориентированы на обычных пользователей, которые будут кастомизировать тему с помощью многочисленных настроек и опций. Если это ваш сайт, заниматься его управлением тоже будете вы, имеет смысл вникнуть и разобраться. Тем более, сложного там ровно ноль.

Реальная стоимость установки премиум-темы

Размещайте свои сайты только у проверенных хостинг-провайдеров. Я рекомендую хостинг Рег.ру и Таймвеб.

Нужно понимать, что сеньорам, миддлам вряд ли будут интересны такие задачи. Если только они подразумевают какие-то последующие доработки, интеграции. Обычной установкой и настройкой тем чаще всего промышляют школьники, любители, продвинутые пользователи Вордпресс, максимум — джуниоры. Последних и возьмём в расчёт.

Отталкиваться будем от свежих цифр, которые мне недавно попались в блоге украинских коллег из Beetroot.

Зарплата Вордпресс разработчиков

А можно вообще никого не нанимать, установить и настроить тему самостоятельно — ничего сложного в этом нет. И сегодня я это докажу на примере трёх своих любимых премиум-тем: Bridge, BeTheme, Enfold со своего любимого маркетплейса ThemeForest. Кстати, со всем топом тем можно ознакомиться по ссылке.

Как скачать и установить премиум-тему Вордпресс

Процедура скачивания и установки одинаковая для всех премиум‑тем.

Заходим в свой аккаунт, открываем раздел «Downloads», находим в списке своих купленных тем нужную тему, нажимаем кнопку «Download» и кликаем на «Installable WordPress file only» — для установки темы больше ничего не нужно. Документацию, лицензию и другие файлы, идущие с темой можно скачать в другой раз.

Распаковывать скачанный архив с темой не нужно.

Открываем админку сайта, переходим в раздел «Внешний вид» ⟶ «Темы» ⟶ «Добавить» ⟶ «Загрузить тему»

Я загрузил все три темы.

Начнем с «Bridge», для этого нажимаем на ней кнопку «Активировать».

Настройка темы «Bridge»

21-я версия Бриджа встречает пользователей таким приветствием.

Welcome to Bridge 21.0

Установка плагинов

Нажимаем на синюю кнопку «Install Required Plugins» и устанавливаем все необходимые плагины.

Install Required Plugins

Bridge Core, LayerSlider WP, Revolution Slider — обязательные плагины. Хотя, если вы не планируете использовать слайдеры, можно установить только Bridge Core. Остальные плагины из этого списка опциональные и устанавливаются при необходимости.

Установка всех плагинов может занять некоторое время. После установки не забываем активировать установленные плагины.

Импорт шаблона

Многоцелевые премиум-темы Вордпресс обычно комплектуются огромными библиотеками готовых шаблонов сайтов. Bridge — не исключение, с ним в комплекте идет полтысячи шаблонов самых разных тематик.

Импорт демо-контента

Просто выбираем тему, в «Import Type» ставим «All», в «Import Attachments» — «Yes» и нажимаем «Import».

Процесс импорт может занять какое-то время. Обратите внимание, эта процедура относительно тяжелая, на слабом хостинге может не хватить ресурсов или максимального времени на выполнение скрипта. Процедуру можно разбить на несколько шагов. Загружаемые изображения при повторном запуске дублироваться не будут, они будут докачиваться.

После завершения импорта, открываем главную страницу сайта и видим такую красоту.

Шаблон и демонстрационный контент импортированы.

Можно проверить, если зайти, например, в раздел «Страницы», то увидим огромный список оформленных и готовых к публикации страниц.

Bridge — импортированные страницы

Все лишнее можно и нужно удалить.

Установка логотипа

Все основные настройки Bridge расположены в разделе «Qode Options», там же находится и настройка логотипа.

В Bridge можно задать аж 7 разных версий логотипа: основной, светлый, темный, мобильный, для прилипающего, фиксированного и бокового меню. Не забываем про ретина-дисплеи и задаем логотипы в SVG.

Настройка цветовой схемы

Настройке цветовой схемы сайта посвящен целый блок настроек в разделе «General» ⟶ «Design Style».

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

Установка фавиконки

Настройка фавиконки находится там же в разделе «General» ⟶ «Settings» ⟶ «Favicon Image».

Типографика

Настройке шрифтов посвящен отдельный раздел настроек «Fonts».

Все очень просто и наглядно.

Bridge — настройка заголовка H1

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

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

Настройка темы «BeTheme»

Стартовый экран BeTheme более информативный, особенно полезен блок «О системе», в котором сразу видно насколько соответствует ваш сервер техническим требованиям темы.