OceanWP: настраиваемая тема №1 для WordPress

oceanwp - Wordpress тема Блог
  • Post author:
  • Reading time:17 минут чтения
  • Post category:Темы Wordpress

Тема OceanWP предлагает множество готовых к использованию функций. Но его возможности также могут быть расширены с помощью множества бесплатных или платных расширений. Поэтому неудивительно, что тема OceanWP стала чрезвычайно популярной, имея более 700 000 активных установок. Его рейтинг на сайте WordPress.org составляет 4,9/5, а количество отзывов превышает 5000.

Шаблоны Oceanwp - примеры
OceanWP Demos

С темой OceanWP вы определенно сможете создать профессионально выглядящий сайт. Но для этого вам придется использовать платный пакет (называется Core Extension Bundle от OceanWP), чтобы иметь все шаблоны и плагины. Можно также покупать насадки по одной, но это не кажется очень интересным из-за небольшой разницы в цене по сравнению с целой упаковкой.

Шаблоны Oceanwp - примеры
OceanWP Demos

Всего имеется 225 шаблонов (15 из которых бесплатные) и 20 расширений (7 из которых бесплатные).

OceanWP - Cloudways
OceanWP Demos

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

шаблоны OceanWp - примеры

Шаблоны (OceanWP называет их демо) разделены на несколько категорий: красота, блог, фотография, техника, бары, здоровье, рестораны, посредничество, коучинг, религия, портфолио, бизнес, электронная коммерция, услуги, мода, спорт, искусство и дизайн, медитация,…

Шаблоны Oceanwp - примеры
OceanWP Demos

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

OceanWp demos - примеры
OceanWP Demos

Что касается совместимости, тема OceanWP прекрасно работает с меню и функциями WPML, плагина, который позволяет сделать ваш сайт WordPress многоязычным (66 языков).

WPML - многоязычный плагин WordPress - баннер
Плагин WPML – WordPress

Преимущество Premium Pack перед Free Pack заключается в том, что он дает вам доступ к 12 месяцам поддержки и обновлениям, включая новые модели и расширения, которые будут выпущены в каталоге OceanWP.

Если вы хотите увидеть некоторые примеры моделей OceanWP, их можно посмотреть здесь без необходимости установки.

Что касается доступных планов, то существует три лицензионных плана. Они дают вам доступ к тому же контенту, разница лишь в количестве сайтов, которые вы можете создать: один сайт для плана Личный, 3 сайта для плана Бизнес, 25 сайтов для плана Агентство. Каждый план может быть годовым или пожизненным.

Установка модели и ее расширений

Темa OceanWP можно загрузить с сайта WordPress.org или непосредственно со страницы тем в разделе внешнего вида WordPress.

После активации OceanWP вы увидите сообщение, в котором рекомендуется установить три расширения WordPress: Ocean Extra, Elementor и WP Forms. Фактически, Ocean Extra является проверяемой, иначе основные функции темы, такие как панель управления OceanWP, не будут отображаться, если Ocean Extra не активирована.

После активации Ocean Extra в вашем административном меню появится меню панели тем для OceanWP.

Панель темы OceanWP
Тематическая панель OceanWP

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

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

Кроме того, благодаря партнерству OceanWP с Cloudways можно импортировать демо-версии в один клик.

Настройка OceanWP

На главной странице панели тем вы можете включать и выключать разделы инструмента настройки темы OceanWP.

Панель темы OceanWP
Тематическая панель OceanWP

Ниже вы найдете ссылки на важные настройки кастомайзера, такие как загрузка логотипа и изменение верхнего или нижнего колонтитула.

Мастер настройки также можно повторно запустить с этой страницы.

Новые вкладки и опции

В главном меню WordPress мы видим, что появились четыре вкладки: вкладка “ Слайдер сообщений “меню”, “ Elementor “Если у вас еще не было этого расширения, то “ Внешний вид ” (у которого будет больше всего вариантов) и, наконец, “ Тематическая панель “.

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

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

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

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

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

Панель темы OceanWP
Скрипты и стили OceanWP

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

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

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

Тема OceanWP отзывчивая
Тема OceanWP отзывчивая

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

Тема oceanwp - Общие параметры
Общие параметры OceanWP

Вы можете легко изменить :

  1. стиль оформления вашего сайта (стиль и цвета заголовка, цвет фона или изображения, цвет ссылок),
  2. стиль оформления (вкладка Общие настройки), со специфическими опциями для страницы поиска,
  3. опции, касающиеся заголовка страниц (видимость, тег, стиль, внутреннее поле, цвет текста и фона) и дорожки хлебных крошек (разделитель, таксономия и т.д.),
  4. параметры прокрутки вверх (стиль, положение, цвета),
  5. параметры пагинации (выравнивание, шрифт, границы, цвета) ,
  6. настройки формы (стили границ, цвета, шрифты и т.д.),
  7. стили кнопок (поля, границы, цвета и т.д.),
  8. определить шаблон или макет страницы ошибки 404,
  9. иконки (выбор между “Simple Line Icons” и “Font Awesome Icons”),
  10. некоторые настройки, связанные с SEO (изображения),
  11. Настройки, связанные с CSS, для ускорения отображения ваших страниц.

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

