Программирование

Создание сайта на WordPress: основные этапы и настройки

Дата публикации: 16.06.2022

15 337

Время чтения: 15 минут

Дата обновления: 29.09.2023

Автор статьи:

Редакция сайта GeekBrains Шеф-редактор раздела Программирование

В статье рассказывается:

В статье рассказывается:

Плюсы и минусы создания сайта на WordPress
Выбор домена и хостинга для создания сайта на WordPress
Установка WordPress для создания сайта
Дизайн и темы сайта на WordPress
Базовые настройки сайта на WordPress
Создание постоянных страниц и навигации сайта на WordPress
Добавление контента на сайт
Установка необходимых плагинов для сайта на WP
Популярные плагины WordPress
4 ошибки в создании и ведении сайта на WP
Альтернативы WP для создания сайта
Пройди тест и узнай, какая сфера тебе подходит:
айти, дизайн или маркетинг.

Бесплатно от Geekbrains

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

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

Плюсы и минусы создания сайта на WordPress

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

Плюсы.

Пожалуй, первое, что нужно отметить – отсутствие платы за пользование. Для сравнения: 1С-Битрикс предлагает минимальный пакет за 15 900 рублей.
На WordPress открытый код, то есть сайт впоследствии можно доработать.
Платформа предлагает широкий выбор шаблонов, расширений, дополнений – как платных, так и бесплатных.
По работе с системой есть масса информации в свободном доступе, поэтому все проблемы решаются оперативно.
Интуитивно понятный интерфейс админки, простота работы в ней.
Созданный сайт совместим практически с любым хостингом: у большинства из них есть встроенный инструмент установки WordPress.
Платформа позволяет создавать самые разные сайты – как небольшие сайты-визитки, так и серьезные порталы с разветвленной структурой и большим количеством страниц.

Минусы.

Техническая поддержка отсутствует. Чтобы найти какую-то информацию, придется гуглить.
Без подходящего плагина нельзя создать даже банальный sitemap или править robots.txt.
Платформа не предназначена для создания крупных интернет-магазинов, в этом плане она уступает Битриксу.
Отсутствует возможность резервного копирования из стандартного решения. Для переноса сайта или создания копии нужно сперва установить соответствующий плагин или получить доступ к хостингу и его инструментам.
Сайт на WordPress больше подвержен взлому по сравнению с сайтом на CMS, так как у первого открытый код, а у второго – закрытый.

Выбор домена и хостинга для создания сайта на WordPress

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

Существуют специальные гайды по выбору хостинг-провайдера, но можно не тратить время на поиски и обратиться в Reg.ru, Beget, Netangels – это проверенные провайдеры с отличной репутацией. Они помогут зарегистрировать домен (сначала его нужно придумать и проверить, свободен ли он, а потом оплатить регистрацию).

Очевидно, что доменное имя и название сайта/компании должны совпадать или быть похожи. Например, фирме «Весна» стоит выбрать домен vesna.ru. Имя должно быть коротким, легким для восприятия и набора в смартфоне или на компьютере.

Доменная зона не оказывает влияние на позицию сайта в поисковой выдаче и его технические характеристики, но может по-разному восприниматься пользователями. Как показывает практика, аудитория больше доверяет ресурсам с доменными зонами .ru или.com, чем, например, wordpress.com или blogspot.com.

Поэтому если сайт коммерческий и предполагает большую посещаемость, лучше предпочесть домен верхнего уровня: .com, .info, .org, .net, .ru, .by и т.п. Кроме того, недавно появились новые домены первого уровня: .club, .guru, .ninja, .expert и другие

Установка WordPress для создания сайта

Создание сайта на WordPress начинается с установки системы управления. Рассмотрим этот процесс пошагово.

В боковом меню открываем вкладку «Каталог CMS».
Выбираем WordPress.
Нажимаем на кнопку «Установить приложение».
Открывается окно, в нем нужно выбрать домен, на который будет установлен WordPress.
Нажимаем «Начать установку».
Забиваем логин и пароль (их можно найти в почте, которая была указана при регистрации).
В боковой панели открываем меню «Сайты».
Заходим в только что созданный ресурс на базе WordPress.

