Индивидуальный проект «Разработка и создание сайта в системе WordPress»

Муниципальное бюджетное общеобразовательное учреждение

Тюменцевская средняя общеобразовательная школа

Тюменцевского района Алтайского края

____________________

Индивидуальный проект

«Разработка и создание сайта

 в системе WordPress»

Выполнил: Маслов Кирилл

учащийся 11 класса

Руководитель проекта: Рем И.Д.      учитель информатики

с.Черемшанка,

2024 г.

СОДЕРЖАНИЕ

вВЕДЕНИЕ…….………………………………………...……………………………….3

гЛАВА 1. ПОНЯТИЕ О CMS……….. …………………………………………..……..5

1. Что такое CMS……………………………………………………………………..5
2. Классификация систем управления контентом………………………………….5
3. Популярные CMS русскоязычного интернета………….………………………..6
4. Почему стоит выбрать CMS WordPress……………………………….………….7

гЛАВА 2. СОЗДАНИЕ САЙТА НА WORDPRESS ……..….………………………..13

1. Почему я выбрал WordPress .…….…………………………………………...…13
2. Разработка сайта……....……………………………………………………….…13
3. Установка и настройка WordPress………………………………………………14
4. Создание страниц …………………………………………………………….….14
5. Выбор шаблона оформления для сайта .………….……………………………..15
6. Добавление контента …………………………….……………………………....15
7. Публикация сайта …….……………………………………………………..……15
8. Регистрация сайта на Яндекс.Вебмастер…..……………………………………15

      заключение …….…………….…………………….………………………………17

СПИСОК ЛИТЕРАТУРЫ…………………………….………….……………………..18

ПРИЛОЖЕНИЕ...….....…………..……………………….….…………………………19

ВВЕДЕНИЕ

Интернет превращается из отличной игрушки для интеллектуалов в полноценный источник разнообразной полезной информации для каждой категории пользователей и создание сайтов становится все более актуальным.  Они помогают хранить и распространять необходимую информацию на огромные массы людей.

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

Когда появились CMS (content management system — система управления контентом) делать сайты стало немного быстрее. Эти системы автоматизируют работу, позволяют управлять содержимым через визуальный редактор похожий на Microsoft Word. Исправить текст на сайте, опубликовать новость или добавить новый товар в каталог продукции смогли обычные пользователи.

Лучший способ определить степень надежности платформы – посмотреть, какое количество людей ее используют. Согласно результатам недавнего исследования выяснилось, что на рынке доминирует именно WordPress. Согласно последним исследованиям компании iTrack, WordPress является наиболее востребованной платформой в российском сегменте сети (42,8 % от общей доли систем управления сайтами) за которой следует Joomla (15,2 % рынка). Третью позицию по числу инсталляций занимает коммерческое решение 1С-Битрикс (9,8 %), четвертую — система OpenCart, контролирующая примерно 4 % российского рынка CMS.

Каждый месяц на WordPress-сайтах публикуется около 70 миллионов новых постов. В то же время эти посты генерируют около 77 миллионов новых комментариев. Если есть необходимость сделать свой сайт с минимальными затратами и своими рукам, то начать нужно с WordPress. Это лояльная к новичкам платформа с полезными инструментами. Но...CMS это не готовый сайт!  Это строительный материал, хорошие кирпичи, к примеру, или бревна. С помощью этих материалов можно построить, продуманный, добротный сайт.

Не каждый пользователь компьютера обладает достаточными навыками программирования для того, чтобы самостоятельно разработать и поддерживать сайт без дополнительной помощи. Наш проект для тех, кто только задумывается или уже решил окончательно создать свой сайт и не знает, какой движок выбрать и как на нем работать.

Актуальность. Всё больше людей львиную часть своего свободного времени проводит в интернете, невозможно обойтись без собственного сайта, тем, кому очень важно донести до общественности какие-то идеи, мысли или же продукты творческого труда. Большинство людей, создающих свои сайты, являются обычными пользователями. Удобство в использовании CMS является наиболее важным фактором для большинства из них.

Цель проекта: изучение основ создания web-сайтов на CMS и разработка сайта на основе WordPress.

Задачи:

• найти и изучить литературные источники по данной теме;
• провести сравнительный анализ программного обеспечения для создания web-сайта;
• выбрать оптимальную платформу для реализации идеи;
• определить информационное наполнение сайта;
• выбрать хостинг-провайдер и тарифный план для размещения сайта с сети Интернет;
• установить CMS Wordpress;
• загрузить шаблон в систему, доработав необходимый функционал (формы поиска и отправки сообщения);
• оформить сайт;
• опубликовать сайт;
• зарегистрировать сайт на Яндекс.Вебмастер.

Проектный продукт:  полностью функционирующий сайт, выполненный  на CMS WordPress.

ГЛАВА 1.ПОНЯТИЕ О CMS

1. Что такое CMS

Начинающие вебмастера когда начинают гуглить «Как создать сайт?», натыкаются на аббревиатуру CMS. Некую сущность, которая должна помочь в создании сайта. Причем помочь сделать это быстро. Что это такое и действительно ли она поможет новичку сделать настоящий сайт.

Все, наверное, уже слышали такие слова как: движок сайта,  система управления контентом или сокращения и транслиты - цмс, кмс, двиг. Все эти термины обозначают одно и тоже и имеют одинаковое описание.

