Как создать свой сайт на wordpress

Как создать сайт на WordPress с нуля: пошаговая инструкция

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

Сайт на WordPress с нуля: как сделать самому в 2024

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

1. Выбор хостинга и регистрация домена.
2. Установка CMS WordPress.
3. Создание страниц.
4. Создание рубрик.
5. Создание записей.
6. Выбор и настройка темы.
7. Установка плагинов.
8. Установка кодов счетчиков и верификации на сайт.
9. Настройка HTTPS.
10. Тестирование и открытие к индексации.

Ниже мы подробнее расскажем о каждом этапе создания сайта на WordPress.

№1. Выбор хостинга и регистрация домена

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

• стоимость — цена не должна быть сильно завышена или занижена;
• расположение дата-центров — если ваша целевая аудитория находится в России, то рекомендуем выбирать хостинг с серверами в РФ;
• панель управления хостингом — она должна быть удобной и интуитивно понятной, например, как ispmanager или DirectAdmin;
• наличие тестового периода — так вы сможете бесплатно убедиться в качестве хостинга;
• график работы техподдержки — поддержка должна работать круглосуточно;
• автоматическую установку CMS — для экономии сил и времени.

Мы будем показывать все действия на примере виртуального хостинга RuWeb — он соответствует нашим требованиям для создания сайта на ВордПресс.

Выбираем тарифный план (нам подойдет самый дешевый тариф) и проходим простую процедуру регистрации.

После регистрации мы попадаем в биллинг-панель, из которой будем заказывать и оплачивать услуги. Зарегистрируем доменное имя для будущего сайта — для этого перейдем в раздел «Домены», вводим нужный адрес (предварительно проверив его на доступность через Whois-сервис) и нажимаем кнопку «Добавить».

Далее выбираем регистратора домена (в нашем случае — МаксНейм) и нажимаем «Дальше».

Срок регистрации — 1 год. Заполняем список DNS-серверов: мы будем заказывать хостинг одновременно с доменом в RuWeb, поэтому оставляем список DNS пустым.

Если хотим, чтобы домен продлевался автоматически — ставим галочку в соответствующее поле. Заполняем регистрационную анкету (на кого будет регистрироваться домен). Нажимаем кнопку «Готово».

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

Далее переходим в раздел «Сайты» и добавляем новый сайт. В поле домен вводим доменное имя, которое регистрировали ранее. Выбираем тарифный план и срок обслуживания (мы выбрали срок в 1 месяц). Если вы впервые пользуетесь услугами хостинга, то вам доступен бесплатный пробный месяц. Выбираем условие, по которому мы можем получить тестовый период (на нашем счете есть 90 рублей), и нажимаем «Заказать».

Попадаем на страницу обработки заявок и подтверждаем наш заказ.

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

Мы обновили главную страницу биллинга через 30 минут — отлично, все услуги активны!

После того, как домен зарегистрируется, необходимо в панели управления доменом прописать DNS-серверы хостинг-аккаунта. Панель управления доменом находится в биллинге в разделе «Домены» > «Управление».

Необходимые DNS-серверы нужно взять из письма с данными хостинг-аккаунта (оно придет на вашу почту после активации хостинга).

Перейдите в ​​управление доменом и нажмите «Изменение списка DNS-серверов». Укажите новые DNS из письма и сохраните изменения.

Делегирование домена у регистратора занимает некоторое время. Сайт может заработать уже через 15 минут, но среднее время распространения информации составляет от 24 до 72 часов. После того, как делегирование домена пройдет успешно, перейдем к установке CMS.

№2. Установка CMS WordPress

Следующий шаг — установка CMS WordPress на сайт. В биллинг-панели переходим в раздел «Сайты» и нажимаем «Подробно» напротив нужного. Нажимаем на кнопку «Войти в панель управления хостингом DirectAdmin».

Мы попадаем в панель DirectAdmin — из нее мы сможем управлять хостингом и файлами нашего сайта.

Обратите внимание, перед установкой необходимо обновить версию PHP. Для этого в панели управления хостингом DirectAdmin перейдите в раздел «Настройки PHP» > «Выбор версии PHP» и выберите самую последнюю версию. В разделе «Расширения PHP» выберите все пункты.

Для автоматической установки CMS WordPress переходим в раздел «Softaculous Auto Installer».

Переходим в раздел «Блоги» > «WordPress» и нажимаем на кнопку «Установить сейчас».

Выбираем URL установки (наш домен), а также логин и пароль для входа в админку WordPress. Директорию установки оставляем пустой. Остальные детали установки можно оставить без изменений — мы сможем поменять их в процессе создания сайта.

Нажимаем кнопку «Установить» в конце страницы и ждем завершения установки.

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

Отлично, все работает. Перейдем к настройкам и наполнению сайта.

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

Перейдем в панель управления WordPress: она доступна по ссылке:

http://ваш-сайт.ру/wp-admin/

Логин и пароль для входа мы придумывали ранее при установке CMS. Для начала закроем сайт от индексации, чтобы поисковые системы не смогли добавить страницы сайта в поиск раньше времени. Перейдем в раздел «Настройки» > «Чтение» и поставим галочку напротив пункта «Видимость для поисковых систем». Сохраним изменения.

Далее сделаем так, чтобы мы могли самостоятельно выбирать URL страниц нашего сайта. Для этого переходим в «Настройки» > «Постоянные ссылки». Выбираем поле «Произвольно» и вставляем в него этот фрагмент:

/%category%/%postname%/

Теперь мы готовы создать первые страницы сайта. Переходим в раздел «Страницы» и нажимаем «Добавить новую».

Мы сделаем сайт о WordPress. Создадим страницу «О проекте». Откроется визуальный редактор, в котором можно редактировать страницу: в меню слева можно добавлять текст, видео, изображения, таблицы, сторонний код и другой контент. Справа можно изменить URL страницы (для этого сохраните черновик, а потом просто нажмите на URL), выбрать автора, добавить изображение записи и задать другие настройки. Опубликуем изменения.

По аналогии добавим страницы «Часто задаваемые вопросы» и «Связаться с нами».

№4. Создание рубрик

Рубрики в WordPress — это разделы, содержащие группы однотипных страниц. Например, создадим рубрику «Инструкции WordPress», в которой будем выкладывать обучающие материалы. Переходим в раздел «Рубрики» и добавляем новую: придумываем название, ярлык (будущий URL) и краткое описание.

По аналогии добавим рубрики «Видеоуроки» и «Частые ошибки».

№5. Создание записей

Записи — это и есть те самые «однотипные» страницы, которые будут содержаться в рубриках. Например, добавим запись «Как поменять тему на WordPress». Переходим в раздел «Все записи» и нажимаем «Добавить новую».

Добавим контент на страницу, установим изображение записи, изменим URL, а в поле «Рубрики» выберем «Инструкции WordPress».

По аналогии добавим еще несколько записей в каждую рубрику.

№6. Выбор и настройка темы

