Тема дипломной работы: Разработка Web-сайта с помощью локального сервера OpenServer и CMS Wordpress

Дипломная работа делится на две главы. Первая теоретическая, вторая практическая. В дипломной работе описывается процесс создания Web-сайта с помощью локального сервера OpenServer и CMS Wordpress. Дата написания дипломной работы май 2021, оценка была получена 4.

2.7. Выбор темы для WordPress

Дизайн-шаблон или тема WordPress отвечает за внешний вид и функциональность ресурса.
Выбираем и устанавливаем тему. Есть два способа. Первый: в админ-панели нажимаем «Внешний вид – Темы». Нажмаем кнопку «Добавить новую». Наводим курсор на выбранную тему и нажимаем кнопку «Просмотреть». Движок включит режим предпросмотра. Если внешний вид Web-сайта устраивает, устанавливаем и активируем тему.
Второй способ: скачиваем дистрибутив выбранной темы на компьютер. Это должен быть архив в формате .zip. В разделе админ-панели «Внешний вид – Темы – Добавить новую» загрузим и установим шаблон. После загрузки активируем его.

Рисунок 2.14. Страница настройки темы.
Каждый шаблон имеет собственные настройки.
В консоли WordPress выбираем меню «Внешний вид – Настроить». Откроется страница настройки темы или кастомайзер. Доступные пункты настройки можно увидеть в меню в левой части экрана.
В разделе «Свойства сайта» загружаем логотип, указываем название и краткое описание Web-сайта.
В разделе «Цвета» выбираем цветовую схему шаблона, а также цвет фильтра, закрепленного фото.
2.8. Создание и редактирование статичных страниц

В разделе «Меню» настраиваем меню Web-сайта. Нажимаем кнопку «Создать меню». Указываем название и область меню. Добавляем в меню нужные страницы и нажимаем кнопку «Опубликовать».

Рисунок 2.15. Настройка меню.
Страницы – это такие же разделы Web-сайта. Тот список опубликованных статей – это главная страница. На ней располагаются другие статьи. Но на страницах может быть любой контент. И они могут быть статичными, то есть показывать какую-то редко изменяющуюся информацию. Например, данные о владельце Web-сайта или тематике ресурса. В общем, что угодно на усмотрение редактора.
Сначала возвращаемся в консоль WordPress, находим там вкладку «Страницы» и выбираем нужную нам страницу. Оказываемся в редакторе. Тут можно добавлять текст, картинки, цитаты. Пишем текст и после этого жмем «Опубликовать».

Рисунок 2.16. Добавление контента на страницы.
Если вернуться назад и в меню «Страницы» выбрать «Все страницы», то перед нами появятся все доступные на сайте страницы. Тут можно их редактировать, отключать, удалять. Интерфейс интуитивно понятный, не отличается от интерфейса управления записями.
Таким образом мы добавили всю нужную информацию на наши страницы Web-сайта для пользователей.
Также заказчик попросил добавить в самый нижний блок сайта (футер) его Яндекс. Карту.
Для этого, на панели управления сайтом, переходим в меню «Редактор тем». WordPress выдаст предупреждение. Действительно, если редактировать необдуманно, то можно «поломать» свой Web-сайт. Впрочем, это не страшно, если перед этим сделать резервную копию сайта.
Нажав кнопку «Я понимаю», находим в правой части файл footer.php. Просто нажимаем на него, и файл откроется во встроенном редакторе кода.
Теперь находим нужную нам строчку и прописываем код с нашей ссылкой Яндекс. Карты. Указываем размер и обязательно нажимаем на кнопку «Обновить файл».

Рисунок 2.17. Редактор тем.