CMS - это система управления контентом и содержимым сайта. Под контентом и содержимым сайта понимают: текст, картинки, видео – данные и файлы.

 Для чего нужна CMS?  Для того, чтобы добавить новую статью на сайт нужно создавать новый файл html. Чтобы отредактировать статью, нужно открывать html файл и искать в нем тот фрагмент, который нуждается в изменении. На эту работу уходит много времени и необходимо знание html и css. Чтобы облегчить эту работу были придуманы системы, которые позволяли всего один раз создать дизайн сайта и, если нужно написать или отредактировать статью, совсем не нужно создавать  html файлы.

Таким образом, в CMS внутренняя структура и дизайн отделены от контента, и, чтобы управлять сайтом, не нужно каких-то дополнительных знаний в технологиях интернет-разработки.

Как работает CMS?  Принцип работы любого движка прост. Пользователь системы добавляет контент на сайт. Вся информация, которую ввел пользователь, сохраняется в базе данных или файлах. Когда посетитель заходит на сайт, информация читается из базы данных и отображается на сайте. Вид отображения информации зависит от шаблона.

Шаблон сайта - это заготовка дизайна сайта, без наполнения её информацией. Почти во всех CMS шаблоны сайта легко меняются. Можно подобрать для себя понравившийся шаблон или сверстать его самостоятельно.

Во многих движках есть система модулей. То есть, функционал системы можно расширить, подключая дополнительные модули. Например, модуль «Чат» или модуль «Обратная связь» и т.д. Модули часто называют плагинами, расширениями или дополнениями.

Пишутся CMS чаще всего на одном из серверных языков программирования (PHP, Perl и др.). Бывают платные и бесплатные CMS. Выбирать движок нужно исходя из требований к сайту.

2. Классификация систем управления контентом

На рынке сейчас имеется большое, если не сказать огромное количество различных систем управления сайтом, и опробовать или изучить все CMS, конечно, очень сложно.

До сих пор не разработано достаточно чёткой классификации систем управления контентом. Это происходит потому, что рынок CMS достаточно молод, и разработчики такого рода программных продуктов в значительной степени разобщены. Сложно разделить их на какие-либо группы еще и потому, что все они довольно сильно отличаются друг от друга. Поэтому всякую классификацию можно назвать в достаточной мере условной.

Для обобщенной классификации используются следующие критерии:

• наличие тех или иных функций и модулей, понятность и доступность пользователю;
• возможность функционирования системы на различных платформах, совместимость с базами данных, возможность подключения дополнительных модулей;
• технологичность — использование технологий, позволяющих повысить надежность и быстродействие системы;
• потенциал развития системы.

Простая CMS система.

            Система собирается из программных модулей, для каждой системы они свои. Модули единожды настраиваются разработчиком, чем жестко закрепляется структура проекта. Для дальнейшего изменения структуры сайта и его параметров требуется участие технического персонала. От пользователя системы требуется знание основ HTML.

Совместимость: система совместима с определенными платформами и типами СУБД. Попытка внедрения дополнительных модулей, в зависимости от используемых технологий, может привести к полной переработке проекта.

Технологичность: динамическое формирование страниц, ограниченная пропускная способность — до 3000-5000 посетителей в сутки. Система инсталлируется разработчиком. Развитие системы достигается путём перевода сайта на новую, более приспособленную к текущим задачам, версию системы управления контентом.

Шаблонная CMS система.

            Единый модуль или набор модулей с жестко закрепленной структурой сайта. Система содержит набор сервисных функций, позволяющих выполнить стандартные действия с сайтом: сформировать новостную ленту, создать или удалить новый раздел, выбрать шаблон для работы с информацией, загрузить файл и расставить по тексту картинки, установить атрибуты текста и т.д.

Система совместима с определенными платформами и типами СУБД. Попытка внедрения дополнительных модулей ограничена.

Динамическое формирование страниц или с использованием кэширования данных. В зависимости от методов формирования страниц — от 5 000 до 50 000 посетителей в сутки. Инсталлируется разработчиком. Усовершенствование достигается путём перевода сайта на новую, более сложную, версию системы управления контентом.

Профессиональная CMS-система.

            Интуитивно понятный интерфейс, визуализация и расширенные возможности редактирования. Возможность изменения структуры проекта — создание самых разнообразных сайтов.

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

Универсальная CMS-система.

            Имеет продвинутые средства управления контентом, настройка функциональности системы, возможность переопределения атрибутов объектов сайта. Система предоставляет средства для разработки новых сервисов и возможностей. Расширенные возможности АPI, наличие готовых прикладных решений, в т.ч. с участием программных продуктов третьих фирм. Наличие сертифицированной системы обеспечения безопасности — разграничение прав доступа к системе на внутрикорпоративном уровне. Кэширование формируемых динамических страниц. Пропускная способность — не ограничена. Совместимость с различными программно-аппаратными платформами. Имеется возможность подключения дополнительных модулей, расширяющих функциональность ресурса, в том числе готовых модулей интеграции с внутрикорпоративными системами. Возможность расширения за счёт кластеризации.

3.  Популярные CMS русскоязычного интернета

Популярные CMS русскоязычного интернета:

1.Wordpress

2.Joomla

3.1С-Битрикс

4.OpenCart

           Wordpress предназначен для блогов и информационных сайтов. Интерфейс представляет собой независимый аналог площадок LiveJournal.ru и Blogpost.com. WordPress обладает упрощённым интерфейсом, ориентированным на непрофессионального пользователя. Система распространяется в сети бесплатно и свободно, загружается с официального сайта разработчиков. СMS снабжена подробной инструкцией, которая регулярно обновляется. WordPress интегрируется со сторонними сайтами (например, LiveJournal) и позволяет мгновенно публиковать материалы. Система оснащена полноценным набором для управления контентом, в том числе библиотекой тем для оформления сайтов.

