Создание сайта WordPress на хостинге 000webhost происходит по нажатию на кнопку в области экрана «Создать WordPress сайт».
Рисунок 6 – Создание сайта WordPress
Далее водим данные по входу в админ панель.
Рисунок 7 –Данные для админ панели WordPress
Далее нас просят подождать пока устанавливается WordPress.
После установки WordPress нас просят перейти для дальнейшей настройки конфигурационных данных WordPress.
Описание веб-сайта
В данном разделе описывается процесс создания сайта Airport barnaul. В качестве домена для данного ресурса был выбран домен второго уровня, зарегистрированный посредством сервиса, предоставляемого хостинг-провайдером - 000webhost. Имя домена является названием Аэропорта Барнаул.
Хостинг для сайта был выбран на основе учета и анализа характеристик хостинг-провайдеров, доступных онлайн. В качестве хостера выступил популярный поставщик данных услуг 000webhost. Данный хостер достаточно популярен среди веб-разработчиков по всему миру. Отличается надежностью работы, наличием круглосуточной службы поддержки, системы скидок для своих клиентов, а также характеристиками серверов, которые полностью удовлетворяют системным требованиям, выдвигаемыми cms WordPress.
В качестве рабочей системы управления контентом использовалась последняя русифицированная сборка cms WordPress. В качестве темы использовалась свободная тема Twenty Seventeen. Данная тема была модифицирована, чтобы отвечать требуемой стилистике сайта.
Рисунок 8 – Модификация тем WordPress
Модификация темы проводилась путем редактирования файлов-CSS, файлов шаблонов темы и изменения изображений, входящих в данную тему.
Для загрузки файлов на сервер хостера использовался ftp-клиент FileZilla. Данная программа отвечает большинству требований, которые налагаются на программы такого типа. Она бесплатна и надежна в работе, кроме-того, регулярно выходят обновления.
Рисунок 9 – Ftp-клиент FileZilla
Для создания и редактирования базы данных применялась программа с веб-интерфейсом PhpMyAdmin, предоставляемая хостером. На рисунке ниже представлен процесс создание базы данных для платформы WordPress посредством PhpMyAdmin. В качестве имени базы данных было выбрано имя id1259397_users_wp.
Рисунок 10 – База данных сайта Airport Barnaul
Изначально база данных WordPress имеет 12 таблиц, количество и структура которых может изменяться в зависимости от установленных плагинов. Таблицы базы данных данной cms перечислены ниже.
wp_commentmeta
wp_comments
wp_links
wp_options
wp_postmeta
wp_posts
wp_termmeta
wp_terms
wp_term_relationships
wp_term_taxonomy
wp_usermeta
wp_users
Таблица wp_commentmeta - В нее записывается вся дополнительная информация по оставленным на сайте комментариям (одобрен ли комментарий или нет, помечен ли он как спам и прочее).
Таблица wp_comments - Здесь хранятся оставленные комментарии к записям, аналог параметров из вкладки Комментарии в панели управления сайтом.Здесь можно перенести комментарий с одной страницы на другую.
Таблица wp_links - Здесь хранятся ссылки, аналог параметров из вкладки Ссылки в панели управления сайтом.
Таблица wp_options - Таблица настроек WordPress, аналог параметров из вкладки Настройки в панели управления сайтом, а также в ней содержатся параметры установленных плагинов.
Таблица wp_postmeta - Содержит огромное количество информации о записях и статичных страницах блога: информацию о прикрепленных файлах (изображения, видео и прочие), данные заполняемых полей при создании или редактировании постов. В их число также входят поля, которые появляются после установки различных плагинов.
Таблица wp_posts - Таблица контента. В таблице хранятся данные о том, кто автор статьи, дата создания записи, сам текст, название страницы, статус записи (опубликовано, черновик, на утверждении), открыто или нет комментирование, сколько оставлено комментариев и т.д.
Таблица wp_terms - Таблица содержит категории, теги и ссылки.
Таблица wp_term_relationships - Здесь описывается ассоциативная связь записей с категориями и тегами. Таблица содержит строки с id записями и соответствующими им id рубриками и тегами.
Таблица wp_term_taxonomy - Эта таблица связывает между собой категории, ссылки блогролла и теги воедино, а также устанавливает очередность и вложенность категорий (рубрик).
Таблица wp_usermeta - Эта таблица содержит дополнительную информацию о зарегистрированных пользователях, их личные настройки и заполнение профиля своими данными, такими как цветовую схему консоли администрирования, контактные данные, биографию, никнейм и другие.
Таблица wp_users - Она содержит список зарегистрированных пользователей, их логин и пароль в зашифрованном виде, e-mail адрес, дату регистрации и др.
При настройке "WordPress" в первую очередь выбирается шаблон будущего сайта. Страницы "WordPress" сайта собираются подобно пазлу из файлов-шаблонов. Некоторые шаблоны (например, header.php и footer.php) задействованы на всех страницах, другие используются только при определенных условиях.
WordPress использует строку запроса - информацию, содержащуюся в каждой ссылке сайта - для того, чтобы определить какой шаблон или набор шаблонов использовать для отображения страницы.
Сперва "WordPress" находит каждую «Строку Запроса» по типам запросов - т.е. определяет какой тип страницы (страница поиска, страница категорий, главная страница и др.) был запрошен.
После этого шаблоны выбираются и содержимое страницы генерируется в порядке, предложенном иерархией шаблонов, в зависимости от доступности шаблонов конкретной темы "WordPress".
Рисунок 11 – Выбор шаблона будущему сайту Airport Barnaul
Система ищет файлы шаблонов со специальными именами в папке текущей темы и использует первый подходящий файл шаблона, указанный в соответствующем запросе.
За исключением основного шаблона index.php, разработчики тем могут использовать или не использовать файлы шаблонов по желанию. Если WordPress не находит шаблон с указанным именем, он переходит к следующему по иерархии шаблону. Если не один из искомых шаблонов не подходит, WordPress использует index.php (шаблон главной страницы темы).
Расширить функциональные возможности веб-сайта на базе платформы WordPress можно посредством подключения дополнительных модулей, которые называются плагинами. Данные модули распространяются по свободной лицензии или на платной основе.
Загрузка необходимых плагинов возможна с основного ресурса wordpress.org или со сторонних сайтов разработчиков.
Плагины, с помощью которых расширялся функционал веб-сайта:
- Плагин «Contact Form 7» является самым известным и используемым плагином в "WordPress". Он довольно прост в установке и использовании. может управлять многочисленными контактными формами, где вы можете гибко настраивать содержимое форм и почты с достаточно простой разметкой. Формы имеют встроенную поддержку Ajax отправки, CAPTCHA, спам фильтра Akismet и не только.
- Плагин «Customizer Contact Form 7» позволит нам стилизовать наашу контактную форму без знания css, только через настройки плагина.
- Плагин Contact Form Submissions дает нам возможность создать базу данных отправки сообщения из-под Contact Form 7;
- Плагин Theme my login Плагин предназначен для оформления страниц входа, регистрации и восстановления пароля, в соответствии с Вашей темой. Также плагин имеет набор дополнительных функций, позволяющих более тонко настроить процесс входа и регистрации на сайте.
Стоит отметить, что каждый из плагинов после установки настраивается отдельно вручную.
Создание страниц и меню сайта. Добавление записей и рубрик сайта. Наполнение их информацией.
Создание страниц является одной из самых важных и неотъемлемых частей работы по созданию сайта. В "WordPress" создана отдельная вкладка консоли для создания страниц. В этой вкладке выбирается название создаваемой страницы, ее параметры и содержание. Редактировать страницу и ее содержимое можно в окне обычного текстового редактора, встроенного в систему, или в окне редактирования html-кода. Это позволяет людям, которые не особо хорошо разбираются в html создавать простенькие страницы, а остальным - увеличить их функциональность и возможности при редактировании кода вручную.
Можно создать материнскую страницу, в которую будут помещены под страницы, либо воспользоваться функцией "Меню" и разместить на главной странице каталоги, в которых будут размещены все остальные.
Используя функцию "Меню" и публикации страниц, на сайте были созданы каталоги. Страницы были заполнены всевозможной информацией.
Рисунок 12 – Оформление авиабилета на веб-сайте Airport Barnaul
Рассмотрим работу существующих форм. Форма отправки сообщения о бронирование билета, такси и гостиницы приведена на рисунке 13. При заполнении полей формы и нажатии на кнопку отправить, происходит отправка формы диспетчеру по обработки и бронированию услуг.
Рисунок 13 – Оформление авиабилета на веб-сайте Airport Barnaul
После нажатия на кнопку отправить, ниже информируют что форма отправлена или не отправлена из-за некорректного ввода данных, если после проверки данных формы результат положительный тогда форма отправляется на адрес диспетчера, который в дальнейшем связывается с человеком, заказавшим услугу и в базе данных формируется база данных с информацией отправленной формы. Рисунок 14. Если же форма заполнена ошибочно ниже выведется сообщение о неверном заполнении формы.
Рисунок 14 – Занесение в базу данных о пассажире Airport Barnaul
После нажатия кнопки отправить форма очищается для нового ввода данных.
Форма отправки сообщения со страницы контактов заполняется полностью вручную. После нажатия кнопки отправки сообщения на экране выводится сообщение об удачной отправке. Данные после отправки сообщения отсылаются через сервера ns01.000webhost.com
ns02.000webhost.com. Так как это услуга платная то отправление сообщений поддерживается на платном тарифе.
Рисунок 15 – Информация по серверам Airport Barnaul
Рисунок 16 – Форма отправки сообщения Airport Barnaul
В соответствии с разработанной структурой была спроектирована главная страница сайта. Она содержит все основные структурные элементы, переход по которым осуществляется с помощью гиперссылок.
Рисунок 17 – Главная страница веб-сайта Airport Barnaul
Заключение
Система управления контентом WordPress, является очень гибкой. Практика показывает, что данную платформу можно применять для решения большинства задач, связанных с созданием веб-ресурсов разного назначения, хотя изначально данная cms создавалась как система управления блогом.
Гибкость WordPress и ее бесплатность делают ее столь популярной cms среди большинства веб-разработчиков и простых пользователей. Вклад в популярность данной системы вносит также интуитивно понятный интерфейс, локализации для большинства языков, расширяемость функционала посредством подключаемых плагинов, а также возможность изменения дизайна посредством тем.
Создание сайта на базе свободной cms WordPress процесс не сложный и не требует много опыта и времени. Но в тоже время, данная cms при наличии соответствующих навыков позволяет разработчику приспособить данную систему управления контентом фактически для любых нужд. Плагины и темы еще более расширяют сферу применения данной cms. WordPress - является оптимальным решением для большинства проектов в сфере веб-разработки.
У данной системы есть существенный недостаток - это ее быстродействие. При увеличении нагрузки на сайт, а также при установке дополнительных плагинов, скорость работы, данной cms существенно падает.
В следующих релизах данной cms, разработчикам WordPress желательно оптимизировать систему с целью увеличения скорости ее работы. Также с учетом того, что данную платформу все чаще используют не только для создания блогов, желательно увеличить ее функциональность и отойти в сторону от роли системы управления блогами.
В процессе выполнения работы был разработан веб-сайта для бронирования гостиницы, такси, билетов на рейс вылетающие из Барнаула.
На веб-сайте было реализовано:
1. Создание баз данных с информацией о зарегистрированном пассажире и бронировании им дополнительных услуг.
2. Добавление новостей в новостную ленту.
3. Регистрация на сайте.
4. Отправление формы регистрации уполномоченному лицу для дальнейшей обработки данных.
В результате проведенных работ на базе выбранных технологий был создан современный веб-сайта. Веб-сайт отвечает всем требованиям пользователя, то есть простой и понятный интерфейс, а также не перегружает пользователя бессмысленной для него информацией.