Дорогой посетитель, это веб-версия инструкции для WP темы "Simpatika".
Посетите страницу темы на goodwinpress.ru, чтобы получить больше информации. Открыть »

Simpatika

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

Текущая версия: 1.3

Дата публикации: 12 сентября 2017

Дата последнего обновления: 16 ноября 2017

Автор: Алексей Goodwin

Сайт: goodwinpress.ru/Simpatika

Email: goodwinpress@ya.ru

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

В скриншоте темы использован фрагмент картины греческой художницы Доры Ниотаки (Dora Niotaki).

 

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

Simpatika (Симпатика) — тема для создания блога / портфолио. Светлая, стильная, легкая, она может использоваться для женских сайтов, ресурсов, посвященных изобразительному искусству, фотографии, а также для статейных сайтов.

Содержит 10 вариантов вывода записей для главной страницы (включая портфолио) и 9 для архивов. Анонсы построены при помощи Masonry (это скрипт, предназначенный для создания гармоничной сетки записей или изображений, он подбивает их по высоте, без дыр и пустых мест).

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

Сайдбар устанавливается справа или слева, в записях и страницах его можно произвольно отключать. Есть 5 встроенных виджетов (об авторе, красивые рубрики, свежие записи, избранная рубрика, а также виджет с 9 кнопками социальных сетей). Статьи расширены похожими записями и внутренней навигацией, кнопками для расшаривания. Реализована такая опция, как подсчет времени на чтение статьи.

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

Для привлечения внимания предлагаются медиа элементы - слайдер или карусель. В слайдере демонстрируется до 5 слайдов с заголовком, описанием и произвольной ссылкой. В карусели можно вывести до 10 записей, это могут быть посты из какой-то определенной рубрики, либо Лучшие записи (вы ставите галочку в посте — он добавляется в карусель), порядок вывода записей — хронологический или случайный, на выбор.

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

Тема содержит такие опции, как подтверждение посетителя на сбор персональных данных, без которого нельзя отправить комментарий или сообщение в контактной форме (актуально для пользователей из РФ), а также шаблон чистой страницы, на случай, если покупатель будет использовать с темой инструменты типа Visual Composer.

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

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

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

Установка темы

При покупке вы получили 3 архива. Первый архив это simpatika.zip, это сама тема. Второй это simpatika-child-theme.zip, дочерняя тема для Simpatika. Третий - это doc.zip, в котором размещен файл changelog и папка с данной инструкцией. В changelog содержится список изменений, которые были сделаны в теме в процессе обновлений.

Что такое дочерняя тема и зачем она здесь? Это одна из фишек WordPress, дочерняя тема выглядит и работает так же, как родительская, использует все ее функции. Если вам нужно сделать изменения, добавить что-то или убрать, то вы меняете не родительскую тему, а дочернюю. Все изменения применяются на сайте так же, словно вы отредактировали родительский шаблон. А если появится обновление темы, новая версия, и вы загрузите её на сайт, то ничего не потеряете, все ваши изменения-дополнения будут в сохранности.

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

Как установить?

Зайдите на страницу с темами на вашем сайте (Внешний вид > Темы), выберите пункт "Добавить новую" (отмечен стрелкой)
На следующем экране нажмите ссылку "Загрузить тему"
потом нажмите на кнопку "Выбрать файл".
Выберите архив simpatika.zip на компьютере, и после того, как он загрузится, нажмите кнопку "Установить".
Результатом того, что тема установлена успешно, будет такое сообщение:

Активировать ее НЕ НУЖНО. Нажмем на ссылку "Вернуться на страницу тем" и начнем установку дочерней темы. Точно также выберем ее на компьютере -
Установим, а потом активируем: Таким образом, у вас получится две темы - родительская тема Simpatika установлена, дочерняя тема Simpatika установлена и активирована. Это правильно.

Пока не торопитесь переходить на сайт и любоваться, нужно выполнить еще несколько действий.

Установка плагинов

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

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

1) WP Pagenavi - список страниц, лучший плагин для создания постраничной навигации в блоге, архивах и поиске. Обязательный.