Joomla — система управления сайтом, бесплатно распространяемая в сети Интернет. При загрузке CMS предоставляет минимальный набор инструментов, которые впоследствии дополняет сам пользователь по мере необходимости. Благодаря этому снижается нагрузка на сервер. Joomla работает на базе операционных систем Microsoft Windows, OSX и Linux. Загрузка производится с официального сайта разработчика. Система автоматически настраивается при установке на компьютер. CMS включает в себя библиотеку шаблонов, календарь публикаций и генератор случайных новостей. Интерфейс программы может отображаться на любом языке.

1С-Битрикс хранит данные в файловой системе сервера. CMS работает на устройствах с операционными системами Microsoft Windows и Linux. 1-С Битрикс завоевала первое место в рейтинге платных систем управления сайтов. Количество модулей в программе зависит от её редакции. CMS имеет платную и бесплатную версии. 1-С Битрикс использует запатентованную технологию «композитный сайт», ускоряющую работу веб-страницы. Это позволяет сократить количество пользователей, покинувших сайт до завершения загрузки.

OpenCart — популярная CMS, предназначенная для управления контентом интернет-магазинов. Эта система распространяется бесплатно, скачать её можно с официального сайта. CMS имеет интерфейс, понятный и для владельца сайта, и для его посетителей. По состоянию на август 2015 года на OpenCart работало 6.42% всех интернет-магазинов мира. После установки OpenCart достаточно добавить на сайт список товаров и при желании заменить шаблоны оформления интернет-страниц. Корзина магазина не требует дополнительной настройки и доступна сразу после создания сайта. Администраторская панель позволяет управлять заказами, добавлять платёжные сервисы и редактировать информацию о товарах. 

4.  Почему стоит выбрать CMS WordPress

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

Мэтт Малленвег и Майк Литтл представили WordPress в 2003 году.  В соответствии с лицензией GNU General Public License они создали платформу, на которой пользователи могут свободно использовать, изменять и распространять программное обеспечение  WordPress и его производные. Популярность этой платформы  объясняется ее простотой, универсальностью и сильным мировым сообществом. Благодаря широкому выбору тем и плагинов эта платформа идеально подходит для запуска личного проекта или онлайн-бизнеса.

Многие используют WordPress для создания различных типов сайтов, таких как:

• Персональные блоги.  Поскольку WordPress создавался как платформа для ведения блогов, он обладает мощными встроенными функциями для написания записей, категоризации контента и просмотра комментариев. Удобный интерфейс также позволяет легко управлять блогом WordPress.
• Портфолио.  Фрилансеры и творческие люди могут демонстрировать свои работы на сайте WordPress, используя тему портфолио и плагин галереи.
• Бизнес-сайты.  WordPress поддерживает такие важные бизнес-функции, как контактные формы, запись на прием и отзывы клиентов – полезные для корпоративного или малого сайта.
• Интернет-магазины.  Такие плагины, как WooCommerce, позволяют превратить WordPress в полноценную платформу электронной коммерции – с такими инструментами, как списки товаров, корзины и безопасная обработка платежей.
• Сайты для участников.  Встроенные в WordPress функции управления пользователями и специализированные плагины могут способствовать созданию платных стен, моделей подписки и каталогов участников.
• Новостные сайты.  Web-платформа поддерживает интуитивно понятную публикацию, удобное редактирование контента и эффективное распределение ролей пользователей – идеальное решение для доставки новостей.
• Благотворительные сайты.  WordPress предлагает возможности интеграции кнопок пожертвований, календарей событий и систем управления волонтерами – идеальный вариант для некоммерческих фондов.
• Форумы.  Плагины для форумов WordPress позволяют задавать темы обсуждений, добавлять профили пользователей и повышать вовлеченность, создавая сильное интернет-сообщество.
• Онлайн-курсы.  Плагины для систем управления обучением (LMS) предлагают создание курсов, отслеживание студентов и интегрированные системы оплаты.
• Сайты, посвященные размещению гостей.  WordPress позволяет легко управлять гостиницами и домами отдыха. Многие плагины позволяют оптимизировать работу гостиничного бизнеса, включая бронирование, инвентаризацию номеров, ценообразование и общение с гостями.
• Сайты, посвященные мероприятиям.  Различные плагины позволяют создавать списки мероприятий, продавать билеты, рекламировать спонсоров и предоставлять интерактивные карты мест проведения. Интеграция с социальными сетями способствует популяризации мероприятий.
• Доски объявлений о вакансиях.  Специалисты по управлению персоналом могут создать карьерную страницу компании с помощью плагинов для доски объявлений. С их помощью можно управлять объявлениями о вакансиях, заявками и профилями кандидатов.

Учитывая, что на рынке представлено множество конструкторов сайтов, можно задаться вопросом, чем отличается WordPress. Вот почему миллионы владельцев сайтов используют WordPress:

