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

H-код - це велика багатофункціональна тема для 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-код – це величезна WordPress тема, що містить багато корисного. Вона стає в один ряд із такими "мега" темами, як Avada, Jupiter, X Theme, Be Theme. Ми не можемо назвати їх просто темами для WordPress, швидше за це завершена платформа або інструмент розробника для створення різних типів веб-сайтів.

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

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

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

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

Всього $59 за таку приголомшливу тему видається чудовим вкладенням коштів. Ця чудово спроектована тема стане вам у нагоді при створенні будь-якого типу сайту.

Джерело: themeforest.net

Підпишіться на щотижневий дайджест про WordPress