По умолчанию устанавливается стандартная тема. Чтобы ее изменить, перейдем в раздел «Внешний вид» > «Темы». Нажимаем «Добавить новую тему».

Мы попадаем в каталог со всеми темами в WordPress. Выбираем вариант, который вам нравится и подходит под нужды проекта — для примера мы выбрали тему «Blocksy». Устанавливаем ее и активируем.

Логотип и фавикон

Переходим на сайт и убедимся, что тема установлена. Нажимаем «Настроить» в верхней части экрана.

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

В свойствах сайта можно загрузить иконку, которая будет отображаться в браузере.

Чтобы загрузить логотип, перейдем в раздел «Шапка».

Далее перейдем в раздел «Логотип», где загрузим лого, придумаем название и описание сайта. Опубликуем изменения.

Настройка меню

Добавим главное меню на сайт. Переходим в раздел «Меню».

Нажимаем «Создать новое меню». Придумываем ему понятное название и выбираем место, где оно будет отображаться (мы выбрали расположение в шапке сайта). Нажимаем «Далее».

Нажимаем «Добавить элементы». Выбираем элементы, которые будут отображаться в меню. Мы выбрали рубрики и страницы:

1. Инструкции WordPress.
2. Видеоуроки.
3. Частые ошибки.
4. О проекте.

Страницы «Связаться с нами» и «Часто задаваемые вопросы» будут отображаться при наведении на страницу «О проекте». Чтобы настроить выпадающее меню, просто перетащите нужные элементы чуть правее с помощью мыши. Опубликуем изменения.

Отображение записей

Следующий этап — настройка отображения записей. Переходим в раздел «Записи блога», чтобы настроить отображение на главной странице. Выберем структуру блога — стандартную (чтобы записи отображались друг под другом), ограничим количество записей на странице — максимум 5 штук — и включим сайдбар (область справа).

Перейдем в «Настройки карточки». Здесь мы изменим отображение карточек с записями: добавим отрывок, кнопку «Читать далее», уберем автора статьи. Опубликуем изменения.

Изменение сайдбара и виджетов

Чтобы изменить внешний вид сайдбара, перейдем в раздел «Сайдбар». Здесь можно установить его внешний вид, ширину, отступы и задать другие настройки.

Чтобы изменить содержимое сайдбара, перейдем в раздел «Виджеты» > «Главный сайдбар».

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

Настройка футера

Наш сайт практически готов. Чтобы настроить внешний вид футера, переходим в раздел «Подвал». Здесь можно настроить копирайт (например, удалить автора темы), добавить виджет с дисклеймером, добавить ссылки на важные страницы сайта. Просто выберите виджет и переместите его в нужный раздел футера.

Обратите внимание, меню с настройками различается в каждой теме, однако принцип работы остается идентичным. Не бойтесь экспериментировать — настройки всегда можно изменить.

№7. Установка плагинов

Плагины позволяют облегчить работу с CMS, а также расширить ее стандартный функционал. Например, плагин «Yoast SEO» позволяет прописывать title, description, добавлять микроразметку, подтверждать права на сайт и многое другое. Перейдем в раздел «Плагины» > «Добавить новый». В поиске введем слово «seo», установим и активируем нужный плагин.

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

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

1. File Manager. Позволит редактировать, удалять, загружать, скачивать, копировать и вставлять файлы и папки.
2. Antispam Bee. Антиспам-плагин с продуманным набором инструментов для эффективной ежедневной борьбы со спамом.
3. Jetpack. Предназначен для защиты, резервного копирования, повышения скорости работы и развития вашего сайта WordPress.

№8. Установка кодов счетчиков и верификации на сайт

Для подробной аналитики трафика и продвижения сайта в поиске зарегистрируйтесь в сервисах:

1. Яндекс.Вебмастер.
2. Яндекс.Метрика.
3. Google Search Console.
4. Google Analytics.

Подтвердите права на сайт с помощью плагинов:

1. Для Яндекс.Вебмастера и Google Search Console подойдет «Yoast SEO». В его настройках перейдите в раздел «Инструменты веб-мастеров» и введите коды верификации в соответствующие поля.
2. Для Метрики и Аналитики используйте плагин «Simple Counter».

№9. Настройка HTTPS

Чтобы установить бесплатный SSL-сертификат в RuWeb, в панели управления DirectAdmin перейдите в раздел «Установка SSL-сертификата».

Далее нажимаем «Click here to enable SSL on the domain».

Ставим галочку напротив «Поддержка SSL». Устанавливаем «Перенаправлять с www на без www». Сохраняем изменения.

Далее еще раз сохраняем изменения возле пункта «Использовать private_html как ссылку на public_html».

Снова заходим в раздел «SSL-сертификат». Выбираем пункт «Установить бесплатный сертификат от Let’s Encrypt». Выбираем домен нашего сайта. Сохраняем изменения.

Должно появиться сообщение о том, что сертификат и ключ установлены. Изменения вступят в силу через минуту.

После того как пройдет минута и сертификат будет установлен, переходим в раздел «SSL-сертификат» и внизу ставим галочку напротив «Принудительно перенаправлять все незащищенные запросы на https». Нажимаем «Сохранить».

Теперь при переходе на сайт по протоколу «http», наш веб-ресурс автоматически будет перенаправляться на «https».

Обратите внимание, в разных панелях управления установка SSL-сертификата проходит по-разному. Мы составили инструкцию на примере DirectAdmin, которая используется в RuWeb.

№10. Тестирование и открытие к индексации

Перед тем, как открывать сайт к индексации, убедитесь, что:

1. На сайте нет битых ссылок с кодом ответа 404.
2. Сайт отображается корректно на разных устройствах.
3. Скорость загрузки оптимизирована под мобильные и десктопы.
4. Все разделы и страницы наполнены контентом.
5. Отсутствуют дубли страниц, заголовков и метатегов.
6. Формы с обратной связью открываются и работают верно.
7. Присутствуют файлы robots.txt и sitemap.xml.
8. Отсутствуют другие ошибки, которые могут сказаться на ранжировании сайта.

После тестирования перейдите в раздел «Настройки» > «Чтение» и уберите галочку напротив пункта «Попросить поисковые системы не индексировать сайт». Сохраните изменения.

Заключение

Теперь вы знаете, как сделать сайт на ВордПресс самостоятельно без помощи профессиональных разработчиков. Остались вопросы? Задавайте их в службу технической поддержки на сайте, мы обязательно вам поможем с установкой движка. Если статья была полезной, сохраните ее и поделитесь с друзьями в соцсетях.

Как создать сайт на WordPress — подробная инструкция

WordPress – это удобная площадка для разработки качественных веб-ресурсов. Это бесплатная и довольно простая система управления контентом (CMS). Сегодня на базе WordPress работают около 30% сайтов в мире.

Плюсы WordPress

—Простые настройки

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

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

—Разнообразие дизайна и большой набор плагинов

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

—Удобство для продвижения

WordPress обладает встроенной оптимизацией под поисковые запросы. Шаблоны сайтов постоянно изменяются в соответствии с современными требованиями.

