OceanWP: легко настраиваемая и молниеносная тема WordPress

Комментариев нет

OceanWP

Если вы создаете сайты WordPress с помощью конструкторов страниц, вы наверняка сталкивались с темой OceanWP. Наряду с GeneratePress и Astra, она образует “большую тройку” популярных тем для использования в паре с конструкторами страниц. OceanWP – это бесплатная многоцелевая тема WordPress, которая дает вам массу возможностей для настройки дизайна сайта с помощью конструктора Customizer. Скачать с русским переводом можно по кнопке вверху.

В нашем обзоре OceanWP мы расскажем больше о том, что делает эту тему такой уникальной и популярной.

Попробуйте бесплатные демонстрации

Основная тема OceanWP бесплатна и размещена на сайте WordPress.org. Тема также включает в себя множество бесплатных и премиум демо-версий, которые позволяют быстро импортировать готовый дизайн, включая настройки WordPress Customizer и шаблон Elementor для целевой страницы.

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

Варианты demo OceanWP

Всего шаблон имеет 220 демо-версий. В обзоре покажем скрины только бесплатных demo по категориям. Садитесь поудобней, их достаточно много.

Искусство и дизайн

Искусство и дизайн

Блог

Блог

Бизнес и коучинг

Бизнес и коучинг

Магазин

Демо магазина

Как импортировать демонстрационный сайт с помощью OceanWP

Легче показать вам, как работает настройщик на уже созданном вебссайте, поэтому давайте начнем с краткого обзора того, как легко тема OceanWP импортирует демо-сайт.

После установки бесплатного плагинов Ocean Extra сможете импортировать демо-контент прямо из своей админ панели WordPress, нажав кнопку “Run setup wizard”:

Как импортировать демо-сайт OceanWP

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

Почему тема OceanWP так популярна

По сути, главная привлекательность OceanWP заключается в том, что он дает вам возможность настраивать вашу тему очень удобным, интуитивно понятным способом через WordPress Customizer, включая глубокую поддержку WooCommerce. Сайты бывают разных форм и размеров, поэтому если вам интересно, использует ли сайт тему OceanWP, посмотрите наш инструмент для определения темы WordPress.

Для большей мощности, OceanWP имеет бесплатные и премиум расширения для таких функций, как:

  • Всплывающий логин
  • Instagram
  • Портфолио
  • Всплывающее окно WooCommerce
  • Липкий нижний колонтитул
  • Модальное окно
  • Слайдер постов
  • Пользовательский сайдбар
  • Виджеты Elementor
  • Адаптивная боковая панель (с виджетами внутри)
  • Липкий заголовок
  • Нижний колонтитул
  • Социальный обмен

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

Настройка OceanWP

Тема OceanWP использует Elementor для целевых страниц в своих демо-версиях. А для настройки остальных частей вашей темы вы будете использовать WordPress Customizer.

Настройки WordPress Customizer в OceanWP

WordPress Customizer – это то место, где тема действительно сияет. Даже если у вас установлено совсем немного расширений, вы сможете воспользоваться обширным набором опций:

Полный список настроек Customizer

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

Давайте рассмотрим несколько примеров:

Управление заголовком

Одна из областей, которую большинство конструкторов страниц все еще не могут затронуть – это заголовок… поэтому очень удобно, что тема OceanWP предоставляет целую кучу опций для управления заголовком (и “верхней панелью” над заголовком – именно она содержит контактную информацию и социальные профили в демонстрации).

Настройки хедера

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

Управление типографикой сайта

Хотите изменить шрифты и цвета шрифтов на своем сайте? Нет проблем, просто перейдите в раздел “Типографика”, где вас встретит еще один длинный список опций.

Получайте подобную глубину и в других областях

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

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

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

Глубокая интеграция WooCommerce с OceanWP

Еще одним из преимуществ темы OceanWP является глубокая интеграция с WooCommerce. Если на вашем сайте установлена WooCommerce, вы получите новую область в WordPress Customizer

Настройки OceanWP WooCommerce

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

  • Подробные настройки оформления заказа
  • Подробные настройки корзины/кассы
Видео
Создаем магазин без кода в связке OceanWP + Elementor + WooCommerce

Создать интернет-магазин на этом шаблоне будет истинным удовольствием.

Тесты скорости OceanWP

Нам было интересно посмотреть, как работает тема OceanWP, поэтому мы провели несколько тестов скорости. Мы импортировали полный демо-контент Sports Coach на тестовый сайт и подправили несколько мелочей. Elementor также установлен, как рекомендовано.

Мы отключили Google Maps из нижнего колонтитула. Это известный убийца производительности и, честно говоря, никогда не должен быть на главной странице! Мы добавили Google Analytics, чтобы более точно имитировать производственный сайт.
Затем мы провели пять тестов скорости и взяли среднее значение.

Тест скорости OceanWP

Ого, 😲 744 мс? Это очень хорошо для того, чтобы буквально в один клик импортировать демо-контент и сделать три небольших изменения. Помните, что с помощью панели скриптов и стилей вы легко можете просмотреть и оптимизировать все это еще раз. Но приятно знать, что практически сразу после установки темы OceanWP можете рассчитывать на отличную производительность!

Сколько стоит OceanWP

Основная тема OceanWP является 100% бесплатной. Также есть 7 бесплатных плагинов, которые вы можете найти на сайте WordPress.org.

Если вам нужны премиум-расширения, можете приобрести их по отдельности, начиная с $9,99 за каждое, для использования на одном сайте.

Или, если вы хотите получить доступ ко всем 11 премиум плагинам, а также ко всем демонстрационным версиям Pro, вы можете приобрести пакет Core Extensions по цене от $39 за лицензию на один сайт.

Попробуйте OceanWP – это бесплатно

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

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

Сайты на OceanWP

На сегодняшний день OceanWP инсталлирован 662 610 вебсайта. Давайте посмотрим на каких сайтах установлен шаблон OceanWP:

Сайты на которых установлена OceanWP

Теперь переходим к вам – вы когда-нибудь использовали OceanWP? Как вы думаете, чем он отличается от других многоцелевых тем WordPress?

(Всего посетителей: 113, сегодня: 8)
Алексей Шевченко
Автор и редактор на wptheme.us
Опыт работы с WordPress более 10 лет. Создал более 1500 сайтов на Вордпресс. Перевел более 400 тем на русский и украинский язык. Сотни вылеченных сайтов от вирусов. Тысячи установленных и настроенных плагинов. Задать вопрос мне можно на https://profiles.wordpress.org/wpthemeus/
 
Услуги по созданию сайта на вордпресс.

Рубрики

Лучшие шаблоны для Wordpress

Лучшие комментарии

Подписка на новые шаблоны
Введите свой email:

Доставка от FeedBurner

Миниатюра к услугам.
Комментариев нет

Оставьте свой комментарий