Neva

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

Поскольку Neva это тема для новостного сайта / статейника, то на её главной странице будут представлены ваши последние записи. Создавать для главной какую-то отдельную статическую страницу не требуется. Тема уже готова к работе. Осталось только настроить её в консоли.

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

06. Консоль темы

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

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

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

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

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

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

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

- Если у вас включен админбар, то переходить в консоль можно прямо с сайта:

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

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

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

---

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

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

---

Статистика для сайта

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

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

Второе поле для Яндекс Метрики без информера-кнопки. Существует 2 версии Метрики - с кнопкой (информером) и без. Сюда ставим именно счётчик без кнопки. Он будет выводится на сайте в шапке около тэга body.

Третье поле - для счётчиков с кнопкой, например, LiveInternet, Рамблер, Mail.ru и т.п., а также для Яндекс Метрики с кнопкой. Счётчик, размещенный здесь, будет выводиться с правой стороны в подвале сайта.

Статистика, установленная в консоли темы, охватывает все страницы вашего ресурса, исключая, конечно же, админку.

---

404 страница
По умолчанию, на 404 странице размещен такой текст:

"Дорогой посетитель! Страница, которую Вы искали, не существует, либо была перемещена на другой адрес. Перейдите на Главную, где собран весь основной контент. Либо посмотрите несколько наших последних публикаций. Спасибо!"

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

---

Микроразметка

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

Так же ошибка возникнет, если свойство включено, но не заполнено.

Насколько это важно и вообще нужно ли?

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

08. Шапка

Заголовок сайта

На выбор предлагается два варианта - либо текстовый заголовок, либо логотип - картинка.

Рекомендуемый размер для логотипа - 300х70 пикселей.

Даже если вы хотите использовать текстовый заголовок, всё равно рекомендую сделать и разместить логотип с указанными размерами, и вот почему. В тему добавлена микроразметка Schema.org, которая помогает строить сниппеты в выдаче. Чтобы разметка была правильной и успешно проходила тесты, требуется наличие всех компонентов, определенных спецификацией. Среди этих компонентов есть publisher (см. предыдущий раздел), который, в свою очередь, требует логотип. Если не ставить логотип, сайт при проверке покажет ошибку. Поэтому все же лучше сделать лого и установить его в консоли темы.

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

Если выбран текстовый заголовок, в нём отразится текст, установленный вами в разделе Настройки > Общие.

Если требуется изменить цвет текстового заголовка, сделаем это на странице "Оформление":

Если хотите, чтобы логотип был более чётким, сделайте следующее - создайте новый файл логотипа с размерами, увеличенными вдвое, то есть, 600х140 пикс. Загрузите его в консоль и поставьте галочку в соседнее поле:

---

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

В правой части шапки выводится блок с кнопками соц. сетей:

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

В данном разделе консоли вы можете включить этот блок и настроить входящие в него кнопки соц. сетей: ВКонтакте, Инстаграм, Facebook, Твиттер, YouTube, Телеграм и Одноклассники.

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

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

---

Поиск по сайту

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

Изменить цвет панели поиска и её кнопки можно в том же разделе "Оформление".

09. Слайдер и постер

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

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

В данном разделе консоли вы выбираете, какой из элементов включить на сайте. Есть и третий вариант - не выводить вообще ничего, кроме записей.

---

Слайдер

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

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

Для слайдов приготовим изображения размером 1210х640 пикс., вес - как можно меньше. Используйте сервис типа imagecompressor.com/ru, чтобы оптимизировать картинки перед загрузкой на сайт. Чем легче изображения, тем лучше для сайта. Пусть даже детализация будет не вполне чёткой - это скроет полупрозрачная маска, размещенная поверх каждого слайда.

В каждый слайд установите изображение, впишите заголовок (оптимально 5-10 слов) и разместите ссылку.

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

---

Постер

Постер настраивается таким же образом - подготовим и загрузим изображение размером 1210х640, добавим заголовок и ссылку.

10. Блог и рубрики

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

Произвольный контент

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

Например, желаем поставить галерею. Добавляем шорткод:

На сайте это отображается так:

При необходимости, данный блок можно отключить.

---

Вид записей, анонсов

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

Вариант 1 - ячейки, в 2 ряда, с цветным фоном:

Вариант 2 - список, в 1 ряд, с квадратной миниатюрой (активирован по умочанию):

Вариант 3 - список, в 1 ряд, с прямоугольной миниатюрой:

Вариант 4 - список, в 1 ряд, стандартный пост:

В дополнение к ним, ещё имеется альтернатива для первого, цветного варианта. Если вам нравится сетка по 2 ячейки в ряд, но не нравится цветные фоны, снимите галочку в соответствующем поле - фоны будут отключены.

Их вид станет более традиционным:

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

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

Зайдем в любую рубрику сайта в админке. В ней внизу появилось новое поле - "Цвет рубрики":

Нажмите на него - откроется генератор цветов, где вы можете сформировать любой оттенок по своему вкусу:

Также вам в помощь сайт colorhunt.co/palettes, где имеется множество гармоничных комбинаций цветов, включая те, которые сейчас в тренде по тем или иным причинам.

В любом случае, если выбираете 1-3 варианты, для них понадобятся миниатюры. Миниатюры в анонсы добавляются стандартно, как в любой другой WP теме - через блок "Изображение записи", который имеется в любой публикации в админке:

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

- вариант 1: 420х250 пикс,
- вариант 2: 300х300 пикс,
- вариант 3: 790х400 пикс,
- вариант 4: миниатюры не выводятся.

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

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

Если по каким-то причинам вам не подходят первые три, то выбирайте четвёртый, это универсальный стандартный вариант, в котором вы сами делите текст на внешнюю и внутреннюю части при помощи тэга More, а картинки добавляете вручную в текст, если хотите.

---

Тип анонса в записях

Варианты 2 и 3 содержат текстовый анонс. Для него в консоли есть дополнительная опция - "Тип анонса". Предоставляется выбор, откуда брать текст для анонса. Он либо будет формироваться автоматически на основе первых строк записи, либо можете делать его вручную - писать небольшую вводную к каждой публикации в блоке "Отрывок":

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

Автоматически созданный анонс: Анонс, сделанный вручную в "Отрывке":

---

Навигация по записям
На выбор предоставляется два варианта -

1) Загрузка через ajax на той же странице, по клику на кнопку
2) Стандартная постраничная навигация с цифрами.

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

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

Во втором случае, записи, которые не поместились на главной, будут выводиться на дополнительных страницах типа page/2/, page/3/ и так далее, переход по ним производится через панель постраничной навигации:

Если вы выбрали второй вариант, чтобы страницы типа page/2/, page/3/ не индексировались поисковиками, откройте ваш файл robots.txt и добавьте в него директиву Disallow: */page/ Соответствующая им разметка в зоне <head> уже удалена, как и остальной мусор. Надеюсь, вы это оцените.

---

Расположение сайдбара (боковой колонки)

В теме имеется 3 сайдбара. Первый предназначен для блога и рубрик, второй - для записей, третий для страниц.

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

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

---

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

Полезный совет. Если вы хотите превратить обычное поле для ввода описания в полноценный WYSIWYG-редактор, установите seo плагин Yoast, в нём есть такая функция. Она позволяет добавлять разметку, изображения, списки и т.п.

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

---

Список дочерних рубрик

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

11. Публикации

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