Так как же создать свой собственный сайт?

1. Для начала выберите тематику

Занимайтесь тем, что вам действительно интересно, о чем вы можете увлеченно рассказывать часами. Если вы эксперт в своей области, это повысит ваши шансы. Найти вдохновение и интересные идеи помогут рейтинги проектов Яндекса, Рамблера, LiveInternet.

2. Выберите домен и хостинг. Пройдите регистрацию

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

Проверить, свободен ли желаемый домен, можно на сервисе https://timeweb.com/ru/services/domains/

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

Как проследить историю? Первый способ – зайти на сайт https://web.archive.org Введите придуманное вами доменное имя и посмотрите у какого веб-ресурса оно уже было. В некоторых случаях этот сервис показывает, как выглядело оформление прежнего сайта и какие на нем размещались материалы.

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

3. Приобретите хостинг

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

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

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

Когда сайт «перейдет во взрослую лигу» и на него начнут заходить больше тысячи пользователей в день, потребуется более дорогой тариф или VDS-хостинг. Это — аренда виртуального выделенного сервера. Он подходит для профессиональных веб-ресурсов с высокой нагрузкой.

Регистрация хостинга: пошаговый алгоритм

—Найдите вкладку «Хостинг»

—Укажите адрес электронной почты и ФИО (для регистрации)

—Дождитесь получения логина и пароля

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

Регистрация хостинга: порядок действий

—Найдите на панели управления хостингом вкладку «Домены и поддомены»

—Выберите пункт «Зарегистрировать домен»

—Укажите доменное имя

—Дождитесь уведомления о том, что домен свободен

—Нажмите кнопку «Зарегистрировать»

—Выберите пункт «Создать нового администратора» и введите свои данные. Это нужно для того, чтобы у сайта появился управляющий.

—Оплатите пользование доменом и дождитесь активации.

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

4. Настройте SSL-сертификат

SSL-сертификат – это цифровая подпись сайта, которая нужна для безопасного соединения. Он позволяет зашифровать весь процесс обмена информацией между сайтом и пользователем. Эта информация становится недоступной для третьих лиц, системных администраторов и даже провайдеров.

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

SSL-сертификат необходим веб-ресурсам, которые содержат конфиденциальные данные: логины и пароли, банковскую информацию и персональные сведения.

Сайт, защищенный цифровой подписью, открывается по ссылке https://

Бесплатный сертификат можно найти в админке самого хостинга.

5. Запустите движок WordPress

Главный плюс движка WordPress – встроенный механизм SEO-оптимизации. Установив движок, вы получите возможность указывать для каждой статьи ее название, тег с кратким описанием, блок ключевых слов для keywords и для облака тегов, а также сможете публиковать материалы задним числом или в будущем.

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

6. Установите опциональные настройки

В разделе настройки выберете все, что считаете нужным. Самое важное – название сайта. В пункте «Краткое описание» напишите о теме вашего проекта с использованием ключевых словосочетаний.

Затем настройте форматирование и сервисы обновления. В «Настройках чтения» можно указать, что вы хотите видеть на главной странице. В «Настройках обсуждения» можно разрешить оставлять комментарии на новые статьи и обязать авторов комментариев указывать свое имя и e-mail. Галочка напротив пункта «Комментарий должен быть одобрен вручную» избавить вас от несанкционированной рекламы. Не забудьте сохранить все изменения.

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

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

Бесплатный набор шаблонов легко найти на официальной странице https://ru.wordpress.org/themes/ Большая коллекция покупных шаблонов с русскоязычной админкой лежит на Root и JournalX. Огромная галерея с шаблонами, которые придется устанавливать по-английски, доступна на ThemeForest.

Что нужно учитывать при выборе шаблона?

1. Посмотрите, корректно ли отображается лента материалов

2. Изучите описание шаблона и решите, какие настройки вам потребуются после установки

3. Устанавливайте бесплатный шаблон с осторожностью. Чтобы не подхватить вирус, скачивайте его через админ-панель «Внешний вид – Темы»

4. Настраивайте платный шаблон после ознакомления с отзывами

5. Не используйте старые шаблоны, которые давно не обновлялись

Настройте выбранный шаблон

Единого стандарта настроек нет, у каждого шаблона они свои. Где найти список настроек темы? В специальной вкладке «Внешний вид – Настроить» или в отдельной рубрике с названием темы.

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

8. Плагины и зачем они нужны

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

Как установить плагин

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

Выбор плагина – настоящий простор для творчества, но есть и «золотые пять», которые должны быть всегда под рукой. Во всяком случае, с ними лучше быть знакомыми. Речь идёт о «Clearfy Pro», «Yoast SEO», «WP Super Cache», «Akismet» и «All In One WP Security». Разберём каждый по порядку.

Плагин «Clearfy Pro»

Оговоримся сразу: «Clearfy Pro» — платный, но это того стоит. Его основное преимущество – сочетание легкости (он практически невесом для системы) и эффективности в работе. Этот плагин способен обеспечивать и поддерживать жизнеспособность вашего ресурса, ем можно доверить SEO, освобождение ресурса от неизбежно возникающего мусора и зоркий контроль за сохранностью контента.

