Инструкция по установке и настройке медицинской темы FMedica One

Здравствуйте! В первую очередь хочу сказать вам спасибо за приобретение темы.

Тема FMedica One имеет большое количество настроек, но справиться с ними совсем не сложно – просто следуйте данной инструкции. Кроме того, если возникнут какие-либо вопросы (касающиеся темы) – можете обратиться за техподдержкой по контактам, которые указаны в конце данной инструкции.

Демо-сайт

 



Описание темы

FMedica One – медицинский адаптивный шаблон для WordPress. Он включает в себя большие возможности для изменения внешнего вида сайта и оформления статей:

  • 6 блоков для вывода на главной статической странице.
  • 2 варианта вывода архивов.
  • 12 виджетов.
  • 14 шорткодов.
  • Различные варианты вывода главного меню.
  • Меню рубрик с произвольными иконками.
  • Возможность изменения цветовой гаммы сайта.
  • Отключение сайдбара в статьях.
  • Свои стили и скрипты из админки.
  • Плавающий сайдбар.
  • Встроенные кнопки “Поделиться в соц. сетях”.
  • Отдельный тип записи – “Вопросы специалисту”.
  • Возможность вывода в шапке кнопки “Задать вопрос врачу” или любой другой.
  • Блок “Задать вопрос специалисту” на главной и виджет для сайдбара.
  • Блоки внимания в 2 вариациях дизайна и с возможностью добавлять свои иконки.

Все настройки – в режиме реального времени через Кастомайзер. Делаете и сразу наблюдаете изменения на сайте.

Другое:

  • Микроразметка статей.
  • Поддержка дочерней темы.
  • Возможность вывода ссылок на Политику Конфиденциальности в формах комментирования, футере и форме обратной связи.
  • Защита от дублей replytocom.
  • 404 страница.

Немного из оптимизации:

  • Адаптивный дизайн – сайт отлично выглядит как на ПК, так на смартфонах и планшетах.
  • Правильная структура заголовков (H1 – на главной название сайта, в статьях – название статьи, в архивах – название архива).
  • Возможность вывода описания для рубрик для лучшей их оптимизации.
  • Лишние ссылки можно закрывать от индексации встроенным скриптом.
  • Стили и скрипты правильно подключены, все лишнее подгружается в футере.
  • Отключены ненужности в коде.

Почти все элементы можно отключить из админки темы.
К содержанию

Как установить шаблон

При покупке вы получаете 2 архива в .zip формате:

  1. Основная тема.
  2. Дочерняя тема (используется для внесения изменений в тему, подробнее расскажу ниже).

Основную тему следует загрузить на сайт в любом случае. Для этого переходим в админке Внешний вид/Темы и выбираем “Добавить новую”.

Далее выберите “Загрузить тему” и выберите сохраненный на компьютере файл темы. После нажатия кнопки “Установить” начнется загрузка архива на сайт.

Далее вам останется только активировать тему.
К содержанию

Плагины

После установки тема предложит вам установить плагины:

Плагины двух видов:

  1. Идущие в комплекте с темой – шорткоды, виджеты, таксономии. Эти настройки вынесены в плагины, чтобы не привязывать намертво сайт к одной теме. Таким образом, если вы будете менять темку, понадобятся лишь небольшие доработки, чтоб сохранить весь функционал.
  2. Полезные плагины из репозитория ВордПресс. Бесплатные плагины, наличие которых не влияет на стоимость темы. Поддержку по ним оказывают сами авторы.

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

Какие плагины я рекомендую

  1. f(x) TOC – для автоматического вывода содержания. Настраивается через админку темы.
  2. Yoast SEO – удобный СЕО плагин с массой полезных функций.
  3. Responsive Lightbox by dFactory – отличный лайтбокс (для увеличения маленьких картинок), поддерживает несколько вариантов оформления.
  4. Cyr to Lat enhanced – для создания ЧПУ.
  5. Comet Cache – для кеширования.
  6. Display Widgets – для отображения/скрытия виджетов на нужных страницах.
  7. Google XML Sitemaps – карта сайта для роботов.
  8. MCE Table Buttons – добавляет в редактор кнопку для создания таблиц.
  9. Safe Redirect Manager – создание редиректов.
  10. Cookie Notice by dFactory – уведомление о куки.

К содержанию

Размеры миниатюр темы

В тему встроено 3 размера миниатюр (+ они добавлены в редактор для удобства):

  1. На всю ширину контента – 690 px в ширину.
  2. Средний размер 1 – 330 * 170 px.
  3. Средний размер 2 – 220 * 140 px.

Настройки/Медиафайлы

В админке я советую выставить следующие настройки:

Важно! Кто устанавливает тему не на новый сайт – регенерируйте миниатюры плагином OTF Regenerate thumbnail (или Force Regenerate Thumbnail)

К содержанию

Вид сайта

В первую очередь для оформления внешнего вида сайта определитесь, каким вы хотите его видеть:

  1. Сайт со статической главной страницей (блог можно вывести отдельно).
  2. Главная страница в формате блога.

