Персонализация и наполнение веб-страницы материалом (2 часа)

2.1 Основные теоретические сведения

Где можно найти тему для WordPress?

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

Что нужно знать для установки темы?

Процесс установки темы не представляет ничего сложного. После скачивания файлов понравившегося шаблона, помещаем их в следующую папку public_html/wp-content/themes/имя вашей темы WordPress. После данных действий в административной панели сайта появится возможность активировать тему. Выбираем пункт меню «Вид», затем «Темы», выбираем требующуюся и кликаем по ней. Если все сделано верно сайт незамедлительно изменит свой внешний вид.

2.1 Практическая часть

Переходим в консоль администратора по адресу localhost/admin. В котором вводим логин и пароль, которые указали ранее. После успешного перехода вы попадете к панели управления сайтом. В левом столбце выбираем «Внешний вид» и переходим на вкладку «Темы». Производим выбор темы «Twenty Sixteen» далее весь процесс изучения будет показан на основе этой темы, рисунок 2.1

Рисунок 2.1 – Выбор темы оформления веб-страницы

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

Свойства сайта впишем в краткое описание «Лабораторная работа».

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

Фоновое изображение. При желании добавляем изображение на фон сайта Меню. Это область в которой будут отображаться ваши рубрики и страницы.

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

Дополнительные стили. Данный раздел использовать не будем.

Рисунок 2.2 – Вносим изменения

Возвращаемся обратно в консоль администратора и выбираем раздел рубрики. Нажимаем справа раздел записи, далее рубрики и добавляем новую рубрику «Мои увлечения» Нажимаем «Добавить новую рубрику», представлено на рисунке 2.3.

Рисунок 2.3 – Создание рубрики

После создания рубрики нажимаем «Записи» и «Добавить новую». Создаем 3 записи с вашими увлечениями, можно использовать вымышленные и т.д. При создании обязательно указывайте название вашей записи. Ставим галочку в правой колонке о том, что хотим поместить это в рубрику «Мои увлечения», как представлено на рисунке 2.4. По такой же системе делаем 3 записи с добавлением в рубрику мои увлечения. Не забывайте «Опубликовать».

Рисунок 2.4 – Добавление записи

Переходим в раздел «Страницы» и «Добавить новую» Добавляем 2 страницы, такие как «О себе» и «Мой институт». На этих страницах вы можете использовать вымышленные данные, представлено на рисунке 2.5.

Рисунок 2.5 – Добавление страницы

После публикации записей в рубриках и страниц переходим в раздел «Внешний вид», далее «Меню». Создаем меню, как представлено на рисунке 2.6.

Рисунок 2.6 – Создание меню

После успешного создания меню в левом столбце выбираем страницы, которые мы создали. Далее выбираем рубрику. Обязательно ставим галочку «Область отображения Основное меню», как представлено на рисунке 2.7. Не забываем нажать «Сохранить меню».

Рисунок 2.7 – Настройка меню

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

Рисунок 2.8 – Проверка элементов

Задание:

1. Описать выбор темы оформления в среде создания и управления сайтом Wordpress;

2. Описать создание рубрики в среде создания и управления сайтом Wordpress;;

3. Описать добавление записей в среде создания и управления сайтом Wordpress;

4. Описать добавление новых страниц в среде создания и управления сайтом Wordpress;

5. Описать процесс создания меню в среде создания и управления сайтом Wordpress;

6. Описать инструкцию настройки меню в среде создания и управления сайтом Wordpress;

7. Оформить отчёт по проделанной работе в ходе лабораторной работы.