2) Bwp Shortcodes - простой плагин для шорткодов. Позволяет легко установить в записи и на страницы такие объекты, как кнопки, информационные блоки, аккордеоны, спойлеры, табы (вкладки), разделители и текст, разбитый на колонки. Рекомендуемый.

3) Contact Form 7 - плагин для создания контактных форм. С его помощью можно сделать любое количество форм и разместить их там, где вам нужно. Рекомендуемый.

4) Responsive Lightbox by dFactory - мой любимый плагин для создания эффекта лайтбокса при открытии изображений. Главные его достоинства - работает как часы, имеет несколько вариантов лайтбокса, подходит как для галерей, так и для отдельных изображений. Рекомендуемый.

5) Post Views Counter - плагин для подсчета просмотров на сайте. Хорош тем, что совместим с кэширующими плагинами, и поэтому считает без ошибок, а также имеет несколько настроек. Рекомендуемый.

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

После того, как вы активировали шаблон, в админке сайта появится вот такое сообщение -

Это значит, что установщик готов к работе и ждет ваших действий.

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

Процедура состоит из 2 шагов - установка и активация. Сначала установим плагины, потом активируем их.

Нажмите ссылку "Начать установку плагинов". Появится следующее окно -

Поставьте галочки у каждого плагина, в выпадающем списке выберите опцию "Установить" и нажмите кнопку "Применить". Шаблон сам найдет нужные плагины и установит их на сайт. После чего покажет вам следующее -

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

Результатом того, что активация плагинов выполнена успешно, будет такое сообщение -

Консоль темы

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

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

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

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

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


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

Рассмотрим все страницы консоли, какие элементы на них находятся, за что отвечают.

Полезный совет

Если до установки Simpatika у вас уже была установлена какая-либо тема от goodwinpress, сбросьте настройки Simpatika, чтобы опции старой темы не попали в новую.

Общие настройки

Здесь находятся следующие функции:

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

Заголовок сайта
На выбор текст или логотип-картинка. Рекомендуемый размер для логотипа - 300х150 пикселей. Если выбран текстовый заголовок, задайте ему любой цвет на самой нижней странице консоли - "Сделай сам".

Подтверждение для комментариев.
В связи с нововведениями в законодательстве РФ, сайты, собирающие информацию от посетителей, должны теперь получать подтверждение на сбор этих данных. Странно, но это так. Обычный блог на WordPress, где посетитель оставляет комментарий (а также имя и адрес электронной почты), тоже становится оператором по сбору данных. Сайт должен проинформировать посетителя о такой процедуре, а посетитель должен выразить согласие на неё.

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

До подтверждения -
После подтверждения -

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

Кроме комментариев, эта опция распространяется также на контактные формы, созданные при помощи плагина Contact Form 7.

Статистика для сайта
Имеются три поля. Первое предназначено для Google Analytics, второе - для Яндекс Метрики (вариант без информера).
Если вы используете счетчик с кнопкой (Яндекс Метрику с информером, LiveInternet или Hotlog и тп), для таких - третье поле. Счетчик с кнопкой, размещенный там, будет выводиться в подвале, с выравниванием по центру. Код счетчика Яндекса выводится в шапке около тэга body, код Google Analytics - в подвале. Статистика, установленная в консоли темы, охватывает все страницы сайта.

Подвал
Здесь можно отключить подвал с виджетами, если он вдруг не нужен или нечем наполнить.

Нижнее меню
В дополнение к основному меню (оно же мобильное), в подвале выводится небольшое нижнее меню для всяких служебных ссылок. Оно выводится даже в том случае, если сам подвал отключен, поэтому для него тут - отдельный выключатель.

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

Главная страница

На данной странице настройки вы выбираете, какой вариант вывода записей включить на сайте, отдельно для Главной и отдельно для архивов (рубрик, меток, таксономии).

Для Главной имеется 9 вариантов плюс портфолио, для архивов - 9 вариантов без портфолио.

1. Сетка в 2 колонки
Записи выводятся в 2 колонки в виде сетки, они немного отличаются по высоте из-за разного количества символов в заголовке и анонсе, но располагаются без дыр и пустого места благодаря скрипту Masonry. Картинка в анонс устанавливается в блоке "Миниатюра записи", который находится в настройках каждой записи в админке сайта. Эффект при наведении мыши - зум с небольшим поворотом. Оптимален четный порядок записей на странице.