Хлебные крошки Хлебные крошки в рунете считаются важным элементом оптимизации сайта. В данной теме используются крошки, которые сделал известный разработчик Dimox (http://dimox.name), их плюс в том, что они содержат разметку по страндарту Schema.org и тем самым дополняют микроразметку темы.

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

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

neva/files/back/breadcrumbs.php

в нём найдём строчку 27
$show_current = 1; // 1 - показывать название текущей страницы, 0 - не показывать и, как следует из комментария, меняем 1 на 0.

---

Информация о записи Здесь можно выключить показ имени автора и даты публикации записи.

---

Метки в записи По умолчанию, метки (тэги) выводятся в шапке записи. Здесь отключим их, если вы не пользуетесь метками.

---

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

---

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

---

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

---

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

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

---

Кнопки "Поделиться" В теме установлены кнопки для расшаривания контента - чтобы поделиться записью в соц. сетях и мессенджерах. Они выводятся в записях и на страницах, построены на основе сервиса "Яндекс Поделиться". Набор состоит из таких сетей и сервисов, как ВКонтакте, Facebook, Одноклассники, Twitter, Viber, WhatsApp, Skype, Telegram.

С их помощью посетитель расшарит ваш контент в социальных сетях или отправит при помощи мессенджеров. Здесь вы можете включить или выключить их - отдельно для страниц и для записей.

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

12. Баннеры

Для монетизации сайта тема предлагает систему, состоящую из готовых рекламных мест и шорткодов. С её помощью вы легко разместите рекламу в разных частях сайта без применения дополнительных плагинов. Через эти готовые места выводим любые баннеры, например, контекстную рекламу Google AdSense, рекламной сети Яндекса, либо самые обыкновенные баннеры-картинки.

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

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

Самая первая опция в данном разделе - Связь сайта с аккаунтом AdSense. Если вы создали аккаунт в AdSense, его нужно активировать. Для этого система выдаёт вам код, который требуется разместить в шапке сайта между тэгами <head> и </head>. Чтобы не копаться в файлах, установите код активации в данном поле. Если вы не работаете с AdSense, просто оставьте данное поле пустым.

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

Все остальные поля данного раздела делятся на 3 части:

1) рекламные места на главной, в рубриках, других архивах и поиске,
2) рекламные места в записях,
3) рекламные места, добавляемые через шорткоды, для установки в любом месте.

---

Баннеры на главной, в рубриках

На этих страницах рекламные места размещаются следующим образом:

баннер 1 выводится над записями,
баннер 3 демонстрируется под записями, в самом низу.

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

То есть, в первом случае, баннер 2 будет дуплицироваться каждый раз, как посетитель нажимает на кнопку; общее число баннеров на главной будет зависеть от количества записей. Например, на 12 записей выводится 4 баннера: Во втором случае примерно так же - рекламное место выводится после каждого четвертого поста, при 12 записях баннеров будет 4 или даже 5 - если включен нижний (он тут только для примера - на реальном сайте, конечно, это избыточно):

Настройка рекламных мест крайне проста: Вы включаете нужный баннер и добавляете в его поле код вашего рекламного объявления.

---

Баннеры в записях

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

На самом деле, это ещё не все. Для установки рекламных объявлений внутри записи в теме приготовлена пара шорткодов.

Их два на тот случай, если вы, например, даёте на сайте рекламу одновременно от нескольких сетей, скажем, и от Гугла, и от Яндекса. С их помощью можно увеличить количество рекламных мест в записи с трех до любого разумного числа.

---

Баннеры в шорткодах

Добавьте в эти поля код рекламы, после чего откройте любую запись и просто разместите между абзацами такие шорткоды:
[banner] или [banner2]

С учетом баннеров, выводимых через шорткоды, количество рекламных мест в записи уже не равно трём - оно не ограничено: любое количество в любых местах.

Конечно, скриншот только для примера. Шесть реклам на три абзаца текста - перебор; просто для демонстрации возможности.

Также данные шорткоды используем и на страницах.

Дополнительные баннеры, если нужно, ставьте в сайдбар при помощи текстового или html виджетов.

16. Шапка сайта и меню

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

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

Для этого перейдите в админке сайта на страницу Внешний вид > Виджеты, там имеется два специальных блока для наполнения, куда можно добавлять виджеты: "Шапка Центр" и "Шапка Справа".

---

Как добавить меню?

В данном блоке, в левой части, выводится два меню. Перейдите на страницу Внешний вид > Меню. Обратите внимание на опцию "Область отображения". В ней имеется два поля для установки галочек - "Меню в шапке 1" и "Меню в шапке 2".

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

Таким образом в меню можно поставить любое количество пунктов.

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

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

