Установка плагинов
На сайт установлено 8 плагинов различного назначения.
Рисунок 21 – Установленные плагины
Плагин BackWPup используется ля полной архивации сайта в файл.
Рисунок 22 – Скачивание резервной копии базы данных сайта
Плагин Akismet предназначен для защиты сайта от спама.
Рисунок 23 – Настройки плагина Akismet
Устанавливаются плагины Contact Form 7 для формы обратной связи.
Рисунок 24 – Форма обратной связи на сайте
Установлен плагин RusToLat, который преобразует символы кириллицы в ярлыках записей в латинские эквиваленты.
Рисунок 25 – установленный плагин RusToLat
Установлен плагин Dynamic To Top, который добавляет кнопку наверх для прокрутки длинных сайтов.
Рисунок 26 – Кнопка поднятия к верху страницы
Установлен плагин WP Recall, который дает возможность пользователю доступа к личному кабинету, при выходе появляется красивое окно для входа и регистрациию.
Рисунок 27 – Личный кабинет пользователя
Рисунок 28 – Вход на сайт
С помощью плагина AddToAny Share Buttons в конце статьи появилась возможность поделиться в социальных сетях ссылкой на сайт.
Рисунок 29 – Кнопки «Поделиться»
Плагин Yoast SEO предназначен для анализа содержимого страницы, создания карты сайта в формате XML.
Рисунок 30 – Настройка и запуск плагина Yoast
Перенос сайта с локального сервера на хостинг
В качестве хостинга был выбран https://cp.beget.com/main. Это платный хостинг, но он имеет 30 дней пробного периода.
Рисунок 31 – Панель управления хостингом
Для переноса сайта была импортирована база данных, а также изменены адреса сайта в MySQL.
Рисунок 32 – База данных для экспорта
Рисунок 33 – Изменённые адреса сайтов
Рисунок 34 – Передача файлов на хостинг по FTP
После загрузки файлов, на сервере был отредактирован файл wp-config.php, где были изменены имя базы данных, имя пользователя и пароль к БД, выданные хостингом.
Рисунок 35 – Изменение файла wp-config.php
Сайт расположен по адресу http://jasdefmi.beget.tech/.
Рисунок 36 – Сайт, выложенный на хостинге
Вывод
В результате выполнения практической работы был реализован полноценный новостной ресурс “Computer_Arts”.
На новостном сайте реализованы следующие элементы: страницы, записи, рубрики, метки, виджеты, плагины. Сайт приветствует пользователя главной страницей, в виджетах справа реализован поиск, свежие новости и календарь, по которому пользователь может отследить новость по дате. Так же присутствует навигационное меню, на которой расположены вкладки ленты новостей, где новости расположены в хронологическом порядке и список рубрик, по которым пользователь может перейти. Дополнительно в меню есть переход в личный кабинет пользователя сайта – для начала ведения записи или изменения личных данных, цель сайта – то, для чего он был создан и обратная связь, которую может просмотреть админ. В записях реализована система комментариев и лайков, добавлена возможность поделиться ссылкой на сайт с друзьями через сторонние социальные сети.
В ходе работы был приобретен базовый комплекс знаний по работе в системе CMS WordPress, XAMPP, MySQL. Так же ознакомился с базовыми принципами построения сайта, его дизайном.
Поставленные изначально задачи выполнены. В ходе работы проблем не возникло.
Список используемых ресурсов
1. Аграновский, А. В. Система управления контентом WordPress: Методические указания по выполнению практических заданий / А. В. Аграновский, Н. Н. Григорьева, Е. Л. Турнецкая. СПб.: изд-во ГУАП, 2016. 73 с.
2. Официальный сайт WORDPRESS. [Электронный ресурс].URL: https://wordpress.com/. (дата обращения: 19.07.22).
3. Официальный сайт Xampp. [Электронный ресурс].URL: https://www.apachefriends.org/ru/index.html. (дата обращения: 19.07.22).
4. Новостной ресурс Habr. [Электронный ресурс].URL: https://habr.com/ru/all/. (дата обращения: 19.07.22).
Приложение
Рисунок 37 – Главная страница сайта
Рисунок 38 – Новостная лента
Рисунок 39 – Личный кабинет
Рисунок 40 – Цель сайта
Рисунок 41 – Форма для обратной связи
Рисунок 42 – Подзаголовок статьи
Рисунок 43 – Конец статьи