2. Список flex
Записи выводятся в 1 колонку, вертикально. Каждая ячейка состоит из 2 частей, слева картинка в фоне, справа анонс с кнопкой. Порядок не имеет значения.

3. Сетка в 3 колонки
Такой же вариант, как в пункте 1, только в 3 колонки и без сайдбара. Оптимален нечетный порядок, кратный трём.

4. Список wide
Вертикальный список в 1 колонку, в верхней части ячейки выводится крупное изображение на всю ширину, с эффектом. Порядок не имеет значения.

5. Сетка квадраты
Сетка ячеек в форме квадратов, в 2 ряда. Фоном квадрата служит миниатюра, поверх нее размещена полупрозрачная маска и заголовок записи. Эффект при наведении мыши - маска заливает на 30 процентов больше площади ячейки, сам квадрат поднимается по оси Х на несколько пикселей вверх. Порядок четный.

6. Сетка квадраты wide
Сетка ячеек в форме квадратов, в 3 ряда. Без сайдбара. Оптимален нечетный порядок, кратный трём.

7. Стандарт
Традиционный вывод записей на Главную - целиком, без анонсов и миниатюр. Поделить длинный контент на внешнюю и внутреннюю части можно при помощи обычного тэга more (Далее), хотя в стандартном варианте это не обязательно. В шапке записи - заголовок, информация о рубрике, количество просмотров, время на чтение и дата публикации. Порядок не имеет значения.

8. Стандарт в 2 колонки
Вариация стандартного варианта, но без сайдбара, на 2 колонки. Здесь рекомендуется использовать деление записи при помощи more, чем ближе к заголовку, тем лучше. Оптимально для вывода видео или аудио роликов с внешних интернет-сервисов. Подойдет чётное количество записей.

9. Список 1 в 3
Оригинальный вывод записей, довольно редко встречающийся на сайтах. Анонсы выводятся сеткой по два в ряд с текстом и кнопкой внутри, однако первая и каждая третья (именно поэтому 1/3) ячейки отличаются от остальных и представляют собой блок на всю ширину колонки, с миниатюрой в фоне и текстом поверх неё. Оптимален нечетный порядок, кратный трём.

10. Портфолио
В этом варианте на главной выводится портфолио в виде ячеек одинаковой высоты по 3 в ряд, большую площадь которых занимает миниатюра. При наведении мыши на картинку, появляется текст, предлагающий открыть изображение, если кликнуть по нему, то картинка из ячейки откроется в том же окне или в лайтбоксе (если включен плагин Responsive Lightbox). Открыть саму запись можно по клику на заголовок.

Портфолио снабжено фильтрами, через которые задаём вывод нужных рубрик - не всех подряд, а конкретных, нужных вам. Клик по фильтру собирает записи из одной рубрики с красивым эффектом, и скрывает те, которые к данной рубрике не относятся. Максимальное количество ячеек - 30. В отличие от предыдущих 9 вариантов, где количество записей на главной регулируется в настройках сайта, здесь оно задано самой темой. Подробнее о настройке портфолио см следующий пункт инструкции.

Сайдбар на сайте - последняя опция данной страницы консоли, выберите, с какой стороны включить боковую колонку, справа или слева.

Медиа

Здесь производится настройка медиа объектов сайта. Слайдер или карусель, на выбор. Либо ничего не выводим, только записи.

Слайдер размещается по центру страницы, состоит из 5 слайдов, для каждого из которых здесь можно задать изображение, заголовок, короткий текст, а также ссылку на любую страницу, которая откроется при клике на слайд. Первые два слайда включены по умолчанию, остальные три - по желанию. Поставьте галочку, чтобы включить 3, 4 или 5 слайд.

Рекомендуемый размер картинки для слайдов - 1200х600 пикс. Старайтесь уменьшить вес изображений как только можно. Чем меньше вес картинки, тем лучше для сайта.