Статическая главная страница

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

  1. Страницы/Добавить новую. В текстовом поле писать ничего не надо.
  2. В правом столбце в меню «Свойства страницы» выбрать шаблон главной страницы.

Затем перейдите в админке: Настройки/Чтение.

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

Для того, чтобы кроме главной страницы задать блоговую – создайте новую страницу во Страницы/Добавить новую (в свойствах страницы остается базовый шаблон), назовите ее, например, “Блог”. Затем задайте в качестве страницы записей.

Главная блоговая страница

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

Встроенные настройки темы

Все настройки темы находятся в Кастомайзере (Внешний вид/Настроить). При помощи него вы можете вносить изменения на сайт в режиме реального времени.

Кроме того, в админке появится пункт “О теме” – там вы можете найти полезную информацию, а также лог изменений темы.

Все настройки записываются в базу данных.

Ниже рассмотрим подробнее все настройки темы.

Итак, заходим во Внешний вид/Кастомайзер.

Видим вот такое длинное меню:

К содержанию

Свойства сайта

В данном разделе вы можете прописать название и описание сайта, а также задать фавикон и отобразить описание сайта.

Если вы вместо названия сайта выводите логотип, название и описание выводится в коде в соответствующих тегах.

К содержанию

Настройки главной

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

Главная статическая страница традиционно состоит из нескольких блоков, которые можно выводить, расставлять и настраивать по собственному желанию:

  1. Слайдер (3 варианта вывода).
  2. Последние статьи (2 варианта вывода).
  3. Лучшие статьи (2 варианта вывода).
  4. Статьи из заданных рубрик (2 варианта вывода).
  5. Вопрос специалисту

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

Кнопка с глазом делает блок неактивным. Если хотите переместить блок – просто перетащите его.

Ниже рассмотрим настройки основных блоков.

О сайте

Можно вывести любую информацию о сайте.

Используйте для удобства следующие теги:

  1. Абзац – <p></p>
  2. Заголовок H3 – <h3></h3>
  3. Заголовок H4 – <h4></h4>
Слайдер

У слайдера есть 3 режима вывода:

  1. Последние статьи.
  2. Заданные статьи.
  3. Любые картинки со ссылками.

Ссылки на статьи в слайдере открываются в новой вкладке.

Ширина изображения – 690 пикселей.

Важно! Слайдер по-умолчанию берет изображения из миниатюр, поэтому следует загружать в миниатюры статей единообразные изображения соответствующего размера.

Для оптимизации изображений я использую сервис kraken.io

Последние статьи

Заданное количество новых статей с описанием, датой и рубрикой.

2 формата вывода.

Лучшие статьи

Вывод произвольных статей или страниц по ID.

2 формата вывода.

 

Статьи из заданных рубрик

Выводит статьи из выбранных вами рубрик.

2 формата вывода.

Вопрос специалисту

Выводит фото специалиста, информацию о нем, кнопку “задать вопрос” и список вопросов.

 Обратите внимание, в данном блоке выводятся вопросы из специальной таксономии “Вопрос-ответ”

К содержанию

настройки шапки и меню

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

  1. Показать или скрыть верхнее меню.
  2. Что вывести в шапке, кроме верхнего меню:
    • Форма поиска
    • Кнопку (Например, “Записаться на прием к врачу”)
    • Социальные сети
  3. Вид главного меню:
    • Стандартное меню
    • Меню иконок
    • Стандартное меню и меню иконок
    • Ничего

В подразделах вы можете задать собственные иконки для рубрик (выводится 8 или 6 иконок), ссылки на социальные сети.

Отдельно хотелось бы рассмотреть мобильное меню

У него есть 2 варианта вывода:

  1. Выезжающая панель – подключает отдельное меню и реализуется при помощи скрипта Sidr.
  2. Рубрики выпадающим списком и выпадающее меню – облегченная версия, не использует дополнительных скриптов.

Внешний вид:

Шапка на всю ширину

Максимальная ширина шапки – 1110 пикселей

Если вы хотите сделать шапку на всю ширину, то следуйте инструкции ниже:

  1. Отключите по галочке вывод соц. сетей и верхнего меню в шапке (Настройки шапки и меню/Общие).
  2. Отключите вывод названия сайта в меню “Свойства сайта”

  3. В пункте “Изображение заголовка” выберите вашу шапку

     Затем пролистайте вниз и выберите пункт “Шапка сайта на всю ширину”

  4. Готово!

К содержанию

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

Настройка статей состоит из нескольких вкладок:

  1. Общие настройки – вывод мета-данных, ссылки на предыдущую и следующую статью, кнопки “Печатать”
  2. Миниатюры – включение или отключение миниатюры, выбор размера из 3 представленных и выравнивания.
  3. Кнопки “Поделиться” – вывод под статьей или под заголовком, собственный или встроенный код кнопок.
  4. Содержание – выводится плагином f(x)TOC.
  5. Похожие записи – включение/отключение, выбор размера миниатюры.
  6. Блоки внимания и другие иконки – можно задать свои иконки для 4 блоков внимания и для маркированных списков