Также предусмотрена секция заголовк: цвета, размер, поля и другие параметры заголовка можно легко изменить. Большие изображения и видеобаннеры могут быть загружены для отображения в заголовке.

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

Расширения, предлагаемые OceanWP

Плагины для Oceanwp
Надстройки OceanWP

Бесплатными расширениями являются: Stick Anything, Modal Window, Posts Slider, Demo import, Custom Sidebar, Product Sharing, Social Sharing, и самое важное – Ocean Extra. Все эти расширения можно загрузить с сайта wordpress.org или непосредственно из области администрирования WordPress.

Расширения Premium – это : Full Screen, Cookie Notice, Popup Login, White Label, Portfolio, Woo Popup, Sticky Footer, Ocean Hooks, Elementor Widgets, Side Panel, Sticky Header и Footer Callout.

Бесплатные расширения OceanWP

  • Stick Anything – это простой плагин, который позволяет вам вставить определенный элемент CSS на вашу страницу. Его можно использовать для логотипов, форм и т.д.

  • Modal Window можно использовать для добавления содержимого в модальное окно и отображения кнопки там, где вы хотите.

  • Posts Slider позволяет отображать записи вашего блога в виде красивых слайдов. Вы можете полностью контролировать размер используемых эскизов, количество слайдов и их скорость. Вы также можете ограничить слайды элементами одной категории или выбрать вариант “случайный”.

  • Demo Import позволяет импортировать демо-версии, виджеты и пользовательские настройки одним щелчком мыши. Весьма практично для экономии времени.

  • С помощью расширения Custom Sidebar можно создать и полностью настроить неограниченное количество боковых панелей.

  • Плагин Product Sharing позволяет пользователям WooCommerce отображать кнопки обмена информацией в социальных сетях под товарами.

  • Если вы хотите добавить кнопки совместного доступа под сообщениями блога, вам необходимо использовать расширение Social Sharing. Плагин поддерживает несколько сервисов социальных сетей, включая Twitter, Facebook, LinkedIn, Pinterest, а также Telegram и Вконтакте, среди прочих.

  • И, наконец, Ocean Extra, которое мы уже видели: это расширение необходимо для панели темы, скриптов и стилей, и многого другого.

Расширения OceanWP Premium

  • Расширение Full Screen позволяет создать полноэкранный веб-сайт. Вы можете отрегулировать скорость прокрутки, добавить боковую панель и настроить цвет навигации, чтобы помочь вам отобразить желаемый контент. Для использования этого расширения необходимо активировать Elementor.

  • Расширение Cookie Notice позволяет отображать предупреждение о том, что на сайте используются файлы cookie, в целях соблюдения законодательства ЕС о файлах cookie и GDPR. И содержание, и кнопка полностью настраиваются, на выбор предлагается два стиля сообщений.

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

  • Расширение White Label позволяет вам заменить бренд OceanWP на свой собственный, что является полезной опцией для разработчиков-фрилансеров и веб-агентств. Также можно добавить собственное описание, изображение, а также имя и URL автора.

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

  • Расширение Woo Popup отобразит сообщение для покупателей, когда они нажмут кнопку купить товар, и проинформирует их о том, что товар был добавлен в корзину. Вы можете настроить свои собственные тексты, а также размеры, подложку и границы сообщения.

  • Расширение Sticky Footer позволит вам отображать и настраивать меню, текст и цвета вашего нижнего колонтитула. Вы также можете выбрать отображение этого нижнего колонтитула только на настольных компьютерах, но не на экранах планшетов или смартфонов.

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

  • Расширение Elementor Widgets позволит вам настроить макет сайта в дополнение к известному расширению Elementor. Вы получите доступ к внушительному списку полезных виджетов: кнопки, WooCommerce, управление паролями, Google Maps, анимация, заголовки, ссылки, формы, навигационные панели и т.д.

  • Расширение Side Panel добавит боковую панель. Эта панель является отзывчивой: она не будет отображаться на планшетах или смартфонах, в зависимости от заданных вами настроек. Панель полностью настраивается: можно определить виджеты, которые будут ее частью, сторону, где она будет отображаться, ее ширину, цвета, …

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

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

В заключение, OceanWP – очень интересная тема из-за количества доступных демо-версий, возможностей настройки, надежности и скорости отображения.ge. Это тот, который я использовал для своего сайта, в категории “Блог“: модель Tech.

OceanWp demos - примеры
OceanWP Demos

Вы можете ознакомиться с этой статьей о последних демо-версиях, а также о партнерстве с Cloudways для установки демо-версий в один клик.

OceanWp demos - примеры
OceanWP Demos

Philippe

Have a Passion about Technology, Photography and Writing. Codetahiche.com is my personal blog about WordPress Plugins, WordPress Themes, VPN and Web Hosting.

Добавить комментарий