В качестве альтернативы можно рассмотреть «Cyr to Lat enhanced» (вот тут: https://wordpress.org/plugins/cyr3lat/)

Плагин «Yoast SEO»

Этот плагин пригодится нам для того, чтобы навести порядок с SEO. Например, он поможет прописать Заголовок и Описание для всех разделов сайта, не упустив ни одной рубрики. Он же пригодится при разработке карты ресурса XML – крайне привлекательного элемента сайта для поисковых механизмов.

Yoast SEO водится тут:

Этот плагин пригодится для кэширования – полезной опции, ускоряющей загрузку сайта. Механизм кэширования сводится к тому, что страницы не загружаются каждый раз заново, а «запоминаются» плагином.

Файл robots.txt

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

Защита вашего интернет-ресурса

Для начала разберёмся, от чего и какими методами стоит защищать сайт. Чаще всего ресурсу угрожают две беды: спам-атака и взлом.

Akismet

Безупречно справляется с доверенной ему задачей – борьбой со спамом.

All In One WP Security

Злоумышленник не пройдёт, и всё благодаря этому плагину. Стоит помнить, что абсолютная безопасность в Интернете – это миф, и небольшая вероятность атаки со стороны хорошо мотивированного и умелого хакера всё же остаётся. Скорее для собственного спокойствия (на практике это пригождается единицам) стоит взять за правило делать резервные копии (бэкапы ресурса). В случае чего, они помогут вернуть сайту привычный облик без ощутимых потерь времени и сил.

9. Дополнительные опции

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

Плагин для контактной формы

Обратная связь – это важно, и правильно подобранная контактная форма значит действительно многое. Порекомендовать можно, к примеру, «Contact form 7».

Форма подписки на рассылку

Формирование базы подписчиков станет важным этапом в продвижении вашего ресурса. Для начала нужно зарегистрироваться на соответствующем сервисе. Их много, назовём самые удобные и функциональные: «MailChimp», «SendPulse», «Getresponse», «MailerLite», «Unisender». Порядок работы с формой подписки довольно прост: регистрируетесь на одном из перечисленных сервисов, формируете список адресов вашей рассылки и помещаете на сайт созданную форму или её код.

Попап, или модальные окна

Этот плагин точно пригодится для совершенствования навигации сайта. С его помощью можно перенаправить пользователя на новую страницу, упомянутую в тексте – например, если речь идёт о розыгрыше подарков или возможности оформить подписку.

Бесплатный и удобный плагин – Popup Maker, скачать его можно здесь: https://wordpress.org/plugins/popup-maker/

Картинки в модальном окне

Одна из самых частых причин перехода пользователя на другую страницу – механизм, открывающий изображение в новой вкладке. Как показывает печальный опыт, возвращается к прочтению исходного текста далеко не каждый. Чтобы избежать подобной участи, воспользуйтесь плагином, открывающим картинки в модальном окне. Иногда эта опция прописана сразу в рабочем шаблоне, но в случае, если она отсутствует, установить её можно по ссылке: https://ru.wordpress.org/plugins/easy-fancybox/

Рейтинг

Плагин рейтинга даёт возможность посетителям оценить текст и сориентироваться, насколько высоко о нём отозвались их предшественники. Один из вариантов — https://ru.wordpress.org/plugins/wp-postratings/

Похожие записи

Один из удобных способов предложить посетителю продолжить чтение, оставаясь на сайте – прикрепить блок со ссылками на идентичные тексты. C позиции SEO это даст дополнительные плюсы для внутренней перелиновки ресурса. Опция прикрепления «похожих записей» включена почти что в каждый шаблон премиум-класса, но добавить её можно и при помощи плагина — https://wordpress.org/plugins/wordpress-23-related-posts-plugin/

Кнопки соцсетей

Наверняка у вашего проекта есть не только сайт, но и поддерживающие соц.сети. Узнать о них должен каждый посетитель портала. Нет ничего проще, чем оформить ссылки на аккаунты в VK, Instagram и Facebook (и любые другие, разумеется, тоже) при помощи плагинов-кнопок. Опять же, если вы пользуетесь шаблонами премиум-класса, то эта опция доступна по умолчанию. Если приходится активировать её самостоятельно, то сделать это можно, например, здесь: https://ru.wordpress.org/plugins/social-icons-widget-by-wpzoom/

Баннеры

Баннеры – ещё один способ эффективно привлечь внимание пользователя к контенту любого характера: будь то реклама, конкурс или Youtube-канал.

Онлайн чат

Не нужно пренебрежительно относиться к этой форме общения, считая её старомодной. Онлайн-чат оживит ресурс и позволит пользователям создать внутреннюю коммуникацию, оставаясь при этом на вашем ресурсе. Если вы всё ещё не уверены в том, что эта опция действительно пригодится, попробуйте бесплатную тестовую версию (сроком две недели) программы Jivosite. Для этого чата предусмотрены как бесплатная, так и платная версии – выбирайте сами: https://www.jivosite.ru/?partner_id=22657&pricelist_id=105&lang=ru

AMP и Турбо страницы

Скорость работы он-лайн ресурса напрямую коррелирует с его успешностью и востребованностью у пользователей. От неё же зависит и благосклонность поисковых механизмов. Именно поэтому существуют такие разработки, как AMP страницы (Google) и Турбо страницы (Яндекс). Они мгновенно адаптируют ресурс для просмотра с мобильных устройств, предельно упрощая (и ускоряя) его. Сайты, снабжённые этими плагинами, поисковые системы благосклонно выводят в топ, что является ещё одним поводом задуматься и выбрать себе наиболее подходящий плагин.

Выбор тут будет действительно широк: можно попробовать разобраться в этом вопросе самостоятельно, поискав информацию по запросу «Настройки Yoast SEO WordPress». Подробные инструкции и видео-уроки помогут Вам сделать правильный выбор.

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

10. Делаем начальное наполнение сайта

Итак, если все предыдущие пункты реализованы – переходим к следующему, а именно содержательному наполнению ресурса.

11. Политика конфиденциальности

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

12. Меню (структура сайта)

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

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

—Обо мне / О сайте — страница, содержащая смысловой посыл;

—Блог / Новости —возможно вынести в отдельный пункт, если лента новостей не размещена на главной;

—Контакты — живые контакты и ссылки на соц.сети.

Данные пункты – основные, и расширять их список можно бесконечно:

—Примеры работ / Портфолио — примеры выполненных работ и задач;

—Услуги — расскажите о спектре своих навыков. Здесь же можно привести и прайс-лист;

—Реклама — перечислите доступные рекламные опции, политику размещения рекламы на портале;

—Бесплатно — в этот раздел можно вынести материалы в открытом доступе;

—Курсы / Обучение / Магазин — описание доступных курсов или он-лайн магазин сайта;

—Полезные ссылки — любые ссылки, которые покажутся вам уместными;

—Видео — обучающий или развлекательный – любой уместный видео-контент;

—Инфографика — если вы богаты инфографикой – обязательно поделитесь ею с пользователями!

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

Страницы

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

13. Рубрики

Чётко структурированные разделы сайта удобны и пользователям, и редакторам. На помощь в этом деле приходит опция «Рубрики», активировать которую можно с панели «Записи». Создайте статью в редакторе и определите тематическую рубрику, которая будет закреплена за ней.

14. Метки

«Метки» — ещё одна опция структурирования материалов на сайте. В её основе лежит принцип объединения по ключевым словам. Она доступна в редакторе при работе с текстом либо в панели «Записи». Рекомендуем обратить внимание на тематические метки – при соответствующем запросе они значительно облегчат поиск читателем нужных материалов.

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

15. Записи (статьи)

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

Добавить статью несложно: следует зайти в панель «Записи» и активировать там опцию «Добавить новую».

Выбор редактора

Вне всякого сомнения, выбор редактора – дело вкуса и удобства. Для начала рекомендуем ознакомиться с последним обновлением редактора статьей Gutenberg, который значительно разнится в использовании с исходной версией и работает по принципу конструктора. Если инновационный вариант редактора – не ваш, активируйте классическую версию, скачав официальный плагин: https://ru.wordpress.org/plugins/classic-editor/

Заключение

И в качестве закрепления материала ещё раз перечислим все пункты разработки сайта на WordPress, которые мы сегодня изучили:

1. Определимся с тематикой ресурса. В случае затруднений пользуемся всевозможными каталогами;

2. Ищем домен и обязательно знакомимся с его историей;

3. Регистрируем ресурс;

4. Решаем, с каким типом SSL-сертификата мы будем иметь дело: платным или нет;

5. Загружаем CMS WordPress;

6. Адаптируем базовые настройки ресурса;

7. Работаем с шаблоном оформления: приобретаем или выбираем из вариантов в свободном доступе;

8. Решаем, какие именно SEO плагины подходят нашему ресурсу. Обращаем внимание на Дополнения и Защиту;

9. Определяемся с дополнительными опциями для сайта, памятуя о правиле золотой середины;

10. Работаем с базовым наполнением страниц;

11. Обращаемся к вопросу конфиденциальности и сбора данных;

12. Разрабатываем меню;

13. Продумываем рубрики;

14. Пишем систему меток для статей;

15. Создаем наш первый тексовый контент (статью).

Поздравляем! Вы только что создали свой первый сайт на WordPress!

WordPress, по вашему вкусу

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

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

Всё это с помощью
WordPress.com.

Пишите, делитесь, расширяйте аудиторию. Общайтесь, продавайте, выставляйте свои работы. Всё что угодно в одном и том же месте.

Постройте свой дом в Интернете

Зарезервируйте идеальный домен — с веб-сайтом или без него — по самой лучшей цене. Популярные расширения .com, .org и .net от за год. Легко запомнить, несложно сообщить, невозможно не заметить.

Выберите лучший хостинг

Создав сайт на WordPress.com, вы получите невероятно быстрый и безопасный управляемый хостинг WordPress.

Пространство для развития

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

По-настоящему безопасная платформа

Брандмауэры, шифрование и защита от атак методом перебора и DDoS-атак. Не волнуйтесь о безопасности.

Берите всё с собой

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

Гибкое хранилище

С тарифными планами WordPress.com место в хранилище никогда не заканчивается. Фотографии. Аудио. Видео 4K. И всё это в одном месте.

Этот план специально для вас.

Тарифные планы WordPress.com

Оплачивайте ежемесячно Оплачивайте ежегодно

Бесплатно

Познакомьтесь с самой популярной CMS и платформой для ведения блога.
Срок действия не ограничен Срок действия не ограничен

Пространство для хранения

Скрыть возможности Показать все возможности

• Прекрасные темы и паттерны Прекрасные темы и паттерны Преобразите свой сайт с помощью тем и перетаскиваемых макетов.
• Безлимитное кол-во страниц Безлимитное кол-во страниц Добавляйте на сайт любое количество страниц.
• Неограниченное число пользователей Неограниченное число пользователей Приглашайте других пользователей к участию в работе сайта и управляйте правами доступа.
• Машина времени для редактирования записей Машина времени для редактирования записей Возвращайтесь к ранним вариантам своих записей с помощью встроенного управления версиями.
• Встроенные рассылки и RSS Встроенные рассылки и RSS Предлагайте подписку на контент в виде новостной рассылки или через RSS.
• Защита от атак методом перебора Защита от атак методом перебора Защититесь от лобовых атак с подбором пароля к вашей учётной записи.
• Умные перенаправления Умные перенаправления Пользуйтесь автоматической переадресацией при обновлении ваших записей или URL-адреса страницы.
• Постоянная доступность Постоянная доступность Создайте и используйте сайт, который никогда вас не подведёт.
• Комиссионный сбор 10% (плюс стандартный сервисный сбор) за платежи Комиссионный сбор 10% (плюс стандартный сервисный сбор) за платежи
• Платные подписки Платные подписки Превращайте посетителей сайта в подписчиков с помощью инструментов подписки.
• Платный доступ к премиум-содержимому Платный доступ к премиум-содержимому Продавайте доступ к премиум-содержимому прямо с вашего сайта.
• Пожертвования и чаевые Пожертвования и чаевые Позвольте своим читателям поддержать вас с помощью чаевых и пожертвований.
• Кнопки оплаты Кнопки оплаты Принимайте платежи с банковских карт откуда угодно под защитой с помощью Stripe.
• Статистика по посетителям Статистика по посетителям Базовая встроенная аналитика для оценки эффективности вашего сайта.
• Защита от спама (Akismet) Защита от спама (Akismet) Уничтожайте спам-комментарии, не сходя с места.
• Ограниченные автоматические публикации в социальных сетях Ограниченные автоматические публикации в социальных сетях Обеспечьте по 30 перепостов в социальных сетях ежемесячно, чтобы продвигать свои публикации в Facebook, Tumblr и других социальных сетях.
• Контактные формы Контактные формы Облегчите посетителям возможность связаться с вами прямо с вашего сайта.
• Инструменты безопасности, производительности и маркетинга на базе Jetpack.

Пространство для хранения

Starter

Создайте собственный сайт с собственным доменным именем.
в месяц, оплата ежегодно в месяц, оплата ежегодно

Бесплатный домен на первый год

Пространство для хранения

Все возможности плана Бесплатно, а также:
Скрыть возможности Показать все возможности

• Все возможности плана Бесплатно, а также:
• Бесплатный домен на первый год Бесплатный домен на первый год В течение первого года получите бесплатный пользовательский домен, например yourgroovydomain.com.
• Без рекламы Без рекламы Предоставьте своим посетителям возможность просматривать веб-страницы без рекламы.
• Невероятно быстрые DNS-серверы с SSL Невероятно быстрые DNS-серверы с SSL Воспользуйтесь быстрым и надёжным управлением доменами с защищённым SSL.
• Поддержка по эл. почте Поддержка по эл. почте Получите оперативную, дружественную и квалифицированную поддержку WordPress, когда бы она вам ни понадобилась.
• Комиссионный сбор 8% (плюс стандартный сервисный сбор) за платежи Комиссионный сбор 8% (плюс стандартный сервисный сбор) за платежи
• Инструменты безопасности, производительности и маркетинга на базе Jetpack.

Пространство для хранения

Хит продаж

Explorer

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

Бесплатный домен на первый год

Пространство для хранения

Все возможности плана Starter, а также:
Скрыть возможности Показать все возможности

• Все возможности плана Starter, а также:
• Бесплатный домен на первый год Бесплатный домен на первый год В течение первого года получите бесплатный пользовательский домен, например yourgroovydomain.com.
• Поддержка в онлайн-чате Поддержка в онлайн-чате Получайте в реальном времени помощь и поддержку экспертов WordPress.
• Премиум-темы Премиум-темы Переключайтесь между темами оформления из премиальной коллекции.
• Заработок с помощью WordAds Заработок с помощью WordAds Показывайте рекламу и получайте доход от премиум-сетей с помощью программы WordAds.
• Настройка стилей Настройка стилей Управляйте всеми шрифтами, цветами и деталями оформления вашего сайта.
• Комиссионный сбор 4% (плюс стандартный сервисный сбор) за платежи Комиссионный сбор 4% (плюс стандартный сервисный сбор) за платежи
• Видео в 4K с VideoPress Видео в 4K с VideoPress Демонстрируйте своё видео в прекрасном качестве с помощью проигрывателя VideoPress с разрешением 4K.
• Неограниченные автоматические публикации в социальных сетях Неограниченные автоматические публикации в социальных сетях Делитесь свежими записями в социальных сетях без ограничений.
• Журнал активности сайта Журнал активности сайта Применяйте административный контроль активности на вашем сайте.
• Расширенная статистика Расширенная статистика Подробная аналитика и данные о конверсии помогут вам принимать решения по развитию сайта.
• Инструменты безопасности, производительности и маркетинга на базе Jetpack.

Пространство для хранения

Выбор разработчиков

WP Cloud предоставляет инструменты для добавления масштабируемого, исключительно гибкого и невероятно быстрого хостинга WordPress.

Creator

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

Бесплатный домен на первый год

Пространство для хранения

50GB 100gb /месяц
150gb /месяц
Все возможности плана Explorer, а также:
Скрыть возможности Показать все возможности

• Все возможности плана Explorer, а также:
• Бесплатный домен на первый год Бесплатный домен на первый год В течение первого года получите бесплатный пользовательский домен, например yourgroovydomain.com.
• Установка плагинов и тем Установка плагинов и тем Получите доступ к более чем 50 000 плагинов, шаблонов оформления и интеграций.
• Неограниченная пропускная способность Неограниченная пропускная способность Не беспокойтесь о перерасходе трафика и дополнительных расходах.
• Глобальное периферийное кеширование Глобальное периферийное кеширование Обеспечьте доставку кешированного содержимого только из центра обработки данных, ближайшего к посетителю вашего веб-сайта.
• Готовность к высоким нагрузкам Готовность к высоким нагрузкам Доверьтесь интегрированному управлению ресурсами и интеллектуальному масштабированию.
• Файрвол веб-приложения (WAF) Файрвол веб-приложения (WAF) Блокируйте вредоносные действия (например, SQL-инъекции и XSS-атаки).
• Глобальная CDN с 28+ локациями Глобальная CDN с 28+ локациями Гарантированно получайте высокую скорость работы сайта практически в любой точке земного шара.
• Высокочастотные микропроцессоры Высокочастотные микропроцессоры Получите сайт повышенной производительности за счёт высокочастотных процессоров в стандартной комплектации.
• Автоматизированное переключение на резервный центр обработки данных Автоматизированное переключение на резервный центр обработки данных Сохраняйте спокойствие благодаря репликации вашего сайта на второй центр обработки данных в режиме реального времени.
• Изолированная инфраструктура сайтов Изолированная инфраструктура сайтов Получите уверенность в том, что ваш сайт изолирован от других, благодаря чему возрастают его безопасность и эффективность.
• Управляемая защита от вредоносных программ Управляемая защита от вредоносных программ Чувствуйте себя в безопасности с автоматическим поиском вредоносного ПО и устраняйте угрозы одним щелчком мыши.
• Нейтрализация DDоS-атак Нейтрализация DDоS-атак Обезопасьте себя от DDoS-атак с помощью мониторинга в реальном времени и минимизации последствий инцидентов.
• SFTP/SSH, WP-CLI, Git SFTP/SSH, WP-CLI, Git Используйте знакомые инструменты разработчика для управления сайтом и его развёртывания.
• Бесплатная предварительная версия сайта Бесплатная предварительная версия сайта Протестируйте любые изменения на предварительной версии сайта.
• Автоматические обновления WordPress Автоматические обновления WordPress Получайте все обновления WordPress. И каждое исправление. Автоматически.
• Централизованное управление сайтами Централизованное управление сайтами Беспрепятственно переключайтесь между 2, 20 или 200 сайтами. И всё это из одного места.
• Комиссионный сбор 2% (плюс стандартный сервисный сбор) за стандартные платёжные инструменты Комиссионный сбор 2% (плюс стандартный сервисный сбор) за стандартные платёжные инструменты
• Комиссионный сбор 0% (плюс стандартный сервисный сбор) за стандартные платёжные инструменты WooCommerce Комиссионный сбор 0% (плюс стандартный сервисный сбор) за стандартные платёжные инструменты WooCommerce
• Резервное копирование в режиме реального времени Резервное копирование в режиме реального времени Положитесь на многократное резервирование всех ваших данных в режиме реального времени.
• Восстановление одним щелчком Восстановление одним щелчком Одним щелчком мыши вернитесь к любому моменту в истории вашего сайта.
• Контроль бесперебойной работы Контроль бесперебойной работы Держите руку на пульсе, используя непрерывный мониторинг работоспособности, получайте оповещения при обнаружении минутных простоев.
• Встроенный доступ к Elastic Search Встроенный доступ к Elastic Search Обеспечьте простой просмотр своего контента с помощью встроенного премиум-поиска по сайту.
• Автоматическое обновление плагинов Автоматическое обновление плагинов Забудьте о трудоемких обновлениях плагинов и сопутствующих ошибках.
• SEO-инструменты SEO-инструменты Занимайте высокие позиции в результатах поиска с помощью встроенных инструментов поисковой оптимизации.
• Инструменты безопасности, производительности и маркетинга на базе Jetpack.

Пространство для хранения

50GB 100gb /месяц
150gb /месяц
Подготовьте ваш онлайн-магазин к работе с помощью WooCommerce.

Entrepreneur

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

Бесплатный домен на первый год

Пространство для хранения

50GB 100gb /месяц
150gb /месяц
Все возможности плана Creator, а также:
Скрыть возможности Показать все возможности

• Все возможности плана Creator, а также:
• Бесплатный домен на первый год Бесплатный домен на первый год В течение первого года получите бесплатный пользовательский домен, например yourgroovydomain.com.
• Премиум-темы для магазинов Премиум-темы для магазинов Начните создавать дизайн магазина, выбрав профессионально разработанную тему.
• Широкие возможности изменения дизайна магазина Широкие возможности изменения дизайна магазина Меняйте дизайн магазина, добавляя фирменные стили и перетаскивая элементы разметки.
• Неограниченное количество товаров Неограниченное количество товаров Благодаря неограниченным возможностям масштабирования можно добавить на сайт магазина любое количество товаров и услуг.
• Отображение товаров по бренду Отображение товаров по бренду Составьте список брендов, свяжите бренды с товарами и позвольте клиентам выбирать товары по бренду.
• Дополнения к товару Дополнения к товару Увеличьте доход с помощью дополнительных услуг, например предложите подарочную упаковку или гравировку.
• Сборные товары и наборы Сборные товары и наборы Позвольте клиентам самим создавать наборы из существующих товаров.
• Мин./макс. количество в заказе Мин./макс. количество в заказе Укажите минимальное и максимальное число единиц для заказа.
• Уведомления о появлении товара Уведомления о появлении товара Настройте автоматическую отправку клиентам уведомлений о появлении товаров в наличии.
• Динамическое предложение дополнительных товаров Динамическое предложение дополнительных товаров Получите еще больше прибыли с помощью автоматизированных рекомендаций и перекрёстных продаж.
• Реферальные программы и программы лояльности Реферальные программы и программы лояльности Поддержите органический рост продаж с помощью реферальной программы, предлагая подарки или купоны в качестве вознаграждения.
• Настраиваемая автоматизация маркетинга Настраиваемая автоматизация маркетинга Улучшенная функция маркетинговых рассылок, включая сегментацию подписчиков, расширенную аналитику и автоматизацию.
• Оптовые скидки Оптовые скидки Предлагайте индивидуальные наборы и оптовые скидки.
• Управление запасами Управление запасами Контролируйте запасы с помощью интеграции POS и отслеживания в реальном времени.
• Оптимизация процесса оплаты Оптимизация процесса оплаты Предложите покупателям разные способы оплаты, чтобы ничто не мешало им оформить заказ.
• Покупатели более чем в 60 странах Покупатели более чем в 60 странах Принимайте платежи в более чем 135 валютах и продавайте свои товары и услуги по всему миру.
• Интеграция с ведущими компаниями-перевозчиками Интеграция с ведущими компаниями-перевозчиками Узнавайте тарифы на доставку в реальном времени, печатайте ярлыки и отправляйте клиентам коды для отслеживания.
• Комиссионный сбор 0% (плюс стандартный сервисный сбор) за все платёжные инструменты Комиссионный сбор 0% (плюс стандартный сервисный сбор) за все платёжные инструменты
• Инструменты безопасности, производительности и маркетинга на базе Jetpack.

Пространство для хранения

50GB 100gb /месяц
150gb /месяц
Популярный вариант для корпоративного хостинга WordPress.

Enterprise

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

Стартовая цена — 25 000 $ в год. Стартовая цена — 25 000 $ в год.

• Инструменты безопасности, производительности и маркетинга на базе Jetpack.

Ядро WordPress — файлы

WordPress.com выступает за открытый Интернет. С помощью наших клиентов мы посвящаем 5 % рабочего времени продвижению бесплатного открытого исходного кода и сообщества WordPress.

Настоящая поддержка

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

Создано командой WordPress.com

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

Считаете, что WordPress не подходит для крупных компаний? Мы докажем, что это не так.

Что общего у Salesforce, Al Jazeera, Capgemini и Facebook?

Они полагаются на WordPress VIP — корпоративную платформу, созданную на WordPress. Она обеспечивает масштабируемую производительность при соблюдении высочайших стандартов безопасности. От 25 000 долларов США/год.

Руководство по созданию сайта на WordPress

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

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

Примеры сайтов на WordPress

Лучше всего WordPress подходит для малого и среднего бизнеса. На этом движке без проблем можно сделать: 1) блог, онлайн-журнал или медиа; 2) сайт-визитку для вашего бизнеса, проекта или мероприятия; 3) небольшой интернет-магазин (до 2000 товаров).