Карусель выводится на весь экран (максимальная ширина 1900 пикс). На широких экранах от 1280 до 1900 пикс. размещается пять записей, на экранах от 1024 до 1280 - три записи, на экранах от 414 до 1024 - две, до 414 - одна запись.

Имеется 2 варианта наполнения карусели, на выбор:

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

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

Что такое Лучшие записи?

Откройте любую запись, найдите в ней блок:

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

Максимум записей в карусели - 10. Минимум - 5.

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

Если не нашли блок "Лучшая запись", загляните под кнопку "Настройки экрана" в правом верхнем углу, поставьте галочку в соответствующее поле:

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

Портфолио

Если ранее вы включили на Главной странице портфолио, перейдите к этому пункту для настройки.

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

Портфолио имеет функцию фильтра. Фильрация работает так -

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

Например, нужно вывести примеры работ фотографа. Среди них есть фотографии разных жанров. Мы не хотим, чтобы портфолио превратилось в салат из разных ингридиентов, мы хотим упорядочить примеры фотографий по категориям (природа, свадьбы, портреты, макросъемка).

Создаем главную рубрику на сайте - Портфолио.

Потом создаем подрубрики (или дочерние рубрики, как их тоже называют) - Природа, Свадьбы, Портреты, Макросъемка.

Все эти подрубрики должны все иметь одного родителя - рубрику Портфолио.

Например:

Так у нас получается следующая иерархия:

Публикуем несколько записей, в каждой из них в поле "Изображение записи" ставим картинку. Одну запись размещаем в Природе, другую - в Свадьбе и так далее.

Здесь, в консоли, выбираем родителя - рубрику Портфолио:

Всё, теперь наши записи - примеры работ - выводятся в Портфолио, с фильтрами Природа, Свадьбы, Портреты, Макросъемка, клик по фильтру покажет записи, относящиеся к одной конкретной рубрике, остальные будут скрыты.

По умолчанию на сайте используется слово "ФИЛЬТР", вы можете заменить его на любое другое из консоли, например, поставить "НАШИ ОБЪЕКТЫ", "ПОРТФОЛИО" или любой другой вариант.

При наведении мыши на картинку в портфолио появляется окошко с текстом "Открыть изображение"

Если на сайте активирован плагин Responsive Lightbox, картинка по клику откроется в лайтбоксе, вид которого можно выбрать в настройках плагина:

Настройка элементов записей и страниц

Время на чтение

Прикольная фишка, опция, которая показывает, сколько времени нужно, чтобы прочесть запись. Известно, что взрослый человек в среднем прочитывает 180-200 слов в минуту. Тема извлекает из базы данных количество символов записи и делит их на 200, получая частное - количесто минут на чтение. Включить / отключить.

Рубрика в записях

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

Дата, комментарии, количество комментариев и др в записях

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

Дата на страницах

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

Дата в анонсах

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

Навигация внутри записей

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

Похожие записи

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

Если у записи нет похожих, выводится такое сообщение:

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

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

