Задание для обучения 2
Мы начали знакомится с тем что такое WordPress, как он устроен.
- Установили OpenServer, который помогает делать нам сайты на локальном хосте.
- Создали новый домен, закачали на него последнюю версию вордпресса.
- Создали базу данных и пользователя в phpAdmin.
- Установили вордпресс на домен.
- Сделали базовые настройки (ЧПУ, изменили вид постоянных ссылок, настроили перевод кириллицы в латиницу).
- Узнали что такое плагины и как их устанавливать.
- “Поигрались” с темами;
- Установили плагин Elementor и кратко изучили его.
- Узнали куда смотреть, чтобы сделать красивые элементы в Elementore.
Новое задание для закрепления пройденного и изучения нового:
ВНИМАНИЕ! СНАЧАЛА ПРоЧИТАТЬ ПОЛНОСТЬЮ ВСЕ ЗАДАНИЯ!
- для домена kirpich-granit.by, созданного на локальном сервере:
- создать landing page со следующей структурой:
- шапка (header) Логотип справа (все материалы будут в папке “материалы для сайта” в папке kirpich-granit.by, слева слова “Кладочный кирпич”. Фон шапки градиент от темно-коричневого до белого с правого верхнего угла в левый нижний угол.
- Блок “Наши преимущества”: Фон этого блока картинка “фон-для-блока-наши-преимущества” внутренний отступы основного контейнера по 100px, высота – 600px. В основном контейнере два внутренних контейнера (Внутренний контейнер А и внутренний контейнер В), для каждого из них фон белый. Содержимое для вн. контейнера А: Мы производим лучший кирпич. Содержимое для вн. контейнера В: У нас самые низкие цены. Для обоих текстов размер шрифта 34, цвет красный, жирный. Тест должен появляться с анимацией FadeIn с задержкой 1,5 секунды для блока А и с задержкой 3 сек для блока Б.
- Подвал (footer). Фон футера черный. Контактные телефоны: 5555555 и 66666666 в колонку друг под другом. Цвет текста желтый. Размер 55. Вокруг телефонов рамка в 1px белого цвета из одной сплошной линии.
- создать landing page со следующей структурой:
- Для домена test.it-land.by
- Установить тему GeneratePress.
- Создать Страницы: главная, документы (для этой страницы выбрать шаблон с сайдбаром), публикации.
- Создать новое меню с название “main V”, в него добавить пункты в такой очередности: Документы, Публикации, Главная. Сделать так, чтобы это меню было видно в Шапке сайта (установить на стандартное место).
- Сделать так, чтобы главной странице была статичная страница “Документы”, а для записей выбрать страницу “Публикации”.
- Вернуть шаблон темы “Basic” обратно.
- Установить плагин Contcat Form 7. Создать контактную форму “Правила” со стандартным содержимым. Контактная форма должна отправляться на адрес info собака it-land.by (ответить на вопрос почему именно так написан почтовый ящик в этой статье, сам адрес в контактную форму вставлять в нормальном виде, вместо слова собака символ).
- Создать новое всплывающее окно в PopUpMaker с название “Desteny”. В его содержимое добавить выше созданную контактную форму “Правила”. Появляться форма должна при нажатии на слово “ФОРМА” на странице “Документы: созданной выше. Всплывающее окно должно занимать нижнее положение на страница при появлении, появляться плавно, занимать всего 40% ширины экрана. Закрываться форма должна на красный крестик.
- Добавить для сайта test.it-land.by нового пользователя с правами редактора и логином TESTER и обычного пользователя с логином Kaxy. Также создать пользователя с правами администратора в произвольным логином. Под этим логином ты будешь делать все правки на сайте. То есть тебе надо будет выйти из учетной записи TESTIL и залогиниться под вновь созданным паролем и логином администратора.
- На сайте test.it-land.by для страница “Документы” включить комментарии и написать комментарий “ТУТ КОММЕНТАРИЙ. Одобрить этот комментарий, чтобы он опубликовался.
- Добавить виджет “Календарь” в боковой сайдбар страницы “Документы” на сайте test.it-land.by
- На странице https://it-land.by/webmasteram/study/zadanie-dlya-obucheniya-2/ написать минимум два комментария по вопросам возникшим в процессе выполнения задания.
- Добавить на сайт три записи. Первая с название “Первая”, содержимое произвольное. Установить также произвольную картинку для записи. Для второй записи название “Тестовая без картинки” – с произвольным содержимым и не устанавливать картинку для этой записи. Третья запись с название “Изучаю записи”. Для нее установить произвольную картинку и скопировать содержимое записи “Копировать от сюда”, которая опубликована уже на сайте test.it-land.by
- Отредактировать запись “Копировать от сюда”: добавить ее в новую рубрику “От Вити” (эту рубрику надо создать).
- В основной консоли вордпресса. Найти подраздел “Комментарии”. Удалить комментарий начинающийся на “Сам такой.”. И отклонить комментарий “Правильный комментарий.”
Как привязать контактную форму (созданную в Contact form 7) к всплывающему окну?
Для этого надо зайти в плагин, который создает всплывающие окна и открыть созданный popup, в который хочешь добавить контактную форму, и вставить в содержимое попапа shortcode контактной формы.