• Простота использования. С помощью WordPress пользователи могут создать свой собственный сайт без использования кода. Интуитивно понятная панель администратора позволяет легко управлять содержимым, мультимедиа, внешним видом и плагинами. Для создания страниц и постов пользователи WordPress могут использовать редактор Gutenberg. Он использует блочную систему перетаскивания, предлагая наглядный и удобный для новичков способ редактирования контента. В интуитивно понятном интерфейсе можно складывать и перемещать такие элементы, как текст, изображения и видео.
• Простая настройка. Чтобы использовать CMS, необходимо загрузить программное обеспечение на совместимый веб-сервер. Большинство хостингов сегодня поддерживают PHP и MySQL, которые являются основными требованиями для работы WordPress.
• Open-Source. Будучи программным обеспечением с открытым исходным кодом, WordPress способствует глобальному сотрудничеству и инновациям. Эта система обеспечивает широкие возможности настройки, позволяя разработчикам изменять основные файлы WordPress, темы и подключаемые модули в соответствии со своими потребностями.
• Высокая степень настраиваемости. Настраиваемость – одно из наиболее заметных преимуществ использования WordPress. Благодаря тысячам тем WordPress, представленных в официальном каталоге можно подобрать дизайн своего сайта в соответствии с брендом и предпочтениями. Кроме того, независимо от того, создается небольшой веб-сайт или крупный магазин электронной коммерции, существуют плагины WordPress для удовлетворения нужных потребностей. Можно добавить такие функции, как контактные формы, галереи, интеграцию с Google Analytics и платежные шлюзы всего за несколько щелчков мыши.
• Экономически эффективный. Многие выбирают WordPress из-за его доступности. Загрузка основного программного обеспечения не стоит денег, кроме того, существует множество бесплатных плагинов и тем для WordPress. Это позволяет создать бизнес-сайт без высокой ежемесячной платы. Хотя за хостинг все равно придется платить, многие провайдеры предлагают экономичные тарифные планы.
• Полное владение сайтом. WordPress предоставляет пользователям полный контроль над своим сайтом – от его содержания и дизайна до функциональности. Можно вносить любые изменения без каких-либо ограничений со стороны платформы. Кроме того, нет никаких ограничений на монетизацию сайта, что позволяет применять различные способы заработка в Интернете. Можно показывать рекламу, стать партнером и даже продавать товары или услуги.
• SEO-дружественный. Сайт на WordPress – это надежная основа для поисковой оптимизации (SEO). В программное обеспечение встроены функции, обеспечивающие эффективную оптимизацию страниц, такие как чистая структура пермалинков, простота создания контента и alt-текстов. SEO-плагины также помогают повысить видимость сайта в поисковых системах, таких как Google.
• Масштабируемый. Платформа WordPress  с собственным хостингом предоставляет пользователям высокомасштабируемую среду для своих сайтов. Можно выбрать любого хостинг-провайдера и тарифный план, наиболее соответствующий  текущим потребностям. Если ресурсы хостинга превышают возможности, имеется возможность перейти на новый тарифный план или переключиться на другого хостера. Благодаря такой гибкости  WordPress-сайт может расти и развиваться по мере расширения бизнеса или аудитории. Компания Hostinger предлагает бесплатную услугу миграции web-сайта без дополнительной оплаты, поэтому можно безопасно перенести  WordPress-сайт на иной хостинг без ущерба для работы пользователей.
• Активное сообщество WordPress. Поскольку WordPress используют миллионы людей по всему миру, в Интернете можно найти множество ресурсов, предлагающих решения различных проблем. Это компенсирует отсутствие прямой поддержки программы, что может быть очень важно для начинающих пользователей. Примером может служить раздел “Учебники Hostinger”. Где предлагаются сотни руководств по использованию WordPress, начиная с создания первого сайта и заканчивая оптимизацией его работы.
• Многоязычный.  Панель администратора WordPress доступна на более чем 70 языках, что позволяет пользователям из разных регионов использовать платформу на родном языке. Если сайт ориентирован на международную аудиторию, существует множество платных и бесплатных плагинов WordPress для создания многоязычного контента.

WordPress предоставляет множество преимуществ как новичкам, так и опытным пользователям. Однако, чтобы извлечь максимальную пользу из этого программного обеспечения с открытым исходным кодом, следует обратить внимание на следующее:

• Вопросы безопасности. Программное обеспечение WordPress является безопасным по своей сути. Глобальная команда специалистов по безопасности и сеть разработчиков постоянно работают над решением проблем безопасности этой платформы. Однако, поскольку WordPress имеет открытый исходный код, пользователи сами отвечают за безопасность своего сайта. Неправильные действия, такие как слабые пароли и устаревшие версии WordPress, могут подвергнуть сайт риску и уязвимости. Обеспечение безопасности сайта WordPress начинается с выбора правильного хостинг-провайдера.
• Возможности сторонних производителей.  WordPress имеет обширную экосистему тем и плагинов. К сожалению, не все они соответствуют лучшим практикам кодирования, что может привести к проблемам с производительностью и безопасностью.
• Время загрузки страницы. Такие факторы, как избыток плагинов, большие файлы изображений и неоптимизированный код, могут замедлять работу сайтов WordPress. Поэтому оптимизация этих элементов очень важна для поддержания высокой производительности. Кроме того, очень важно использовать скоростной хостинг.

Важно отметить, что WordPress выпускается в двух версиях – WordPress.org и WordPress.com. Хотя они имеют одно и то же название, их функциональные возможности и использование отличаются.

• WordPress.org.  Эта версия известна под названием self-hosted WordPress. Она бесплатна для загрузки и предоставляет пользователям полный контроль над собственным сайтом, включая установку любой темы или плагина WordPress из каталога. Для использования WordPress.org необходимо приобрести хостинг и собственное доменное имя.
• WordPress.com.  Это конструктор сайтов, основанный на программном обеспечении WordPress. Он имеет собственный хостинг, что делает его подходящим выбором, если вы не хотите свободно управлять и оптимизировать внутреннюю часть своего сайта. Существуют бесплатные планы WordPress, но они весьма ограничены. Обновленные планы подписки предоставляют больше свободы, но за ежемесячную плату.

Более подробная информация о различиях между WordPress.org и WordPress.com приведена в Приложении (Изображение 1).

           Что представляет из себя функционал WordPress?