Узнай, какие ИТ - профессии
входят в ТОП-30 с доходом
от 210 000 ₽/мес

Павел Симонов

Исполнительный директор Geekbrains

Команда GeekBrains совместно с международными специалистами по развитию карьеры подготовили материалы, которые помогут вам начать путь к профессии мечты.

Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее будущее!

Скачивайте и используйте уже сегодня:

Павел Симонов

Исполнительный директор Geekbrains

Топ-30 самых востребованных и высокооплачиваемых профессий 2023

Поможет разобраться в актуальной ситуации на рынке труда

Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка

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

ТОП-100 площадок для поиска работы от GeekBrains

Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽

pdf 3,7mb

doc 1,7mb

Уже скачали 31984

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

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

После установки CMS, сайт имеет стандартный вид, который большинство создателей меняет на что-то более оригинальное с помощью имеющихся шаблонов и тем. При этом меняется не только визуал, но и функционал. К примеру, есть дизайн с двумя боковыми панелями, в которых собрано меню. А есть дизайн без панелей, где навигация размещается в «шапке».

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

Будет ли у сайта мобильная версия? При ее наличии нужно подобрать шаблон с адаптивным дизайном, который автоматически подстраивается под размер экрана смартфона/планшета. Если вы запускаете интернет-магазин или сайт с предполагаемой большой посещаемостью, для вас такие шаблоны особенно актуальны.
Насколько компании важен уникальный дизайн сайта? Дело в том, что бесплатные шаблоны имеют широкое распространение, а значит, в интернете много очень похожих сайтов. Бесплатный вариант можно уникализировать, но придется потратить на это немало времени. А можно просто приобрести оригинальный платный шаблон – их созданием занимаются специализированные веб-студии. Компания получит от подрядчика не только персональный дизайн сайта, но и техническую поддержку (помощь в установке, обновление файлов и прочее).
На какую аудиторию рассчитан будущий сайт – исключительно русскоязычную или международную? От этого зависит выбор языка темы (меню, навигация и т.п.). Поиск шаблона под английский язык можно вести в иностранных каталогах.

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

Алгоритм установки выбранной темы.

Открыв страницу шаблона, нужно скачать архив с файлами.
Зайдя в панель администратора вебсайта, необходимо найти меню «Внешний вид», перейти во вкладку «Темы» и нажать «Install a Theme».
В открывшемся меню нужно кликнуть по пункту «Выберите файл», указать путь до дистрибутива и нажать «Install». Произойдет загрузка архива и перенос нужных файлов на сервер.
В меню «Внешний вид — Темы» активируем установленный шаблон (нужно выбрать свой дизайн и нажать кнопку «Активировать»).
Если внешний вид сайта удовлетворяет создателя, можно приступать к его настройке.

Базовые настройки сайта на WordPress

Так как мы рассматриваем создание сайта на WordPress с нуля, поговорим о базовой настройке его параметров. Стоит отметить, что он готов к эксплуатации сразу после установки движка, однако для полноценной работы ресурс необходимо привести к определенному виду. Это делается на административной панели в разделе «Настройки». Имеет смысл изучить каждый его подраздел.

Общие

В этом подразделе необходимо прописать название сайта, заполнить описание, ввести его адрес два раза, добавить e-mail, на который будут приходит различные уведомления (например, о наличии обновлений и событиях на сайте). Кроме того, нужно выбрать часовой пояс, время и дату, язык. Также имеет смысл установить запрет на регистрацию пользователей, так как пока это неактуально.

Помогут писать код быстрее на 25%

Чтобы получить файл, укажите e-mail: Подтвердите, что вы не робот, указав номер телефона:

Я подтверждаю согласие на обработку персональных данных

Написание

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

Стоит добавить один или несколько адресов службы обновлений, которые взаимодействуют с поисковиками, сообщая им о появлении на сайте новых публикаций. Это может быть служба http://rpc.pingomatic.com, которая имеется в настройках по умолчанию – просто оставляем её в строке.

Чтение