При просмотре сайта с мобильного устройства, кнопки шапки выстраиваются под логотипом / заголовком, а меню объединяется в одну колонку:

Цвет шрифта и фона меню легко заменить на любые другие в разделе консоли "Оформление":

---

Как добавить пункт "Главная" в меню?

В этом поможет блок "Произвольные ссылки". Раскрываем его, в поле "URL" ставим символ слэш /, в поле "Текст ссылки" пишем Главная, нажимаем кнопку "Добавить" - пункт "Главная" попадает в меню, мышкой переставляем его в самый верх списка.

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

Если вы работаете с плагинами типа Elementor или WP Page или используете какой-либо другой page builder для создания шаблонного лэндинга, вам потребуется чистая страница - которая поддерживает подключенные к сайту стили и скрипты, но выводится без меню, сайдбара и подвала - пустой контейнер, чистый лист. Такая страница в теме есть. Чтобы подключить её, создайте новую страницу (или это может быть уже существующая страница, которую вы предназначили для работы), в её Атрибутах найдите выпадающий список, где по умолчанию установлен "Шаблон по умолчанию":

Замените его на шаблон "Чистая страница" и сохраните изменения. Это всё, что требуется. После этого переходим к наполнению - размещаем блоки, шорткоды и прочее.

18. Дочерняя тема

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

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

В этом поможет дочерняя тема.

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

Как делать изменения в дочерней теме?

Скажем, вы хотите добавить что-нибудь в записи сайта, чтобы какой-либо объект выводился в каждой записи под текстом, например, форма подписки. Поскольку речь идет о записях, вам нужен файл single.php. В дочерней теме neva-child-theme такого нет, в ней всего три файла - style.css, functions.php и файл скриншота. Поэтому вы копируете файл single.php из папки родительской темы в папку neva-child-theme, и уже там, в дочерней, открываете его и меняете под себя, вставляете вашу подписку.

Если нужно изменить стили, для этого нужен файл style.css. Такой файл уже есть в дочерней теме neva-child-theme. Поскольку он уже фактически имеется, то копировать ничего не нужно, используем его.

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

.wrap{width:100%;max-width:1280px;margin:0 auto;background:#fff}

В нём ширина контейнера сайта задана свойством max-width:1260px; а вы вдруг хотите сделать шире, 1300.

Откроем файл style.css в дочерней теме, найдем строчку

/* * * * * * * * * * * Размещайте ваши стили под этой строкой * * * * * * * * * * */

под ней поставим выбранный селектор и впишем свойство, которое хотим изменить:

.wrap{max-width:1300px}

Сохраните измененный файл и обновите страницу сайта, вы увидите, что сайт стал шире на 40 пикселей. Приоритет в отрисовке стилей отдаётся дочерней теме. Все осталось как было, а ширина изменилась. Вот так это и работает.

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

---

Мега-полезный совет

Приобретите полезную привычку - чистить кэш в браузере после того, как делаете какие-либо изменения в стилях или скриптах темы. Чтобы сразу видеть результат изменений, актуальный вид страницы, а не её старую копию из кэша. Если также используется плагин для кэширования, например, WP Super Cache или аналоги, отключайте его на время проведения работ, либо удаляйте просроченный кэш в настройках плагина по ходу дела. Это сэкономит вам время, и отпадет лишний повод обращаться в техподдержку с вопросами типа "Я делаю изменения, а на сайте всё остается по-прежнему, вот на старой бесплатной теме такого не было" и т.п.

19. Проблемы после установки темы и их решение

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

Данная тема имеет высокую скорость загрузки. Это свойство достигается за счет оптимизации кода - в теме реализованы некоторые функции, которые делают ее быстрее, позволяют получить больше баллов в Google Speed Test. Но не все добавленные вами плагины / скрипты могут быть так оптимизированы. Поэтому они не справляются и не работают. Чтобы вернуть их к жизни, отключите некоторые функции темы.

Как это сделать - два варианта

1) Первое, что нужно попробовать, это открыть файл темы files/back/optimize.php, вверху найдите код // переносим скрипты сайта в подвал для ускорения
function gp_footer_enqueue_scripts() {
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_enqueue_scripts', 'gp_footer_enqueue_scripts'); и удалите его.

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

2) Если это не помогло, пробуем второй вариант, более радикальный. Для этого откройте файл темы functions.php, найдите в нем строчку // меняем разметку изображений для отложенной загрузки
require get_template_directory() . '/files/back/data-src.php'; закомментируйте или удалите её.

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