Вот сайт, который мы сделали специально для этой инструкции. В статье ещё раз по шагам пройдём этот процесс. Посмотреть сайт в деталях вы можете по адресу smartfix.vashdomen.com.

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

Cайты на WordPress

Шаг 1. Купите хостинг и домен

Хотя само по себе создание сайта на WordPress и бесплатно, вам понадобится две вещи, чтобы сайт был доступен в интернете:

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

Всё это стоит в районе 2000–3000 гривен за год ($60–80), что не так уж и много, если учесть, что за эти деньги сайт круглосуточно будет в онлайне целый год.

Купить хостинг и зарегистрировать домен вы можете у нас в HOSTiQ. Это позволит нам и дальше выпускать бесплатные обучающие материалы по созданию и продвижению сайта (вроде этой статьи).

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

Самый выгодный способ — купить хостинг сразу на год. Так стоимость каждого месяца будет ниже + вы сможете бесплатно получить домен на 1 год в одной из популярных зон: .com , .net , .org , .com.ua , или .in.ua . Полный список зон вы найдёте на странице тарифа во время оформления заказа.

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

После нажатия кнопки «Купить» понадобится создать аккаунт.

Чтобы установить сертификат, нужно войти в панель управления хостингом. Для этого нажмите кнопку «Панель клиента» в правом верхнем углу. Затем найдите в списке продуктов ваш хостинг и нажмите кнопку «Контрольная панель».

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