Тут необходимо выбрать, что будет видеть пользователь сайта на главной странице – свежие посты из блога или статическую страницу. Далее нужно настроить такие параметры, как количество постов, которые будут отображаться на странице, число элементов в RSS-ленте и то, как они будут выглядеть (весь текст или только анонс). Можно установить запрет на индексацию сайта поисковыми системами.

Обсуждение

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

Медиа-файлы

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

Постоянные ссылки

Выберите, как будут выглядеть адреса страниц и постов. Например, можно установить значение «Название записи». Если есть желание указать в ссылке на материал категорию, в которой он размещён, следует отметить пункт «Произвольно» и вставить конструкцию /%category%/%postname%/.

Создание постоянных страниц и навигации сайта на WordPress

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

Дарим скидку от 60%
на обучение «Веб-разработчик» до 01 декабря

Уже через 9 месяцев сможете устроиться на работу с доходом от 150 000 рублей

Забронировать скидку

В панели инструментов WordPress выбираем «Страницы» → «Добавить новую», затем вносим правки по пунктам.
Место для заголовка страницы. Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word: имеются основные функции форматирования текста (полужирный шрифт, курсив, выравнивание текста по левому, правому краю, центру, создание списков и т. д.).
Переключение между текстовым и визуальным редакторами. Первый стоит использовать, только если имеются знания в области создания HTML-кода.
Раздел публикации. Это основная кнопка публикации.
Обсуждение. Здесь можно разрешить или запретить комментирование постов. Параметр «обратные ссылки и уведомления» заполнять необязательно.
Главное изображение. Практически во всех шаблонах WordPress имеется изображение, которое отображается на видном месте рядом с вашей страницей.
Закончив настройку страницы, нужно нажать «Опубликовать».

Только до 25.11

Скачай подборку материалов, чтобы гарантированно найти работу в IT за 14 дней

Список документов:

ТОП-100 площадок для поиска работы от GeekBrains

20 профессий 2023 года, с доходом от 150 000 рублей

Чек-лист «Как успешно пройти собеседование»

Чтобы получить файл, укажите e-mail:

Введите e-mail, чтобы получить доступ к документам

Подтвердите, что вы не робот,
указав номер телефона:

Введите телефон, чтобы получить доступ к документам

Уже скачали 52300

Я подтверждаю согласие на обработку персональных данных.

Теперь рассмотрим страницы, которые нужно сделать в обязательном порядке.

О нас. Здесь компания/человек имеет возможность рассказать о себе и своей деятельности, истории развития, целях, задачах, приоритетах, ценностях.
Контакты. Страница содержит информацию о том, как связаться с представителями компании, где она находится. Тут же может располагаться форма обратной связи (ее можно получить с помощью плагина WPForms).
Политика конфиденциальности. В наше время сохранение персональных данных пользователей имеет огромное значение для аудитории.
Портфолио. Раздел, где представлены результаты работы компании или предпринимателя.
Магазин. Необходим тем, кто планирует продавать свои услуги или продукцию через сайт. В данном случае потребуется плагин WooCommerce — лучший вариант для электронной коммерции на WordPress.

Огромное значение на любом сайте имеет меню. Его удобство делает ресурс интуитивно понятным и привлекательным для пользователей. И напротив – сложное и неудобное меню способствует тому, что пользователь покинет сайт, не желая тратить время на его длительное изучение.

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

На панели инструментов WordPress нужно зайти во вкладку «Внешний вид» → «Меню». Слева будут расположены все страницы, которые могут быть добавлены в меню сайта. А справа можно увидеть саму структуру меню и все её настройки.
Теперь нужно выбрать нужные страницы сайта, например, «О нас» и «Контакты», и добавить их в меню. Плюс в том, что все элементы меню можно перетаскивать, меняя их порядок так, как это нужно создателю.
Выбрав все страницы, нужно определиться с местоположением меню. Как правило, с его располагают в верхней части сайта. В конце нужно сохранить настройки, нажав «Сохранить меню».

Добавление контента на сайт

Рассмотрим алгоритм добавления контента на страницы и в записи.

Жмем на кнопку «Добавить новую».
Вводим заголовок, содержащий главную идею страницы или записи.
Наполняем большое поле контентом.

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