К содержанию

Пользовательские скрипты и стили

В первом разделе вы можете ввести собственные скрипты, а также коды счетчиков.

Во втором – собственные стили.

Важно! После задания своих стилей – не забудьте очистить кеш Ctrl+F5. На мой взгляд свои стили удобнее задавать через дочернюю тему.

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

К содержанию

Шорткоды

В комплекте с темой идет набор шорткодов. Некоторые из них – с микроразметкой.

Увидеть вы их можете в редакторе (если панельки не видны, нажмите на кнопку, указанную стрелкой)

Описания кнопок высвечиваются при наведении.

Использовать шорткоды просто – написал текст, выделил и нажал на кнопочку. Либо нажал на кнопочку и написал текст внутри шорткода.

Вот так шорткод выглядит в статье:

Блоки для выделения текста

Цветные кнопки – различные блоки для оформления текста:

  1. Польза.
  2. Предупреждение.
  3. Информация.
  4. Блок произвольного цвета.
  5. Небольшая цитата.
  6. Вопрос-ответ.
  7. Определение

В настройках темы вы можете задать собственные иконки для этих блоков.

Внешний вид/Настроить/Настройки статей/Блоки внимания

Внешний вид первого варианта вывода:

Внешний вид второго варианта вывода:

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

Для того, чтобы настроить блок произвольного цвета, надо добавить код цвета в поле color.

Другое

В разделе “Другое” – выделение текста разным фоном. Просто выбираете текст и нажимаете на кнопку.

К содержанию

Сайдбары и виджеты темы

В тему встроено несколько областей для вставки виджетов:

  1. Сайдбар на главной (только для главной статической).
  2. Сайдбар на внутренних (на всех, кроме главной статической).
  3. Липкий сайдбар (на всех, кроме главной статической).
  4. Виджеты после статьи.
  5. Виджеты в футере (выводятся на всех страницах, кроме главной).

Внешний вид/Виджеты

Виджеты вы можете добавлять сюда какие угодно. Для удобства они сделаны в формате отдельного плагина. Поэтому если вы вдруг решите сменить тему, виджеты перейдут в новую.

Специальный виджет «Собственные тизеры» поможет вам вывести баннеры в нескольких форматах в виде тизеров. Как показала практика, такой формат довольно эффективен для партнерских сетей (например, iHerb).

[wpfairy] Баннер

Позволяет вывести текст и картинку с закрытой скриптом ссылкой. Следует всего лишь заполнить соответствующие поля

Картинку рекомендую заливать в медиафайлы и только потом использовать.

[WPfairy] Лучшие статьи

Здесь вы можете вывести любое количество лучших статей (полезно для их продвижения)

Вывод по ID (подробнее смотрите в соответствующем разделе инструкции)

Также есть 3 варианта оформления внешнего вида:

  • Большая миниатюра.
  • В 2 столбца.
  • Маленькая миниатюра, текст справа.

[WPfairy] По просмотрам в рубрике

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

[WPfairy] Последние комментарии

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

[WPfairy] Последние статьи из заданной рубрики

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

Вывод по ID (подробнее смотрите в соответствующем разделе инструкции)

[WPfairy] Случайные записи

Выводит произвольные записи. Настроек нет.

[WPfairy] Социальные сети

Нет никаких настроек, кроме заголовка виджета. Выводит ссылки на профили в соц. сетях. Ссылки заполняются в настройках темы.

[WPfairy] Собственные тизеры

Можно вывести свои рекламные ссылки с картинками в 4 форматах.

Ссылки закрыты скриптом.

С настройками данного виджета можно ознакомиться тут.

Внешний вид вариантов:

[WPfairy] Вопрос специалисту

Виджет без настроек. Информация заполняется в настройках темы.

[WPfairy] Рубрики с иконками

Виджет без настроек. Информация заполняется в настройках темы.

[WPfairy] Виджеты с произвольными метками и рубриками

При помощи него вы можете вывести необходимые рубрики/метки.

Вывод по ID (подробнее смотрите в соответствующем разделе инструкции)

К содержанию

 Шаблоны страниц

С темой идет несколько шаблонов для статических страниц:

  • Главная статическая.
  • Карта сайта.
  • Обратная связь.

Админка: Страницы/Добавить новую

Демо-страницы:

Шаблон страницы настраивается в правой колонке в меню «Свойства страницы»

Обратная связь

Форма обратной связи с возможностью прикреплять изображение.

Для работы формы необходимо вписать в нее свой email адрес.

Найдите в папке темы fcook файл mails_sender.php и откройте его.

В начале файла в соответствующем поле впишите свой емейл адрес.

К содержанию

Как получить ID рубрики, записи

Все просто =) заходите в админке:

  • Записи/Все записи,
  • Записи/Рубрики,
  • Записи/Метки.

В выделенном бирюзовым цветом столбце найдете нужные цифры- номера записей.