Если ранее  никогда не приходилось разрабатывать сайт, то можно оценить, как просто это делать на WordPress. Даже когда будут нужны дополнительные возможности, специальных знаний не потребуется, ведь, как правило, для решения задачи достаточно просто установить нужный плагин. А опытные специалисты отдают предпочтение данной CMS из-за подробной документации и языка PHP.

Прежде чем создавать сайт на WordPress, нужно приобрести хостинг и домен. На официальных сайтах можно найти предложения тарифов, сразу оптимизированные для работы с движком.

Установить CMS не сложно. Многие хостеры предлагают развернуть систему всего за один клик. Самое минимальное, что нужно сделать:

• Указать адрес и имя сайта в настройках, вид главной страницы постоянных ссылок. Рекомендуется просмотреть каждый раздел настроек.
• Установить шаблон.
• Добавить нужные плагины для SEO, защиты от спама, транслитерации, создания карты веб-ресурса и др.

Все это можно осуществить через админку. Для удобства она переведена на русский язык. Панель управления отличается простым оформлением и хорошей функциональностью. Даже без установки приложений и дополнений ей удобно пользоваться и на компьютере, и на смартфоне.

Основном меню «админки»:

• «Консоль» - место, где содержится информация о новостях, обновлениях, комментариях.
• «Медиафайлы» - загруженные на хостинг видео, изображения и таблицы.
• «Записи» - материалы, размещенные на web-ресурсе. Здесь их можно редактировать, удалять, создавать новые.
• «Страницы» - управление статичными данными, которые не отображаются в ленте блога. Например, «О компании», условия размещения рекламы, использования сайта.
• «Внешний вид» - настройка и добавление тем, включая редактор шаблонов.
• «Комментарии» - модерация обсуждений на веб-ресурсе.
• «Пользователи» - панель для управления подписчиками, отладки прав доступа.
• «Плагины» - работа с расширениями.
• «Инструменты» - служебные функции CMS, к примеру, экспорт и импорт.
• «Настройки» - важные параметры ресурса: язык, наименование, файловый формат, почта, особенности формирования адресов и др.

В каждом разделе движка есть свои подразделы со своими настройками, что дает возможность кастомизировать платформу так, как необходимо разработчику.

Если есть навыки работы с PHP, CSS, то можно воспользоваться редактором кода в WP. Хотя для работы над сайтом вполне достаточно встроенного редактора Gutenberg. Он дает возможность создавать определенные блоки с контентом:

• картинки, аудио, галерею, видео, файл;
• заголовок, цитату, абзац, список;
• элементы разметки, код;
• вставки с других сервисов, виджеты.

При необходимости каждый блок можно настроить по-своему, не вникая в код. Такой редактор дает хорошую возможность оформлять контент, не отвлекаясь на сложную конфигурацию. А в визуальном режиме редактирования сразу видно, как  отображаться контент на странице. Здесь же можно менять интерфейс без правки кода.

Дизайн и темы WordPress

Все сайты в своей основе имеют шаблоны. WordPress предлагает их просто огромное количество. Основной объем находится в каталоге в рубрике «Внешний вид». Здесь можно выбирать из предложенных шаблонов, а также загружать скачанные варианты.

Также каждую тему в WordPress можно настраивать отдельно, менять оттенки, загружать логотип, создавать меню, включать и выключать видимость виджетов.

SEO-оптимизация и продвижения в WordPress

Если  обратиться к поисковой выдаче, то видно, что большинство страниц выполнено на WordPress. Это  благодаря его хорошим возможностям для продвижения веб-ресурса. Если контент использовать правильно, то роботы его проиндексируют и выпустят на высокие позиции.

Первое, что нужно сделать в WP для этой цели, - выбрать тему, дружественную для SEO. Прежде всего, шаблон должен быть сверстан по стандартам HTML5, CSS3, а также страницы должны быстро грузиться.

Выбрав тему, нужно изменить конфигурацию работы движка:

• указать в настройках адрес веб-ресурса в едином стиле: с www или без;
• добавить сайт в Google Search Console и Яндекс.Вебмастер.
• выбрать формат ссылок: «сайт/категория/название поста». В настойках постоянных ссылок следует отметить графу «Произвольно» и ввести в нее следующее значение: «/%category%/%postname%.html».

Дальше оптимизировать CMS можно через плагины, например, Rus to Lat. Дополнение переводит кириллические названия постов и страниц на латиницу в автоматическом режиме. Неплохие варианты – Yoast SEO и All in One Seo Pack. Они создадут в редакторе раздел, где можно будет прописывать заголовок, ключевые слова и описание.

На WordPress работают миллионы сайтов. Один из них «Щепотка вкуснятины» https://pinchofyum.com/blog

Этот WordPress-блог известен своими простыми и понятными рецептами. Имея в своей коллекции множество блюд, он использует систему таксономии CMS для категоризации своих записей. Каждый рецепт помечается тегами в зависимости от типа блюда и ингредиентов. Если пользователь хочет найти похожее блюдо, он может просто нажать на тег и увидеть все связанные с ним сообщения.

В нем также используется плагин WP Tasty WordPress, который делает карточки с рецептами интерактивными и визуально привлекательными. Кроме того, в нем реализована функция schema markup – при появлении записи в блоге в поисковых системах она будет содержать богатые сниппеты, показывающие время приготовления и рейтинг рецепта.

Вывод:

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

ГЛАВА 2. СОЗДАНИЕ САЙТА НА WORDPRESS