Текст можно отформатировать в зависимости от потребностей (жирный, курсив). Также можно добавить изображения, для этого нужно нажать «Добавить медиафайл». Сверху от поля ввода текста располагаются кнопки с дополнительным функционалом. Можно отформатировать элемент как заголовок или подзаголовок. Чтобы это сделать, нужно выделить текст и изменить значение «Параграф» на «Заголовок 1», «Заголовок 2» и т.д.

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

Установка необходимых плагинов WP

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

WooCommerce. Позволяет сделать из обычного сайта интернет-магазин. Если вы планируете продавать свои услуги или товары в интернете через сайт на WordPress, нужно будет установить такой плагин.
Yoast SEO. Плагин для поисковой оптимизации (SEO). Способствует созданию контента, который идеально подходит под поисковые системы и способствует продвижению ресурса.
W3 Total Cache. Плагин, действие которого направлено на ускорение загрузки сайта на устройствах пользователей при последующих посещениях.
Keyy Two Factor Authentication. Плагин, обеспечивающий безопасность сайта, препятствующий неправомерному доступу к нему со стороны третьих лиц. Он запрашивает подтверждение личности через дополнительное устройство.

Алгоритм установки плагинов.

В административной панели WordPress заходим в раздел плагинов.
В верхней части страницы нажимаем “Добавить новый”.
В поисковой строке водим ключевое слово для поиска нужного плагина, жмем кнопку “Установить” возле его названия. Если был скачан конкретный плагин, нужно нажать “Загрузить плагин” – “Выберите файл” — “Установить”.
В конце выбранный плагин нужно активировать путем нажатия на соответствующую кнопку.

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

Не обращать внимание на обновления

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

Хотите получить одну из самых востребованных профессий в 2023 году? Станьте веб-разработчиком! Всего за 9 месяцев обучения вы познакомитесь с веб-технологиями, изучите популярные языки программирования и сможете самостоятельно создавать адаптивные сайты и интерактивные веб-приложения. Не упустите возможность стать специалистом одной из самых высокооплачиваемых и актуальных направлений. Присоединяйтесь к нам уже сейчас!

Использование логина «admin» и простого пароля

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

4 ошибки в создании и ведении сайта на WP

Логин «admin» устанавливается на WordPress по умолчанию. Поэтому при настройке сайта необходимо изменить его на более сложный, а в комментариях выводить свое настоящее имя.

Отсутствие проверки тем WordPress

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

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

Альтернативы WP для создания сайта

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

Joomla. Бесплатная CMS, которая рассчитана на создание главным образом информационных веб-ресурсов, блогов и конечно интернет-магазинов. Joomla чуть сложнее, чем WordPress, в ней больше плагинов и шаблонов. Тому, кто делает сайт с помощью этого движка, необходимо знать коды CSS, HTML.
Drupal. Отличная бесплатная платформа для создания простых сайтов. Однако новичкам не подходит, поскольку для ее использования нужно иметь знания в программировании. Универсальная CMS, с помощью которой удобно создавать новостные сервисы, соцсети, интернет-магазины, корпоративные сайты.
ModX. Не самый востребованный движок. Создать с его помощью что-то сложное не получится, так как на платформе скудный выбор дополнений. Требует подготовки в области программирования для создания дополнительных функций.
1С-Битрикс. Надежная и безопасная платформа, созданная отечественными разработчиками. Представлена в нескольких версиях, которые отличаются количеством встроенных модулей. Одни из них подходят для интернет-магазинов, другие – для информационных порталов. За пользование этой CMS придется заплатить.
NetCat. Платформа предлагает 6 вариантов доступа. Цена зависит от функционала. Если необходимо создать простой сайт, блог или информационных ресурс, лучше выбрать другой движок.
Webasyst. Эта CMS хорошо подходит для управления интернет-магазинами, так как содержит разные варианты оплаты. Кроме того, тут большой выбор плагинов – как платных, так и бесплатных. Имеется встроенная рассылка писем, ее стоимость – 3 копейки за единицу. Пользователю предоставляется бесплатный доступ к платформе в течение первого месяца, этого достаточно, чтобы оценить функционал и удобство движка.