Сейчас наша задача — установить SSL-сертификат. Найдите на главной странице cPanel раздел «Безопасность» и откройте в нём приложение «Let’s Encrypt».

Дальше найдите ваш домен в списке «Issue a new certificate» и нажмите рядом с ним «Issue». Затем на следующей странице снова нажмите «Issue».

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

Адрес панели управления — это ваш домен со словами /wp-admin/ . Например, https://vashdomen.com/wp-admin/ . Запомните этот адрес или сохраните в закладки браузера, чтобы в будущем можно было быстро попасть в панель.

Панель управления WordPress ещё называют «консоль». Так короче, плюс именно так называется главная страница панели. В консоли вы будете создавать страницы сайта, менять дизайн, отвечать на комментарии, обрабатывать заказы.

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

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

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

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

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

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

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

С базовыми настройками всё. Теперь перейдём к завершающим действиям — установим инструменты, которые помогут вам создать сайт на платформе WordPress. Начнём с темы сайта.

3.4. Измените стандартную тему

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

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

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

Тема, которую WordPress использует по умолчанию, нам не подойдёт. При помощи неё не получится создать сайт как в начале инструкции, поэтому давайте её изменим.

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

Кликните «Добавить новую тему» в нижней части экрана. Откроется библиотека тем, где будет тысячи, если не десятки тысяч вариантов. В правой части экрана есть поиск. Найдите в нём тему Astra. Наведите курсор на неё и кликните «Установить», а затем «Активировать».