2.1. Почему я выбрал WordPress

          Ещё до 1991 года люди не знали, что такое сайт. Но именно в января этого года Тимоти Джон Бернс создал и показал первый web-ресурс. Изобретатель, по сути, опубликовал в интернет небольшую совокупность страниц, на которых описывалась новая технология, а точнее World Wide Web. Сайт – это ресурс, который включается в документы, объединённые ссылками и общей структурой. Каждый сайт имеет уникальный адрес, но массив этих данных связан доменным именем.

По сути, web-ресурс является обособленной информационной единицей, которая может содержать любое количество страниц. Страницы в свою очередь формируются с помощью особых языков программирования и разметки, например HTML, CSS. PHP. Скомпонованный текстовый документ загружается из сети благодаря браузеру, который обрабатывает код и преобразует его в понятный интерфейс.

Чтобы web-ресурс работал, он должен включать в себя комплекс элементов:

• Сервер или хостинг. Серверы обрабатывают и хранят файлы сайта, они являются специальными компьютерами, которые предоставляют web-проекта память на быстром носителе, ОЗУ и другие технические ресурсы. Сервер может обслуживать несколько сайтов. Хостингом называют место и вычислительные ресурсы, выделенные на правах аренды.
• Доменное имя.  Доменным именем является адрес сайта, эти имена могут находиться в зонах разного уровня и тематики, к примеру, vk.com. Адреса высокого уровня имеют самую высокую стоимость, но также в некоторых зонах нельзя купить домен, например, государственный сектор .gov
• CMS (программные файлы или управление контентом). Системные файлы для веб-проектов не создаются вручную. Web-мастера используют CMS, которые являются специальными движками, включающими в себя базовые функции сайта. CMS и база данных с картинками, текстами и другим контентом хранятся на сервере.

 Почему я выбрал WordPress

Мировой лидер, самая популярная в мире cms для сайта - WordPress. Данная бесплатная cms поистине является настоящим монстром, среди движков. Другие бесплатные движки далеко отстают от WordPress. Она идеально подходят для создания интернет сайтов с блогами и новостями, корпоративными сайтами. Также, на WordPress, есть множество шаблонов, готовых решений и различных SEO модулей. К SEO модулям можно отнести плагины с автоматической разметкой html страниц, автозаполнение тегов title и decription, а также добавление новых страниц в файл sitemap автоматически. В целом, пара WordPress  еще долго будет лидировать списке лучших бесплатных cms.

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

2.2. Разработка сайта

 Для своего сайта решил выбрать тему заработка в интернете, потому что считаю ее актуальной и интересной для многих пользователей Интернета. В наше время все больше людей ищут способы дополнительного заработка или полностью переходят на удаленную работу. Мой сайт поможет им получить необходимую информацию и советы по заработку в Интернете. Я планирую регулярно обновлять свой сайт новыми статьями, уроками и рекомендациями, чтобы помочь людям достичь успеха в этом направлении. Может когда нибудь даже начну зарабатывать на нем.

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

2.3. Установка и настройка WordPress

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

На установку и настройку WordPress у меня ушло около четырех часов. А на «творчество» больше недели. И это не предел. Постоянно хочется что то переделать, сделать удобнее, изменить картинку или перекрасить иконки. Увлекательное занятие! После изучения различных хостинговых компаний, я остановил свой выбор на SpaceWeb. (Изображение 2) Этот хостинг привлек меня своим удобным и понятным интерфейсом. Кроме того, он предлагает широкий спектр услуг, включая регистрацию доменов, аренду серверов и многое другое. (Изображение 3)

 Одним из главных преимуществ SpaceWeb является его надежность и стабильность работы. SSL сертификат обеспечивает безопасное соединение между сайтом и посетителем. В последнее время это обязательная настройка, чтобы и поисковые системы и посетители считали ваш сайт безопасным. Сертификат я установил перед установкой WordPress, чтобы в последствии не появилась проблема «смешанный контент», это когда некоторые файлы сайта открываются по http:// и если есть хотя бы один такой файл, то браузер будет «ругаться», пока мы это не исправим.

 После выбора хостинга и регистрации на нем я перешел в панель управления хостингом. В разделе «Сайты» или «Управление сайтами» и выбрал пункт “Создать сайт”. В открывшейся форме указал название сайта, выбрал домен. (Изображение 4)

После этого нажал кнопку «Создать» и дождался окончания процесса установки. Это заняло несколько минут, хотя заявлено было до 48 часов. (Изображение 5)

 После установки WordPress на хостинг  выполнил его настройку. Настройка включает в себя изменение параметров сайта, установку необходимых плагинов и тем, а также создание основных страниц и разделов сайта.

 Для настройки WordPress нужно войти в административную панель сайта, используя данные, указанные при установке WordPress. Затем необходимо настроить основные параметры сайта, такие как название, описание, дата и время, язык и часовой пояс. Также нужно указать адрес электронной почты администратора и пароль для входа в административную панель.

 После настройки основных параметров  установил необходимые плагины и темы. Плагины добавляют новые функции и возможности на сайт, а темы изменяют его внешний вид. Для установки плагинов и тем нужно зайти в соответствующий раздел административной панели и нажать на кнопку «Добавить новый» или «Установить сейчас». Затем нужно выбрать нужный плагин или тему, прочитать его описание и нажать на кнопку «Установить» или «Добавить». После установки плагин или тема станут активными и будут доступны для использования на сайте (Изображение 6).

2.4.  Создание страниц

 После настройки WordPress я приступил к созданию страниц на сайте. WordPress имеет встроенный инструмент для создания и редактирования страниц – «Редактор страниц». Для создания новой страницы нужно зайти в раздел «Страницы» административной панели, затем нажать на кнопку «Добавить новую» и заполнить необходимые поля.