Настраиваем кнопки таких социальных сетей и сервисов, как Facebook, ВКонтакте, Одноклассники, YouTube, Twitter, Instagram, Telegram, Google +, Мой мир. Просто включите кнопки тех сетей, которые нужны, и вставьте в соответствующее поле ссылку на свой аккаунт (например, https://twitter.com/goodwinpress). Ненужные - отключите. Сами кнопки ставим виджетом в любой из 6 сайдбаров (четыре в подвале, один на главной сбоку и сбоку на всех остальных страницах).

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

Кнопки Поделиться

Под текстом каждой записи или страницы размещается ряд иконок, основанный на сервисе Яндекс. Поделиться. С его помощью посетитель расшарит ваш контент в сетях ВКонтакте, Facebook, Одноклассники, Google + , Twitter, транслирует его в Viber, WhatsApp, Telegram, Skype.

Они уже размещены в шаблоне, вам остается только включить их.

Сделай сам

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

Помните: самые простые варианты - самые лучшие. Не нужно назначать каждому объекту свой цвет. В противном случае сайт превратится в пёстрое нечто, на котором никто не захочет оставаться. Для оформления сайта обычно используется палитра из 3-5 цветов максимум. Как видите, на этой странице цвета преимущественно повторяются. Следуйте тому же правилу. Выберите один основной цвет, один дополнительный и пару оттенков для активных элементов (ссылки, кнопки в норме и при наведении мыши).

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

Гармоничные цвета для оформления сайта вы найдете на сервисе http://www.colourlovers.com/palettes, там представлено несколько миллионов различных цветовых комбинаций. Когда мне нужно раскрасить сайт, первым делом иду туда.

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

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

Виджеты темы

В теме имеется 5 встроенных виджетов (встроенный потому, что является частью темы, если тему отключить, то пропадет и сам виджет). Все они равно подходят как для боковой колонки, так и для подвала.

Кнопки социальных сетей

Социальные кнопки настраиваются в консоли темы и выводятся в любой сайдбар при помощи готового виджета. Сам виджет не имеет настроек.

Избранная рубрика

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

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

На сайте это выглядит так:

Виджет «Об авторе»

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

Ценность его в том, что

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

На сайте это выглядит так:

Рекомендуемый размер для фото автора - 200х200 пикс.

Свежие записи

Виджет для внутряков. Выводит список 3 последних записей сайта. Имеет ценное свойство - если посетитель зашел в одну из свежих записей, она исключается из виджета автоматически (без дублей).

Красивые рубрики

Список рубрик сайта первого уровня, в красивом оформлении. Для сравнения -

Обычный виджет рубрик:

Виджет темы:

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

По умолчанию в оформлении виджета использованы серые оттенки. На странице консоли "Сделай сам" их можно заменить на любые другие.

Шорткоды

Это популярная функция WordPress, которая позволяет размещать в записях сайта какой-либо произвольный контент. Пример самого простого шорткода: [gallery]. Поставьте его в запись или на страницу, и после сохранения он будет выводить галерею. Шорткоды широко используются в мире WP для отображения галерей, слайдеров, кнопок, разделителей и прочих элементов. Популярный плагин для отправки сообщений Contact form 7 выводит свои формы при помощи шорткода. Во встроенный загрузчик темы добавлен плагин Bwp Shortcodes, его сделал Alexey Trofimov http://themeforest.net/user/BirdwpThemes.

Данный плагин позволяет вставлять в записи следующие элементы:

- кнопки,
- аккордеоны,
- спойлеры,
- табы (вкладки),
- разделители,
- подсветка текста,
- информационные блоки,
- разбивать текст на несколько колонок.

Как это работает?

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

В результате, в нашей записи появляется шорткод кнопки:

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

Если хотите сделать голубую кнопку - вместо red впишите blue, если оранжевую - orange, если желтую - yellow, зеленую - green, пурпурную - purple, розовую - pink, черную - black. То есть, если вы пожелаете сделать розовую кнопку с текстом "Купить шаблон" и ссылкой на goodwinpress.ru, конечный результат у вас будет таков:

А на сайте она будет выглядеть так:

Точно так же вставляем любые другие элементы.

Примеры объектов, которые можно получить из шорткодов данного плагина, можно увидеть по ссылке: http://demo2.goodwinpress.ru/simpatika/shortkody/

Изображения в теме

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

В данной теме (впрочем, как и во всех моих темах) используется специальный скрипт, который автоматически подгоняет ваши изображения под определёную форму и размер. Это сделано, чтобы вы могли экономить своё личное время, самую дорогую вещь на свете, и не тратили его на подгонку картинок вручную. За вас это сделает шаблон. Разумеется, в ряде случаев картинки могут быть обрезаны. Таков компромисс. Например, у вас в качестве миниатюры вставлено изображением размером 500х250, а миниатюра в рубрике должна иметь параметры 300х160, под которые ваша картинка не вписывается ни по ширине, ни по высоте. Поэтому изображение будет обрезано, но без искажения пропорций, растяжения или других нарушений внешнего вида.

Тем не менее, чем точее изображение попадает в размер, тем лучше внешний вид сайта.

Рекомендуемые размеры для разных типов главной страницы:

1. Сетка в 2 колонки - 440х250 пикселей;
2. Список flex - 375х355;
3. Сетка в 3 колонки - ширина 380, высота не имеет значения;
4. Список wide - 812х350;
5. Сетка квадраты - 390х360;
6. Сетка квадраты wide - 390х360;
7. Стандарт - нет миниатюр;
8. Стандарт в 2 колонки - нет миниатюр;
9. Список 1 в 3 - 812х350;
10. Портфолио - 370х370.

Подсчет просмотров

Во встроенный загрузчик темы добавлен плагин Post Views Counter, считающий, сколько раз открывалась та или иная запись.

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

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

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

Конечно, этот подсчет используется не для получения статистики, для этого у админа есть профессиональные инструменты — Яндекс. Метрика или Google Analytics, о состоянии сайта следует справляться там. Но подсчет на сайте помогает продвигать контент, например, через виджет «Популярные записи». При необходимости количество просмотров для каждой записи можно задать вручную.

Настройка

Перейдите на страницу плагина:

Вкладку General настройте так, как на скриншоте:

Вкладку Display настройте так, как на скриншоте:

После чего можно уже перейти на страницу виджетов, поставить виджет Most Viewed Posts в сайдбар или подвал, его наилучшие настройки такие:

Изменение значений

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

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

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

Также этот плагин выводит просмотры в админку сайта - в список записей и главную страницу.

Отправка сообщений

Во встроенный загрузчик темы добавлен плагин Contact Form 7, который является едва ли не лучшим и наиболее популярным бесплатным плагином для размещения на сайте контактных форм и отправки сообщений. Рассмотрим процесс размещения формы в сайдбаре, как на демо-сайте.

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

В поле "Шаблон формы" уже размещен какой-то предустановленный код, удалите его, на его место поставьте такой:

[text* your-name placeholder "Ваше имя *"]
[email* your-email placeholder "Ваш e-mail *"]
[textarea your-message placeholder "Сообщение"]
[response]
[submit "Отправить"]

Сохраните форму и обратите внимание, что в ней появился шорткод:

Скопируйте его.
Перейдите на страницу Виджеты.
Найдите в ней виджет под названием "HTML-код".
Перетащите его в сайдбар.
В содержимое этого виджета вставьте шорткод формы.

В принципе, это всё.

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

Очень просто - в тот же виджет, под шорткод формы вставьте вот такой:

[gp_checkbox]

Сохраните виджет, и форма с подтверждением появится у вас на сайте:

Постраничная навигация

Для перехода с главной по другим страницам блога используется постраничная навигация, реализованная через классический плагин WP Pagenavi.

Чтобы постраничная навигация выглядела у вас так же, как на демо-сайте, перейдите в админке сайта в настройки плагина WP Pagenav и установите их так, как этом скриншоте:

Чистая страница

Если вы работаете с Visual Composer или WP Page, используете какой-либо плагин для создания шаблонного лэндинга, вам потребуется чистая страница - которая поддерживает подключенные к сайту стили и скрипты, но выводится без меню и подвала, размещается на весь экран, без очерченного темой контейнера. Такая страница в теме есть. Чтобы подключить ее, создайте новую страницу (или это может быть уже существующая страница, которую вы предназначили для работы), в ее Свойствах найдите выпадающий список, где по умолчанию установлен "Базовый шаблон".

Замените его на шаблон "Чистая страница" и сохраните настройки страницы. Это всё, что требуется.

Оптимизация

Что сделано, чтобы тема работала быстро? Используется минимум кода. Убран мусор из шапки, который традиционно выводится движком — dns perfetch, версия движка, ссылки canonical, rsd_link, adjacent_posts_rel_link, убран вывод скрипта и стилей emoji. Скрипты темы соединены в один файл, сжаты и перенесены в подвал. Стили темы сжаты компромиссно, чтобы и загружаться за короткое время, и в то же время — с подписями и компоновкой, чтобы в них было легко разобраться. Ноль ошибок в дебаг режиме. Разметка полностью валидна. Стили темы валидны, за исключением свойств типа -webkit-keyframes или user-select, которые не являются ошибками, используются для карусели, и просто не включены в спецификацию.

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

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

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

Как раскомментировать код переноса стилей? Откройте файл темы functions.php, на строчках 37-46 находим такой код:

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

// remove_action( 'wp_head', 'wp_print_scripts' );
// remove_action( 'wp_head', 'wp_print_head_scripts', 9 );
// remove_action( 'wp_head', 'wp_enqueue_scripts', 1 );
// add_action( 'wp_footer', 'wp_print_scripts', 5 );
// add_action( 'wp_footer', 'wp_enqueue_scripts', 5 );
// add_action( 'wp_footer', 'wp_print_head_scripts', 5 );

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

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

Дубли

Многие знают, что несколько лет назад появилась проблема с так называемым relytocom - дублями страниц, которые попадают в поиск и понижают сайт в выдаче. Причиной этой проблемы были древовидные комментарии WordPress. Хочу сообщить, что в данной теме эффект replytocom заблокирован изначально. Если у вас новый сайт и вы ставите на него тему Simpatika, то не столкнетесь с этой проблемой. Если же сайт ведется давно и имеет сложности с replytocom, то тема, конечно, не сможет волшебным образом исправить ваши позиции в выдаче. Шаблон работает только с новыми комментариями. Старые уже проиндексированы, убрать их из поиска можно только через robots.txt.

Emoji

Emoji это библиотека смайлов. Команда WordPress решила добавить эти смайлы в сборку движка. Они появились в версии 4.2 и выводят в шапке сайта несколько ссылок на скрипт и файл стилей. Не очень хорошо, что они принудительно выводятся на сайте и формируют лишние запросы. Для ускорения работы шаблона, эти эмодзи в данной теме заблокированы. Если вдруг вы фанат эмодзи и они вам крайне необходимы, напишите мне с указанием вашего id номера, я расскажу, как вернуть их назад.

Локализация

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

В директории темы расположена папка languages, внутри лежит файл gpress.pot. Скачайте с сайта poedit.net официальную бесплатную программу PoEdit, откройте в ней файл gpress.pot. Программа сразу предложит вам создать на основе данного файла новый перевод.

Переведите русские слова на их аналоги в новом языке. После сохранения переведенного документа, у вас появятся 2 файла, один с расширением .mo, другой с расширением .po. Оба этих файла загрузите по ftp в ту же самую папку languages, где лежит gpress.pot. После этого в настройках сайта включите нужный язык - тексты шаблона будут отображаться в соответствующей языковой среде.

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

Техподдержка

В случае возникновения каких-либо вопросов или проблем, связанных с темой, напишите мне на почту goodwinpress@ya.ru. Поддержка осуществляется только по email. В теме письма обязательно укажите ваш ID номер, который выдается вместе с темой. Не лишним будет также указать адрес сайта и название вашего хостинга.

Какие письма не рассматриваются:

- те, в которых не указан ID номер клиента,
- те, в которых ID номер не совпадает с адресом электронной почты, на которую высылался шаблон.

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

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

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

Часто задаваемые вопросы

Могу ли я использовать эту тему на нескольких своих сайтах?
Да, вы можете использовать тему на любом количестве СВОИХ сайтов без ограничений. Для использования темы на сайтах других людей (клиентов, друзей и т.п.) вы должны оплатить стоимость используемой копии (со скидкой 25 процентов) и сообщить адрес сайта, на который её ставите.

Могу ли я публиковать или продавать эту тему?...
Нет, вы не можете публиковать тему, выдавать за свою, раздавать или продавать копии темы.

... даже если я изменил тему?
Нет, даже если изменили, это все равно остается тема от goodwinpress.ru, только измененная.

Вы делаете шаблоны на заказ?
Нет, такая работа мне не интересна.

Должен ли я в обязательном порядке сохранять авторскую ссылку в подвале темы?
Я не ставлю никаких ссылок в шаблон, даже стандартной авторской. Цените!

Если нашли опечатку

Друзья, создание шаблона, его тестирование, составление инструкции - это большая работа. Иногда автор может ошибиться в мелочах. Если вы нашли в данной инструкции опечатку или грамматическую ошибку, сообщите мне об этом, чтобы я внес исправления. Спасибо! Почтовый адрес goodwinpress@ya.ru








© GoodwinPress, 2017