Описание темы
GP Medic — первый тематический шаблон на GoodwinPress. Ранее я делал универсальные темы, которые можно было применять на сайтах любой сферы деятельности. Теперь рад представить тематический шаблон, для стоматологических, медицинских сайтов, а также косметических, салонов красоты и здоровья, спа, развернутых на WP.
GP Medic — современная, красивая, адаптивная тема, с мощным бэкграундом, множеством опций и настроек.
Короткое описание темы
- Статическая главная с такими блоками, как Постер, Отделы, Карусель, Партнеры, Отзывы, Галерея, Статьи и новости, Акции, Команда, Почему мы, Блок для привлечения внимания и др.
- Фишки: форма онлайн-записи на приём, набор из 30 стоматологических икононк для карусели, «Заказ звонка», специальная таксономия для Отделов и дополнительный формат записей для Услуг, красивые постоянные ссылки для медицинских разделов сайта, набор градиентов, интересные кнопки.
- Имеется классный шорткод для создания прайса и встроенный виджет «Баннер» для акций и скидок.
- Возможность легко перекрасить основные блоки в любой цвет, отличное мобильное меню, встроенный загрузчик плагинов, опция подтверждения на сбор персональных данных для комментариев и форм отправки сообщений и тп.
- В комплекте дочерняя тема. Готова к локализации по фронту. Прилагается подробная инструкция по установке и настройке.
Подробное описание темы
Тема построена по классический схеме — имеется статическая Главная, где сосредоточен некий произвольный контент, все самое основное в одном месте. От нее (а также из меню) тянутся связи к внутренним страницам, где раскрывается суть предложений, описание услуг и тп. Произвольный контент выводится через готовые блоки. Всего их на Главной — 13 штук. Все они наполняются из консоли темы, там же их можно включать / отключать по желанию, а также перемещать вверх-вниз, чтобы создать любую другую расстановку.
Из чего состоит статическая Главная?
1) Постер
Пространство на всю ширину контейнера, с тематической картинкой внутри, красивым градиентом, поверх которых размещена информация об учреждении — название, кликабельные телефоны, кнопки соц. сетей, адрес, график работы, кнопка для заказа звонка.
В теме предусмотрено 10 вариантов градиентов, под различные виды деятельности (например, под стоматологию — голубой, под йогу или спа — желто-розовый или зеленоватый и тп). Например:
Или:
Кнопка заказа звонка открывает модальное окно, в котором расположена форма от плагина Contact Form 7.
2) Форма записи на приём онлайн + текстовый блок
Через форму посетитель может записаться на приём, она включает в себя не только Имя и Телефон, но также поддерживает возможность вызвать Календарь и назначить дату, выбрать время и врача. В текстовый блок пишем небольшой контент, для посетителей и поисковых ботов. Записываться с телефона тоже удобно, при работе в Android или iOS используется встроенный в систему календарь.
3) Отделы
Сетка отделов (видов деятельности), созданных в админке сайта. Отдел объединяет в себе ряд услуг по одному профилю. Всего в консоли 12 ячеек Отделов, первые 3 включены по умолчанию, остальные включаете по желанию. Что важно, Отделы можно выводить не только на Главной, но и на отдельной странице. В этом случае, к ним добавляется еще и любой написанный вами текст.
4) Карусель с текстом, иконками и кнопками
Может использоваться для вывода сервисов, услуг, процедур учреждения, или для любого текстового контента. Всего имеется 12 ячеек, первые 3 включены сразу, остальные — по желанию. Каждая ячейка в карусели комплектуется графической иконкой. В теме имеется готовый набор из 30 классных стоматологических иконок. Например:
и другие.
5) Партнеры
Представляет собой подборку логотипов компаний-партнеров, с которыми заключен договор на приём страховых пациентов. Всего 5 ячеек.
6) Персонал
Список работников учреждения / клиники, фото + короткая информация о враче. Всего 12 ячеек.
7) Почему мы
Блок, отвечающий на вопрос — почему нужно лечиться у нас. 6 причин с иконками Font Awesome и фоновой картинкой.
8) Галерея
Фотогалерея, дайте представление посетителю о внешнем виде и антураже клиники / учреждения. Максимум 15 изображений с короткой подписью. Первые 3 включены по умолчанию, остальные — по желанию. Если активирован плагин лайтбокса, идущий вместе с темой во встроенном загрузчике, то изображения галереи можно просматривать группой с красивым эффектом.
9) Отзывы пациентов
12 отзывов о работе клиники от ваших пациентов и посетителей.
10) Акции и скидки
Три таблицы с миниатюрой и цветной шапкой для вывода акций и скидок. Можно указывать как цену, так и процент. Переключатель цены поддерживает как рубли, так и гривны.
11) Видео + текст
Блок для текстового контента, для посетителей и поисковых ботов, с форматированием и кнопкой. Можно ставить видео или изображение.
12) Блок для привлечения внимания
Широкий (на всю ширину контейнера) блок с крупным заголовком, шрифтом и кнопкой. Разместите здесь важное объявление или призыв к действию, акцию и тп. Фон и маска-градиент наследуются из Постера.
13) Статьи и новости
С его помощью можно вывести на Главную 3 последние записи из блога / статей сайта, либо из какой-то одной выбранной вами рубрики.
Другие страницы сайта
В обычных темах, даже оснащенных готовой статической Главной, внутренние страницы представляют собой стандартный набор — записи, используемые для публикаций новостей или карточек товаров, рубрики, позволяющие сортировать записи по теме, и обычные страницы, наполняемые каким-либо статичным контентом, контактной информацией и т.п.
Здесь все они тоже есть, но кроме них имеется еще несколько видов страниц, расширяющих возможности темы.
Во-первых, это Услуги, сделанные путем размещения в теме дополнительного формата постов, они применяются для вывода конкретных услуг клиники, сервисов, процедур, операций, вариантов лечения, которые вы предлагаете пациентам. Вам больше не нужны для этого обычные записи, это отдельный формат публикаций, который никак с ними не пересекается. Поэтому вы используете для бизнеса Услуги темы, а записи можете вообще не задействовать, либо применять их для публикации новостей, статей, акций. В записях сайдбар справа, в Услугах — слева, и в нем предустановлены некоторые блоки, облегчающие навигацию для посетителей. Пример Услуги — по ссылке.
Во-вторых, это Отделы, построенные при помощи дополнительной таксономии. Они предназначены для группировки Услуг по теме, профилю, общему направлению. В Отдел может входить любое количество Услуг. Отчасти это аналог обычных рубрик, но Отделы имеют другой внешний вид, другие постоянные ссылки и они так же отделены от обычных записей. Список Услуг в Отделе выводится в виде табов (переключателей). Пример Отдела — по ссылке.
Для добавления Отделов и Услуг в админке сайта имеются специальные страницы, работа с ними производится так же, как и с другими частями WordPress.
Проведена работа по оптимизации ссылок Отделов и Услуг. Например, Услуга «Лечение кариеса» входит в Отдел «Терапия». Ссылка на Отдел будет выглядеть так:
http://medic-wordpress-theme.ru/otdel/terapiya/
А ссылка на Услугу внутри этого Отдела — вот так:
medic-wordpress-theme.ru/otdel/terapiya/lechenie-kariesa/
В-третьих, имеется отдельная страница для контактов клиники, содержащая адрес, кликабельные телефоны, иконки соц. сетей, дубль формы онлайн-записи и крупное окно с картой, где будет отмечено местоположение вашего учреждения. Есть также отдельная страница для вывода Отделов, Вы можете показывать их и на Главной, и на отдельной странице, либо убрать с Главной и демонстрировать только внутри сайта.
Консоль, адаптивность и другие возможности
Настройка темы производится в консоли, состоящей из 20 (!) страниц. Там вы размещаете свой контент, изображения, решаете, какие блоки Главной выводить и настраиваете их, задаете свои соц. сети, настраиваете вид и возможности записей, подвала и т.п. Все страницы консоли расписаны в инструкции, там же даётся весь ход установки и настройки, а также много дополнительной информации.
На любом медицинском сайте представлены прайсы, стоимость предоставляемых услуг. В теме GP Medic есть опция и для этого. Простые и легкие таблицы с ценами добавляются на сайт при помощи встроенного шорткода в визуальном редакторе.
Нажмем на ссылку «Цена» в редакторе, откроется окно с полями для ввода названия услуги или процедуры, а также цены.
Вводим значения, нажимаем ОК. В текст будет добавлен шорткод с введенными значениями. На странице это выглядит так:
Мобильный трафик на сайтах предоставления услуг населению, медицинских сайтах может быть выше, чем десктопный. Поэтому важен не только вид с компьютера, но и с экрана телефона.
GP Medic адаптивная тема и выглядит весьма привлекательно. На скриншотах со смартфона — Постер на Главной (первое, что видит посетитель на сайте) и открытое мобильное меню:
Консоль так же адаптивна, как и вся тема, вы можете настраивать её с телефона, лёжа на диване, в том числе и страницу «Сделай сам», где цвета темы меняете на свои, любые другие цвета.
Что ещё хорошего?
- В блоке для привлечения внимания можно добавлять onclick в кнопку, из консоли.
- Скрипты темы убраны в 1 файл и выводятся в подвале, для быстрой загрузки.
- Минимум стилей в style.css, все подписаны.
- Цветные кнопки с красивым эффектом при наведении мыши.
- Предусмотрена возможность включить выравнивание по ширине для текстов публикаций на мобильных устройствах.
- Проверка на совместимость со старыми версиями WordPress.
- Свои стили для визуального редактора.
- Встроенный загрузчик плагинов, добавляющий на сайт плагин для контактных форм, лайтбокс, постраничную навигацию и плагин, меняющий аватары комментаторов на цветные буквенные иконки.
- Встроенный виджет «Баннер» для акций и скидок.
- Подтверждение на сбор персональных данных в формах и комментариях.
- Кликабельные телефоны и кнопка, перебрасывающая на форму онлайн-записи, размещены в подвале на каждой странице сайта.
- Возможность включать / выключать боковую колонку в записях и на страницах.
- Три сайдбара, под разные типы страниц — один для блога, архивов, публикаций, второй только для Услуг, третий для обычных страниц.
- Убраны лишние слова из заголовков рубрик.
- Описание рубрик выводится только на первой странице рубрики.
- Убран всякий мусор из шапки, отключены эмодзи. Установлена блокировка replytocom, для отсутствия дублей комментариев в поисковой выдаче.
- Валидный код — проверить. Ноль ошибок и предупреждений в debug.
- Полный порядок с h1 и другими заголовками.
- Адаптивная вёрстка под современные мобильные устройства, отличное мобильное меню.
- Готова к локализации.
- Приложена подробная инструкция по установке и настройке. Предлагается техподдержка, которой другие могут только позавидовать.
Плюс такие мелочи, как установка фавиконки и логотипа из консоли, поиск в шапке, дополнительное оформление для прилепленных записей, древовидные комментарии, размещение статистики в шапке или подвале, многоуровневое меню, внутренняя навигация и кнопки для расшаривания в каждой публикации, 404 страница, кнопка «вверх» и т.п.