2.5. Выбор шаблона оформления для сайта

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

Я просидел за просмотром шаблонов очень долго. Мне нравились многие шаблоны, но не везде попадался нужный для меня функционал, или расположение контента не устраивало. Выбор огромный!

Для создания главной страницы я использовал  плагин «Elementor» (Изображение 7).  Это визуальный редактор. Устроен по принципу Drag-and-drop. Чтобы добавить любой элемент на страницу, его нужно захватить мышкой и перетащить в зону редактирования. Страница  буквально собирается из элементов. Они называются виджетами.

Я переносил виджеты из меню в пустую тему и создавал структуру страницы. Вставил нужный текст, настроил цвет, шрифт, размер, интервалы, насыщенность. Загрузил картинку  с компьютера, отредактировал её размер, прозрачность, тени, расположение на странице. Добавил ссылки на социальные сети.

Страница, созданная в Elementor, будет адаптивной. Это значит, что она будет корректно отображаться не только в десктопной версии, но и на смартфонах и планшетах.

2.6.  Добавление контента

 После создания страниц на WordPress я наполнил их контентом. Контент можно добавлять как через административную панель WordPress, так и напрямую на сайте с помощью встроенного редактора (Изображение 8).

 Для добавления контента нужно зайти в соответствующую страницу, выбрать инструмент “Редактор” и начать вводить текст или загружать файлы. Затем нужно сохранить изменения, нажав на кнопку «Сохранить» или «»Опубликовать»      (Изображение 9).

  На установку и настройку WordPress у меня ушло около четырех часов. А на «творчество» больше недели. И это не предел. Постоянно хочется что-то переделать, сделать удобнее, изменить картинку или перекрасить иконки. Увлекательное занятие!

2.7.  Публикация сайта

  Публикация сайта - это процесс размещения сайта в сети Интернет. После создания и настройки сайта необходимо опубликовать его на хостинге. Для этого нужно загрузить файлы сайта на сервер и настроить доступы к ним. Процесс публикации сайта может отличаться в зависимости от хостинга и используемой CMS. В большинстве случаев необходимо загрузить файлы сайта через FTP-клиент или панель управления хостингом, а затем активировать сайт в административной панели CMS. Чтобы сделать все правильно, я нашел обучающее видео и сделал перенос сайта по инструкции. Отлично получилось! Сайт работает.

Осталось зарегистрировать сайт в поисковых системах (ПС) – значит добавить его в очередь на индексирование и тем самым запустить бесплатные механизмы роста его трафика, когда впоследствии  сайт начнет отвечать на запросы пользователей поисковых систем.

2.8. Регистрация сайта на Яндекс.Вебмастер

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

Конечно, можно и не регистрировать – просто ждать, пока поисковые роботы сами доберутся до  сайта и проиндексируют его. Дешево и сердито: никаких трудозатрат вообще, но ждать трафика придется очень долго. А если на него нет и не будет внешних ссылок в сети, то, возможно, этого не произойдет никогда.

Я не знал как это делать, но не  стал изобретать велосипед. Нашел видео и сделал по инструкции.

Вошел в Яндекс.Вебмастер. Сайт на поддомене нужно регистрировать отдельно, но подтвердить права можно одним кодом. Чтобы зарегистрировать сайт, нужно заполнить специальную форму. У каждого поисковика она своя: форма для регистрации сайта в Яндексе: https://webmaster.yandex.ru/sites/add/.  При добавлении нового сайта в поиск, Яндекс просит указывать единственно верный адрес.  Создал Яндекс.Паспорт (регистрация личного почтового ящика), добавил сайт в Яндекс.Вебмастер,   ввел адрес сайта,   подтвердил права. Регистрация площадки в Яндексе заняла меньше 40 минут. Долго шла проверка сайта на уникальность.

Теперь сайт действительно рабочий.

В заключении я еще раз напишу весь план разработки сайта в краткой форме:

• выбираем тематику для сайта;
• подбираем домен, проверяем его историю, чтобы ранее он не был регистрирован;
• регистрируем хостинг и домен;
• устанавливаем SSL сертификат, платный или бесплатный;
• устанавливаем CMS WordPress;
• делаем базовые настройки: Общие, Написание, Чтение, Обсуждение, Медиафайлы, Постоянные ссылки;
• выбираем шаблон оформления для сайта, покупаем или качаем бесплатный;
• устанавливаем и настраиваем шаблон;
• устанавливаем необходимые плагины для СЕО, Защиты, Дополнений;
• выбираем какие фишки будут на сайте и настраиваем их;
• делаем начальное наполнение, создаем страницы;
• создаем политику конфиденциальности;
• добавляем меню;
• добавляем рубрики;
• продумываем будущие метки для статей.

Сайт на WordPress готов. Адрес сайта  https://kmsw.online/

Вывод:

Учиться создавать web-проекты очень интересно, ведь ты можешь получить результаты сразу же, и не важно, сколько еще материала предстоит изучить. Мой проект доказывает, что, не зная, кода, можно создать свой сайт. Особенно порадовало при создании сайта, так это то, что фактически это все делается бесплатно! У WordPress есть много вариантов подписки, в том числе и бесплатная и ее хватает для создания и размещения своего сайта! Все траты у меня были произведены на аренду сервера, покупку доменного имени, сертификат для сайта, а это около двух тысяч рублей. Если заказать сайт у специалиста, то он обойдется в десятки раз дороже.

Кроме того, сообщество WordPress активно поддерживает пользователей, предоставляя им доступ к форумам, учебным материалам, а также возможности получения помощи от опытных разработчиков и администраторов.