Astra — это одна из самых популярных и продвинутых тем. У неё больше миллиона активных пользователей и средний рейтинг 4.9 из 5. Чуть подробнее про её особенности читайте в нашем обзоре:

После активации запустится экран, где вам понадобится выбрать конструктор страниц, при помощи которого вы будете делать сайт. Рекомендуем выбрать стандартный конструктор WordPress — Block Editor. Именно его мы будем использовать в этой инструкции.

Откроется библиотека шаблонов. В ней вы найдёте 150+ готовых сайтов. Некоторые из них платные, некоторые бесплатные. У платных в правом верхнем углу будет пометка «Premium», они будут доступны только после покупки платной версии темы — Astra PRO.

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

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

Затем превью с сайтом исчезнет и вы увидите страницу с заголовком «Okay, just one last step…» (Окей, ещё всего один шаг). На ней тоже можно ничего не заполнять и просто нажать синюю кнопку. После этого запустится импорт шаблона.

Но если вам всё же интересно, о чём идёт речь на этой странице, то здесь вас просят рассказать о себе и дают выбрать, что именно нужно импортировать:

• Import Customizer Settings — настройки темы Astra;
• Import Widgets — виджеты;
• Install Required Plugins — необходимые плагины;
• Import Content — содержимое шаблона;
• Share Non-Sensitive Data — делиться с разработчиками не конфиденциальными данными (чтобы улучшить работу плагина).

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

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

Шаг 5. Создайте дизайн вручную

Это самая объёмная часть работы. В процессе у вас наверняка будет возникать много вопросов. Предвидеть их все — нереально, поэтому мы рассмотрим в этом разделе самые главные из них и дадим ссылки на дополнительные статьи для более подробного изучения отдельных нюансов.

5.1. Глобальные стили