20. Оптимизация

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

Добавлен эффект отложенной загрузки изображений и видео-роликов lazy load, что само по себе даёт существенную прибавку в скорости. В теме используется самый популярный из гугловских шрифтов - Roboto, но его библиотека размещена в самой теме и не требует обращения к сторонним серверам, поэтому страница рендерится быстрее. Для иконок применяется библиотека dashicons, которая уже входит в комплект самого движка - еще экономия времени и ресурсов.

Сама по себе тема легкая и получает высокие баллы при проверке:

- для мобильных - для десктопов

И это даже без применения каких-либо кэширующих плагинов.

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

Откройте файл темы files/back/optimize.php, вверху найдите код

// переносим скрипты сайта в подвал для ускорения
function gp_footer_enqueue_scripts() {
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_enqueue_scripts', 'gp_footer_enqueue_scripts'); Удалите его, вместо него поставьте такой код: // переносим все стили и скрипты сайта в подвал для ускорения
// внимание, принудительный перенос всех стилей сайта в подвал
// может негативно сказаться на работе некоторых плагинов и элементов сайта
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 );


Такое небольшое изменение сразу даст ещё несколько очков.

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

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

Emoji

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

Кэш и картинки

Используйте кэширование, обязательно включите на сайте какой-нибудь из популярных кэширующих плагинов, например, WP Super Cache. Следите за размером загружаемых изображений, делайте их вес как можно меньше при помощи сервисов типа https://imagecompressor.com/ru/. Тогда ваш сайт будет открываться быстрее. Лучше пожертвовать качеством картинок, чем оттолкнуть посетителя медленной загрузкой. Если сайт еле дышит, ваши качественные hd картинки никто, кроме вас, не увидит.

21. Локализация

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

Для локализации есть 2 способа, на выбор:

1) Использовать плагин

Существует несколько плагинов для перевода темы на нужный язык. Например, Loco Translate. Он позволяет редактировать файлы переводов WordPress прямо в админке сайта. Ссылка на плагин: ru.wordpress.org/plugins/loco-translate/. Инструкции по работе с ним легко найти в Гугле.

1) Использовать программу PoEdit

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

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

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

22. Безопасность

Данная тема продается по лицензии - на 2 домена. Она содержит фрагменты зашифрованного кода, которые защищают тему от халявы, воровства и нарушения лицензии.

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

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

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

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

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

Что касается защиты сайта от взлома и уязвимостей, существуют 4 правила:

1) установите сложные и регулярно обновляемые пароли на почту, админку сайта и ftp,

2) не используйте темы и плагины, скачанные на сайтах-помойках, применяйте ПО из официальных источников,

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

4) установите на сайт плагин Wordfence и настройте его, это популярное и прекрасное решение для комплексной защиты сайта, даже в базовой версии.

Такие простые меры обеспечат вам защиту лучше, чем эти антивирусные сервисы, предлагаемые хостингами.

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

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

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

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

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

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

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

Поддержка на goodwinpress осуществляются ежедневно, без выходных.

График работы:
понедельник - пятница: с 10:00 до 21:00
суббота - воскресенье и праздники: с 12:00 до 20:00

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

Могу ли я использовать эту тему на нескольких своих сайтах?
Данный шаблон продается под конкретные домены. Поэтому при покупке темы необходимо сообщить адрес сайта, на котором она будет использоваться. Если вы установите копию темы на другой сайт, она просто не будет работать. Лицензия распространяется на 2 сайта. Для того, чтобы использовать тему на 3 или 4 сайте, требуется оплатить лицензию еще на пару сайтов.

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

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

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

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

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

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

© GoodwinPress, 2019