Файл: Содержание курса.docx

, нажимаем «Сгенерировать тег» -> Текстовое поле и по аналогии создаем поле Фамилия и Телефон, копируя и вставляя код в шаблон формы и шаблон письма. Отличие только в том, что для поля Фамилия ставить галочку для обязательного заполнения не нужно.

После добавления полей Имя, Фамилия и Телефон редактор формы будет выглядеть так:

7. Теперь создаем поле Удобное время звонка. Для этого нажимаем «Сгенерировать тег» и выбираем «Выпадающее меню».

В поле Выбор пишем в строчку по одному варианту, в нашем случае это время с 8-00 до 18-00 с промежутками в два часа. После заполнения копируем соответствующие строчки кода в шаблон формы и шаблон письма.

В итоге у вас должно получиться вот так:

8. Сохраняем форму нажав кнопку «Сохранить».

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

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

13. КАК РЕДАКТИРОВАТЬ CSS В WORDPRESS

В WordPress можно добавить свои CSS стили или изменить существующие вашего шаблона(темы).

Способ №1

1. Заходим в административное меню и переходим в Внешний вид -> Редактор.

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

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

Способ №2

Для редактирования стилей этим способом нам нужно:

1. Найти файл style.css в корне папки вашей активированной темы (шаблона).

Путь к файлу: wp-content\themes\название_вашей темы\style.css

2. Открываем с помощью текстового редактора (я пользуюсь Notepad++) файл style.css и вносим необходимые изменения.

3. После того как внесете все необходимые правки в стилях не забудьте сохранить файл style.css.

14. КАК ДОБАВИТЬ ИКОНКУ В МЕНЮ WORDPRESS

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

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

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

Создание меню с иконками в WordPress

Для создания меню с иконками мы будем использовать плагин Menu Icons.

1. Устанавливаем и активируем плагин Menu Icons.

2. Переходим в Внешний вид -> Меню.

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

4. В настройках пункта меню нажимаем Select.

5. В открывшемся окне выбираем иконку, и указываем параметры отображения в настройках с правой стороны.

Свойство Position отвечает за позицию иконки в меню. Если Вы выберите Before — иконка будет отображаться перед названием пункта меню, а если After — после названия.

Vertical align отвечает за выравнивание иконки по вертикали, значение Middle (выравнивание средней точки иконки по базовой линии) будет по умолчанию. Его менять не будем.

Font Size — настройка размера иконки. Чем больше значение — тем больше размер иконки.

После выбора иконки нажимаем в нижнем правом углу кнопку Select,а после кнопку «Сохранить меню».

Вот что получилось у нас в результате:

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

Как добавить свою картинку в меню

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

1. В открывшемся окне, которое появляется после нажатия на Select (в пункте меню) нажимаем Image. После этого загружаем изображение на вкладке «Загрузить файлы» или выбираем из уже загруженных ранее файлов на вкладке «Библиотека файлов».

2. Сохраняем изменения нажав кнопку «Сохранить меню»

15. КАК ПЕРЕВЕСТИ ТЕМУ ИЛИ ПЛАГИН НА РУССКИЙ ЯЗЫК

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

Как сделать перевод темы или плагина WordPress

Для перевода мы будем использовать плагин Codestyling Localization. Он простой, интуитивно понятный и работать с ним одно удовольствие. Также с его помощью можно не только создать новый перевод, а и изменять уже существующий. 1. Скачайте плагин Codestyling Localization.

2. Установите и активируйте плагин.

3. После активации перейдите в Инструменты -> Локализация.

4. Зайдите на вкладку «Темы», если Вы хотите перевести тему сайта. Если же Вы хотите перевести плагин, переходите на вкладку «Плагины».

5. После перехода на вкладку Вы увидите список плагинов или тем (в зависимости от выбранной вкладки). Нажмите кнопку «Добавить новый язык» напротив нужной Вам темы или плагина.

Создаем перевод дня плагина YITH Woocommerce Compare

6. В открывшемся списке выберите язык, на который Вы хотите сделать перевод и нажмите кнопку «Создать po-файл».

7. Теперь напротив добавленного языка нажмите кнопку «Сканировать». В открывшемся окне еще раз нажмите «Сканировать», и после завершения сканирования нажмите кнопку «Завершить».

8. После окончания сканирования нажмите кнопку «Редактировать».

9. На открывшейся странице нажимаем «Редактировать».

10. В открывшемся окне Вы увидите оригинальный перевод и поле, в котором нужно написать перевод. После того, как Вы указали перевод — нажмите кнопку «Save & Next».

11. Когда Вы переведете все строчки, нажмите кнопку «Генерировать mo-файл».

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

16. КАК СКРЫТЬ ПУНКТЫ МЕНЮ ОТ НЕЗАРЕГИСТРИРОВАННЫХ ПОЛЬЗОВАТЕЛЕЙ В WORDPRESS

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

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

Как создать два разных меню в WordPress

1. Переходим в Внешний вид -> Меню и нажав кнопку «создать новое меню» создаем два новых меню.

2. Первое меню называем «Простое меню». Оно будет отображаться для незарегистрированных посетителей. Отмечаем его как «Основное».

«Простое меню»

3. Далее создаем второе меню (для зарегистрированных пользователей) и называем его «Для зарегистрированных». Отмечать его галочкой как «основное» не нужно!!!