В продолжение статьи Выбор темы

Следующей темой для анализа была выбрана Ocean WP. Данная тема довольно популярна в рунете. На нее есть не мало видео- и просто обзоров. Правда, никто не рассматривал ее дизайн и функционал в минимальной конфигурации, как будет сделано здесь. При установке данной темы инсталлятор предлагает установить три плагина Elementor, Ocean Extra и WPForms. В этом обзоре они не будут подключены. Но эти плагины будут рассмотрены в последующих обзорах.

На момент описания тема установлена на тестовый сайт (блог) starmaugli.mcdir.ru с WordPress 5.2.2. и, для чистоты сравнения, приведена к виду хидер/текстовое поле/сайдбар справа/футер такое же как в обзоре предыдущей темы. На вскидку, основной цвет шрифта бледноват (что бы вчитываться нужно глаза напрягать), но об этом в своем месте. Итак

1.1. Хедер (шапка) состоит из трех горизонтальных полей растянутых на всю длину экрана. Первое поле называемое в теме “верхняя панель” пустое (но при желании в нем можно расположить меню сайта, иконки соцсетей или отключить вовсе). Во втором поле по умолчанию располагаются “название сайта” слева и главное меню справа. Главное меню отображается так как написано. До прописных букв главное меню не достраивается, поэтому если для вашего дизайна нужны именно заглавные буквы (а чаще всего именно так и нужно), то их надо корректно писать изначально в названиях страниц и рубрик которые будут представлены в меню. Либо редактировать эти названия при создании меню. Замыкает главное меню иконка поиска. При клике на иконку меню поиска ниже главного меню открывается маленькое поп-ап окошко с полем ввода. В третьем, чуть более темном, чем первые два поле по центру располагается “краткое описание” сайта. “Название” и “краткое описание” сайта берутся из админки ворд-пресса в меню Настройки – Общие.

1.2. К сожалению, меню по умолчанию не прилипает к верху экрана. По моему мнению навигация должна осуществляться предельно просто и поиск меню где-то за границами экрана вызывает раздражение пользователя. То есть – это минус.

1.3. Фон страницы, текстовые (контекстные) блоки и сайдбар одного белого цвета. Разделение смысловых блоков осуществляется тонкой бледно-серой полосой. Текстовые блоки организованы в одну колонку (списком), сайдбар, по умолчанию, справа.

Общий вид центральной части

1.4. Превьюшки статей на главной и в рубрике имеют все необходимые элементы: автор, дата, рубрика (-и), количество комментариев, интерактивные заголовки статьи, прямоугольная кнопка “Продолжить чтение” со стрелкой. Абзацы слипаются. Во избежание неожиданностей, что бы абзацы в превьюшках не создавались автоматически, и были подконтрольны автору, целесообразно при создании записей заполнять поле “Отрывок” (копипаста первых нескольких строчек из основного контентного поля “Записей” плюс минимальное форматирование).

1.5. Текстовые поля простых “страниц” и “записей” это одно поле с записью плюс сайдбар. Навигация (превью-некст) под текстом отсутствует, зато по умолчанию есть меню “Вам также может понравится”. И под ним форма для комментариев.

1.6. “Хлебные крошки” присутствуют только на “страницах” и в “рубриках”. Они занимают поле в котором на главной странице было “краткое описание” сайта и заменяют его. Слово “home” заменено пиктограммой “домика”.

1.7. Для виджетов зарезервировано, аж семь полей: боковая панель по умолчанию; левая боковая панель; боковая панель поиска; и подвалы 1-4.

Панели виджетов

1.8. Сайдбар по умолчанию выглядит довольно убого. Но функционал весь на месте.

Сайдбар

1.9. Футер простой. Два темных поля (верхнее чуть-чуть светлее). На верхнем поле, как раз и зарезервированы четыре панели под виджеты (для примера во все четыре был установлен виджет “Свежие комментарии”). В нижнем сведения о копирайте темы (при подготовке сайта в продакшен требуется чужой копирайт убрать и, в идеале, заменить копирайт на собственный).

Футер

1.10. Кнопка “на верх” – плавающая. Обыкновенная – полупрозрачный серый, при наведении черный, квадрат с белой стрелкой.

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

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

ИгорьС
27.09.2019 17:39

Все хвалят эту тему но забывают добавить что она ноль без Элементора: созданное\сохраненное меню не появляется в “мейн меню”, областей для виджетов в рабочем поле нет, их можно пихать только в хэдер и 4(!) футера. Имхо тема bento много дружелюбнее к новичку Вордпресса

Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес e-mail.

Меню