H-Code — многозадачная премиум тема с 58 домашними страницами и 197 шаблонами

H-Code — это большая многофункциональная тема для WordPress от ThemeZaa. С её помощью вы можете создать веб-сайты для таких направлений как мода, архитектура, SPA, рестораны, фотография, путешествия, интернет-торговля, личный блог, агентство по дизайну, продукты и услуги. Она включает в себя 58+ шаблонов домашних страниц для разных видов бизнеса и более 197 HTML страниц.

Описание | Демо | Купить за $59 | Заказать сайт на этой теме | Потестировать хостинг

Смотрите также:

• Salient — творческая многоцелевая тема WordPress с более 35,000 загрузок
• uDesign — адаптивная премиум тема WordPress с динамичным контентом
• BeTheme — многоцелевая тема WordPress со 180+ встроенными шаблонами
• Jupiter — профессиональная WordPress тема для создания сайта любого типа
• The7 — одна из самых настраиваемых многоцелевых тем WordPress на Themeforest

Тема H-Code, которая была создана с помощью HTML5 и платформы Bootstrap, поддерживает WooCommerce. А для повышенной функциональности используются плагины Visual Composer и Slider Revolution, тема также работает с WPML, W3 Total Cache, Contact form 7, Yoast SEO, All in One SEO и т.д.

Вот так выглядит основная демо-версия темы H-Code:

Особенности темы

У этой темы есть очень много достоинств, полный их список смотрите ниже:

• Креативный, чистый и точный дизайн соответствует последним веб-стандартам
• Многостраничность
• Одностаничность
• Креативное представление
• Разметка для интернет торговли
• Адаптивный веб-дизайн
• HTML5 и CSS3
• Программа начальной загрузки
• Подходит для дисплея Retina
• Неограниченное количество иконок
• Технология Ajax
• Ajax портфолио
• Высокая результативность
• Поисковая оптимизация
• Revolution slider (премиум версия стоит $14)
• Мега меню
• Работа с сенсорными экранами
• Меню с «липкой» навигацией
• Видео HTML5
• Параллакс изображения
• Полноэкранные слайдеры
• Анимация прокрутки
• Прейскурант
• Система сетки
• Форма обратной связи PHP
• Isotope фильтрация портфолио
• Потрясающие символы шрифта
• Плавные анимации
• Проверка формы
• Адаптивный слайдер карусель
• Таймер обратного отсчета
• Галерея портфолиолайтбоксов
• Готовые шорткоды
• Простой в использовании, настраиваемый код
• Многократно используемый код
• Легкий в разработке и насыщенный комментариями код
• Google шрифты
• Совместимость с разными браузерами
• Бесплатные обновления
• Быстрая и отзывчивая техническая поддержка
• 31+ демо-версий многостраничных начальных страниц
• 26+одностраничных демо-версий
• 6 демо-версий креативных представлений
• 3 параметра слайдера
• 40+ видов оформления слайдера
• 40+ стилей разметки страниц
• 12+ страниц контента
• 30+ стилей для портфолио
• 9+ страниц деталей портфолио
• 5 стилей хедера
• 10+ стилей заголовка страниц
• 10+ стилей для блога
• 5+ страниц деталей блога
• 7+ галерей изображений
• 24+ готовых шорткодов
• 6+ страниц для магазинов
• 5+ Accordion стилей
• 24+ стилей кнопок
• 7+ стилей ящиков подписки на рассылку
• 12+ стилей иконок
• 7+ стилей оповещений
• 5+ стилей вкладок

Установка темы

После загрузки и активации темы H-Code появится уведомление о необходимости установки некоторых плагинов, которые добавят больше функциональности на ваш сайт:

Вы можете установить и активировать плагины скопом, некоторые идут сразу с темой, например, Revolution Slider и Visual Composer. Если нужно, вы также можете добавить Contact Form 7, Newsletter Manager и WooCommerce.

Как только установка завершена, вы можете сразу приступить к использованию этой темы. Для того, чтобы установить демо-данные, зайдите в Внешний вид → Настройки темы и нажмите на вкладку «ИмпортЭкспорт», а после кнопку «Импортировать демо-данные».

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

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

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

Чтобы установить одну из страниц в качестве стартовой, зайдите в Настройки → Чтение и выберите нужный параметр из выпадающего меню «Статическая страница».

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

Настройки темы

H-Code использует плагин Visual Composer для управления разметкой страницы. Для редактирования страницы найдите нужную страницу в меню «Страницы» и нажмите «Редактировать». Для настройки в режиме реального времени нажмите кнопку «Front End Editor», новая страница загрузится поверх старой, что позволит вам внести изменения в режиме реального времени. Вы можете изменить текст, цвета, добавить новые элементы и многое другое.

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

Вы можете вносить любые изменения на страницу, добавлять колонки и рядки, а при нажатии на значок «+» появится список элементов, которые можно добавить на страницу.

Параметры темы

Любые изменения осуществляются из панели настроек темы. Там есть секция «Заголовок», где можно выбрать понравившийся шаблон заголовка, загрузить собственный логотип и многое другое:

Также можно выбрать какое меню будет располагаться вверху вашего сайта:

Раздел «СтраницаШаблон» содержит некоторые варианты разных шаблонов для страниц, например, Under Construction Page, 404 Page и ваши собственные комментарии к настройкам:

Настроить шрифт можно в разделе «Настройки шрифтов», где есть большой выбор шрифтов всех видов и размеров.

Настройки разметки позволяют выбрать параметры для разметки боковой панели и настроить разметку под разные нужды, к примеру, портфолио, одиночная запись и т.д.

Также есть возможность поделиться вашей записью или предметом из вашего магазина WooCommerce в соцсетях.

Внешний вид темы

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

Демо главной темы:

Ресторан:

Блог:

Сетка / портфолио:

Цена и техническая поддержка

H-Code стоит $59 на ThemeForest, в цену входит 6 месяцев тех. поддержки и загрузка обновлений. За дополнительные $17.70 вы можете продлить этот срок до 12 месяцев. Вся онлайн документация находится здесь.

Заключение

H-Code – это огромная WordPress тема, которая содержит много полезного. Она становится в один ряд с такими «мега» темами, как Avada, Jupiter, X Theme, Be Theme. Мы не можем назвать их просто темами для WordPress, скорее это завершённая платформа или инструмент разработчика для создания разных типов веб-сайтов.

H-Code содержит 197 шаблонов, 58 из них для начальных страниц, а всех их можно настраивать с помощью плагина Visual Composer.

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

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

Такие типы тем иногда могут быть довольно медленными, поэтому мы проверили H-Code на скорость загрузки в Pingdom. Тема набрала 99 баллов из 100 со скоростью загрузки 1.85 секунд:

Всего $59 за такую потрясающую тему кажется отличным вложением средств. Эта прекрасно спроектированная тема пригодится вам при создании любого типа сайта.

Источник: themeforest.net