Это вещи, которые будут одинаковыми на всех страницах сайта: цвета, шрифты, стили кнопок. Лучше настроить их первым делом. Для этого перейдите в консоли в раздел «Внешний вид – Настроить». По-другому он называется «Настройщик темы».

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

Если вы не импортировали готовый шаблон и ваш сайт пока пустой, в настройщике будет отображаться стандартная демонстрационный сайт темы Astra (как на скриншоте ниже). Когда вы создадите свою первую страницу, демонстрационный сайт исчезнет.

Теперь давайте настроим основные глобальные параметры: цвета, шрифт и кнопки.

Цвета. Перейдите в настройщике в раздел «Глобальные – Цвета». Сверху в блоке «Глобальная палитра» укажите цвета, которые будете использовать на сайте.

Шрифты. Перейдите в настройщике в раздел «Глобальные – Типографика». Сверху выберите одну из шести заготовленных шрифтовых пар, если стандартная пара вам не нравится.

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

Добавить заголовок. Впишите его там, где написано «Добавить заголовок». Он нужен, чтобы вы могли отличать страницы друг от друга в разделе «Страницы». Без него все страницы будут называться «(без названия)».

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

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

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

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

Изменить URL-адрес. WordPress назначит странице случайный URL сразу после публикации или первого сохранения. Чтобы его изменить, найдите на боковой панели опцию «URL» и кликните по адресу. Появится всплывающее окно, где вы сможете изменить часть, которая идёт после доменного имени.

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

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

Чтобы восстановить нужную версию, нажмите синюю кнопку «Восстановить эту редакцию» в правой части экрана.

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

Чтобы открыть предпросмотр, кликните по иконке с компьютером слева от кнопки «Опубликовать» или «Обновить». Во всплывающем окне нажмите «Предпросмотр в новой вкладке».

Другой пример — блоки «Изображение», «Обложка» или «Колонки». У них опций больше, поэтому их для удобства разнесли на две вкладки: «Настройки» и «Стили».

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

Чтобы добавить изображение в качестве фона для секции, выберите этот контейнер, затем перейдите на боковой панели на вкладку «Стиль» и найдите там раздел «Фон». В нём есть опция «Тип». По умолчанию выбран первый тип — «Цвет». Его вы указывали в начале создания секции, он подходит для большинства секций.

Третий вариант в опции «Тип» — это как раз «Изображение». Когда вы его выберите, чуть ниже появится окошко для загрузки изображения с компьютера. Вы также можете загрузить разные изображения для разных типов устройств. Для этого просто кликните по иконке с компьютером рядом с названием опции «Изображение».

Также важный нюанс — размер изображений. Он должен быть как можно меньше. В идеале — до 500 Кб. Если получится ещё меньше, вообще супер. Это нужно, чтобы страница вашего сайта не весила слишком много и не загружалась долго.

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

Например, на скриншоте ниже изображение, которое весило 1.3 МБ после сжатия стало весить 380 Кб — на 71% меньше, чем изначально. Это отличный результат.

На этом титульный баннер готов. Теперь точно таким же образом вам предстоит создать остальные секции на сайте. Главное — помните про «принцип 3К», о котором мы говорили в начале подраздела: контейнер, колонки, контент.

Принцип «3К»: Контейнер > Колонки > Контент

Шаг 6. Создайте шапку и подвал

Это делается в специальном конструкторе в настройщике темы. Перейдите в консоли в раздел «Внешний вид – Настроить». Для создания шапки предусмотрен раздел «Построитель заголовка», для подвала — «Построитель подвала». Функционал конструкторов одинаковый, поэтому в статье мы рассмотрим только построитель заголовка.

6.1. Обзор конструктора шапки

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

Дизайн элементов можно менять на боковой панели слева. На ней будет две вкладки: «General» и «Design». На первой можно менять содержимое, на второй — цвета, отступы, параметры текста.

6.2. Загрузите логотип и фавикон

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

Чтобы создать логотип, можете использовать онлайн-сервисы вроде My Free Logo Maker или Namecheap Logo Maker. Они бесплатные, понадобится только зарегистрироваться.

Либо можете пойти ещё более простым путём — просто набрать в Фотошопе название вашего бизнеса с цветами вашего сайта. При желании можете добавить к нему также бесплатную иконку с сайтов вроде Flaticon.

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

Шаг 7. Создайте блог

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

7.1. Добавьте новую статью

Делается это в разделе «Записи». Принцип точно такой же как и со страницами: создаёте новую запись, затем добавляете в неё содержимое в редакторе блоков.

При этом в случае с записями можно не скрывать заголовок и не следовать принципу «3К». Просто впишите в заголовок записи название статьи, а дальше добавляйте текст с изображениями.

7.3. Создайте главную страницу блога

Подобно тому как вы указывали главную страницу сайта в настройках WordPress, нужно указать также страницу записей. Для этого создайте пустую страницу, измените её URL. Например, чтобы адрес был https://vashdomen/blog. Затем опубликуйте.

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

Чтобы изменить виджет, перейдите в раздел «Внешний вид – Виджеты». Там вы увидите что-то типа редактора блоков, где можно выбрать нужный виджет по центру и изменить его параметры на боковой панели.

Если нужно, можете добавить новые блоки и создать собственный виджет. Например, отобразить доступные метки при помощи блока «Облако меток» или сделать рекламный баннер при помощи блока «Изображение».

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

8.3. Настройте доставку и платежи

Это делается в разделе «WooCommerce – Настройки» на вкладках «Доставка» и «Платежи».

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

Также можно устанавливать плагины, чтобы добавить популярные службы доставки на свой сайт. Например, свои плагины есть у таких популярных служб: Нова Пошта, Укрпошта или Meest.

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

Чтобы добавить другие оплату банковской картой, можно установить плагин популярного в вашей стране платёжного шлюза. В Украине это: LiqPay или Fondy.

8.4. Узнайте больше про создание магазина

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

Это нормально, создание магазина на WordPress — очень объёмная тема. Чтобы её раскрыть, мы выпустили ещё две статьи в дополнение к этой. Каждая из них примерно такая же по объёму, как и эта. В одной статье разбираем настройки WooCommerce и работу с товарами, а в другой более глобальные вещи, такие как письма клиентам, фильтры, акции, дизайн.

Что дальше

Если вы дочитали до сюда, значит вы зашли уже слишком далеко. На этом этапе у вас уже есть понимание как создать сайт на WordPress. Надеемся, всё получается и вы довольны результатом.

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

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

Подключить аналитику. Этот инструмент от Google поможет вам начать отслеживать посетителей сайта: как они попали на него, на какие страницы переходили, сколько времени провели на нём, что купили.

Настроить SEO. Ещё один полезный инструмент от Google, который даст вам понять, по каким запросам в поиске люди нашли ваш сайт. Потом вы можете взять эти запросы и сделать так, чтобы в текстах на сайте были более точные совпадения с ними. Это поможет подняться выше в результатах поиска.

Оставьте комментарий, если какой-то информации не хватает или вы хотите поблагодарить за инструкцию.