Таким образом, все эти свойства делают WordPress идеальным решением для создания сайтов любого уровня сложности.

ЗАКЛЮЧЕНИЕ

В ходе выполнения проекта была подробно изучена система WordPress и ее дополнения. Основным этапом в изучении стало создание на ее основе полноценного интернет-сайта,  отвечающего всем современным нормам. Он сочетает в себе удобство, функциональность и яркий, запоминающийся внешний вид. Чтобы придать сайту уникальность были разработаны графические элементы оформления. Все манипуляции с шаблоном производились через панель управления сайтом. Им можно легко управлять и в дальнейшем, что делает его удобным для администрирования. Созданный сайт готов и запущен  в интернет. Успешно протестирован на различных устройствах — начиная от персонального компьютера, заканчивая смартфоном. На всех устройствах web-сайт отображается корректно и просмотр его  комфортен.

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

Я выполнил задачи, которые наметил себе перед написанием данной работы. Создал собственный адаптивный сайт с удобным функционалом. Подготовил презентацию проекта. Цель  проекта «Разработка и создание сайта в системе WordPress» достигнута.

В проекте я поделился причинами, по которым считаю, почему стоит выбрать WordPress вместо любой другой платформы для создания своего веб-сайта. Если перед вами стоял вопрос, стоит ли делать сайт на WordPress, надеюсь выводы были достаточно убедительны и помогут  вам определиться. Если вы создаете свой веб-сайт на WordPress, у вас есть полный контроль над тем, чтобы сделать его таким, каким вы хотите, без ограничений.  WordPress как вода, которая принимает форму сосуда, в который вы ее наливаете. Не забывайте вносить плату за хостинг, отнеситесь ответственно к защите сайта и могу вас заверить, что даже если вы не будете следить за ним годами, он будет таким, какой он есть, и никто не сможет отобрать его у вас, поскольку это ваша собственность. У вас будет полный контроль над ним. Конечно, можно доверить работу по созданию сайта профессионалам, т.е. людям, которые уже довольно давно занимаются данной тематикой, знают все тонкости и подводные камни. Но это достаточно дорого, и ведь не для того же вы прочли этот проект, что бы передать функции создания сайта какому-то другому человеку. Попробуем сделать это вместе.

Если у вас еще нет своего сайта или вы хотите перейти на более удобную и функциональную платформу, то WordPress — это отличный выбор для вас. Не бойтесь экспериментировать и развиваться — ведь вместе с WordPress ваши возможности будут поистине неограниченными!

СПИСОК ЛИТЕРАТУРЫ

Список источников и литературы

1. Ашманов И. «Оптимизация и продвижение сайтов в поисковых системах». Издательство: «Питер», 2010 г.,  40 стриниц.
2. Барысов Р. Постройте профессиональный сайт сами». Издательство «Питер»., 2000  г.,  22страницы.
3. Бердышев С.Н.  «Искусство оформления сайта». Практическое пособие. Издательство «Дашков и К», 2010 г.,  48 страниц.
4. Бэйли Л. «Изучаем SQL». Изздательство «Питер», 2012 г., 592 страниц.
5. Горнаков С.Г. «Осваиваем популярные системы управления сайтом». Издательство «Пресс», 2009 г.,  336 страниц .        
6. Горнаков С.Г. «Секреты управления сайтом».  Издательство «Пресс», 2010 г.,  336 страниц.
7. Грачев А. «Создаем свой сайт на WordPress. Быстро, легко и бесплатно». Издательство «Питер», 2011 г.,  288 страниц.        
8. Колисниченко Д. «Выбираем лучший бесплатный движок для сайта». Издателство «Петербург», 2010 г.,  288 страниц.        
9. Лайза Сабин-Вильсон «WordPress для чайников».  Издательство «Вильямс», 2010 г., 368 страниц.  
10. Робин Никсон «Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS». 2-е издание. Издательство «Питер», 2013 г., 208 cтраниц.
11. Фельке-Моррис Терри. «Большая книга веб-дизайна». Издательство «Эксмо», 2012 г., 608 страниц.
12. Якушина Е. «Изучаем Интернет. Создаём Web-страничку».  Издательство «Питер», 2009 г.,  56 страниц.

Интернет-ресурсы

1. WordPress.com: создание сайтов, продажа товаров, ведение блогов и многое другое [Электронный ресурс] URL:  https://wordpress.com/ru/  

https://wordpress.com/ru/

2. Что такое Wordpress: о программе и работе с ней | Рег.ру

[Электронный ресурс] URL: https://help.reg.ru/support/hosting/cms/chto-takoye-wordpress-o-programme-i-rabote-s-ney

https://help.reg.ru/ 

3. Конструктор сайтов WordPress | WordPress.com

[Электронный ресурс] URL: https://wordpress.com/ru/website-builder/?aff=9818&cid=972838&yclid=4306415341320011775

 https://wordpress.com/ru

4. Что такое вордпресс, для чего он подходит и как им пользоваться

[Электронный ресурс] URL: https://wpcourses.ru/chto-takoe

 https://wpcourses.ru

5. WordPress - YouTube

 [Электронный ресурс] URL: https://www.youtube.com/channel/UCpJf6LGZ0a4n9Lj4aVt9spg

 https://www.youtube.com

 ПРИЛОЖЕНИЕ

Таблица № 1

                                                                     Изображение 1

   Изображение 2

                             Изображение 3                                                  Изображение 4

Изображение 5

Изображение 6                                                        Изображение 7

                       Изображение 8                                                            Изображение 9