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

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

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

Как создать сайт на WordPress с нуля

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

Покупка домена

К выбору домена надо относиться очень тщательно — это не просто набор букв, а визитка вашего сайта. Например: vk.com, reg.ru, timeweb, beget.ru, дом.рф — это все домены. 

Как нужно покупать домен: 

1. Придумываете название. Зависит оно от тематики вашего блога. Если создаете интернет-магазин по продаже детской одежды, то подойдут такие адреса: detskaya.ru, odegdadeti.com, child.ru и т. д. Главное правило — подобрать уникальный набор слов, которых нет в интернете. Еще лучше использовать название вашего бренда, компании, региона — evadent, avtomers, dompiter и т. д. В идеале имя должно быть коротким, легко запоминаемым и благозвучным. Желательно, чтобы в названии не было цифр, омонимов, дефисов.

2. Проверяете на уникальность. Практически во всех магазинах, где продаются домены, можно проверять их на оригинальность. А на Reg.ru есть даже генератор имен. Переходите сюда, вводите ключевое слово вашей тематики и жмете «Подобрать». Мы ввели «дети одежда», и сервис автоматически показал свободные домены. Выбираете один из них либо проверяете на уникальность другие названия.

Многие хостинг-провайдеры выдают домен пользователям совершенно бесплатно, если они оплатят годовой тариф на хостинг. К примеру, так делает Timeweb — бонусом идут домены в зонах ru.и РФ. Ту же акцию предлагает Reg.ru — приобретаете хостинг на год и получаете до 4 доменов в зонах ru/рф + SSL-сертификат в подарок.

Если хорошо поискать, то можно найти еще более выгодные предложения в других хостинг-компаниях и регистраторах. Самыми популярными регистраторами в рунете являются: Reg.ru, Timeweb.com, Beget.ru, Hostiq.ua, Prohoster.info и другие. Что касается цен, то например, в Бегете и Timeweb можно зарегистрировать от 1 до 10 доменов всего за 179 рублей в год. Продление на следующий год будет стоить 289 р. 

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

Покупка хостинга

Если ваш проект некоммерческого типа, то за хостинг платить необязательно — по крайней мере, на первых шагах. Для этого можете воспользоваться бесплатной платформой самого WordPress. Также можно взять пробный период у самого хостинг-провайдера. Например, Timeweb.com дает возможность 10 дней бесплатно использовать виртуальный хостинг (VPS) и домен — как раз этого времени хватит, чтобы освоить управление сайтом.

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

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

Вот как его зарегистрировать на примере Timeweb:

• заходите на официальный сайт провайдера;
• переходите во вкладку «Хостинг для CMS»;

• жмете на «Регистрация» в блоке WordPress;

• вводите свои контакты — ФИО по паспорту, email, телефон;

• выбираете тариф на этой же странице — для простого сайта подойдет WP Старт за 2544 руб. в год;

• кликаете на кнопку «Стать клиентом».

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

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

Теперь перейдем к инструкции по оплате за хостинг:

• жмем на значок кошелька в верхней панели;

• выбираем один из способов оплаты;

• пополняем кошелек.

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

Показываем на примере Timeweb:

• переходите в этот раздел;

• жмете сюда;

• потом сюда;

• заполняете форму и кликаете на «Создать».

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

Установка WordPress на хостинг

Теперь у вас есть забронированное место для сайта в интернете, теперь надо установить CMS на хостинг. Многие регистраторы предлагают тарифы с заранее установленным движком (например, Timeweb). В этом случае просто жмете кнопку «Установить» на определенном этапе действий — как мы сделали в инструкции выше. Это называется автоматической установкой, и сегодня практически все так делают.

Вот, например, как это делается в Beget.ru:

• заходите в свой кабинет на Beget;
• кликаете по иконке CMS;
• выбираете WP;

• переходите в раздел «Сайты»;
• вводите имя домена;
• жмете «Создать».

Еще проще это сделать в Timeweb:

• открываете «Каталог CMS» в левом меню;

• кликаете на иконку WP;

• жмете «Установить приложение».

Если же вы обладаете достаточным опытом либо хостинг приобретен без установленного WP, можно установить движок вручную:

• переходите на эту страницу;
• скачиваете файлы WP на свой ПК;
• распаковываете архив;

• загружаете файлы через файловый менеджер конкретного хостинга — в папку public_html, удалив перед этим ненужные файлы из этой же папки.

Установка SSL-сертификата

Опять же, многие хостинг-провайдеры предоставляют SSL-сертификат совершенно бесплатно и автоматически устанавливают его. Например, Reg.ru дарит своим пользователем несколько видов такого протокола: GlobalSigh, Let’s Encrypt, Cloudflare.

Чтобы получить его бесплатно, нужно иметь домен в Reg.ru и выполнить два простых шага:

• перейти на страницу управления хостингом;
• кликнуть на блок «Бесплатный SSL»;
• нажать «Заказать»;
• потом «Установить».

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

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

• переходите в левом меню на SSL-сертификаты;

• выбираете один из списка, и жмете «Заказать»;

• подключаете к нему домен.

Далее оплачиваете и все.

Выбор темы

Сайт у вас теперь работает, но его надо правильно настроить. В первую очередь выбираем тему. Ее можно купить в специальных магазинах (EnvatoMarket, WPShop) или просто установить из готового каталога Вордпресса.

Выбор темы зависит от нескольких вещей:

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

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

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

Если сайт вы хотите делать под информационный блог, то тема WordPress должна уметь отображать на одной странице большое количество контента. Среди лучших шаблонов этого типа можно выделить: Redwood, The Voux, Newstube, Flex Mag и другие. Стоят они около $40.

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

• Shopkeeper за $59 — адаптивная тема на базе Woocommerce, совместимая с Elementor;

• Bono за 3800 рублей — быстрый, удобный и легкий e-commerce шаблон с отличным дизайном и SEO-оптимизацией;

• Woodmart за $59 — хорошо проработанный для ведения онлайн-коммерции, удобный.

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

• WebOn за $75 — содержит коллекцию из 11 различных дизайнов главных страниц, совместима с несколькими браузерами и WooCommerce;

• Bridge за $59 — топовый шаблон с 376 демо на разные тематики и современными эффектами;

• The 7 за $39 — хороший и удобный шаблон, который можно также интегрировать в основной сайт проекта.

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

• OceanWP — встроенная база SEO, быстрая скорость, универсальность, адаптивный дизайн, Woocommerce;

• Zakra — чистые коды, красивые заголовки, 7 областей для виджетов, адаптивная;

• ColorMag — хорошая тема для информационного блога, 6 встроенных социальных иконок, поддержка липкого меню, совместимость с Woocommerce.

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

Сменить шаблон можно прямо из консоли WP:

• кликаем по Внешний вид/Темы;
• жмем на «Добавить»;

• выбираем из списка представленных шаблонов или вводим название в графу поиска;

• после выбора темы, загружаем и активируем ее.

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

Что желательно настроить сразу:

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

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

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

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

Установка и настройка плагинов 

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

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

Ниже перечислим must-have плагины, которые вы просто обязаны установить:

• Yoast SEO — поможет в поисковой оптимизации, включает самые передовые функции XML-карты, хлебные крошки, автоматически устанавливает канонические URL-адреса и минимизирует появление дублей;
• Clearfy — включает 57 функций для улучшения производительности сайта (очищает код, удаляет дубли, делает правильные редиректы, устанавливает дополнительную защиту);
• WP External Links — прячет от поисковиков все внешние ссылки с вашего сайта, что поможет избежать фильтров на первых этапах ведения блога;
• Robin image optimizer — автоматически сжимает изображения на сайте, без потерь их качества;
• W3 Total Cache — плагин кэширования, который обеспечивает более высокую загрузку web-ресурса;
• Simple Lightbox — плагин Лайтбокс, дающий возможность работать с всплывающими окнами;
• Elementor — поможет сделать стильные и функциональные страницы без навыков дизайнера, простым перетаскиванием готовых блоков;
• Woocommerce — обязательный плагин для интернет-магазинов, который добавляет возможности для управления магазином. 

Конечно, сайт можно настраивать самыми разнообразными плагинами. Их на самом деле достаточно много (в бесплатном доступе свыше 50 000 штук), и мы перечислили только основные. Кроме того, у каждого из приведенных расширений есть несколько альтернатив с той же функциональностью. 

Загружаются плагины, как и темы, из консоли WP:

• открываете раздел Плагины/Добавить новый;

• вбиваете название плагина в графу поиска;

• жмете «Установить»;
• потом «Активировать».

Если конкретного плагина в админке WP не нашли, то можете купить его на WPShop, скачать и загрузить на Вордпресс.

Как создать блог на WordPress

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

Другие возможности, которые дает этот бесплатный движок:

• поддерживает различные кнопки соцсетей — блогеры получают возможность популяризировать и распространять анонсы статей в FB, VK, OK и других социальных сетях;
• заточен под быструю индексацию — новые страницы быстро попадают в базу Google и Yandex, если вы правильно настроите robots.txt и карту XML;
• позволяет устанавливать счетчики посещений и следить за количеством визитов;
• располагает простым редактором, где можно писать текст, вставлять метатеги, добавлять изображения и видео, опросы и многое другое;
• имеет встроенную постраничную навигацию, которую можно оптимизировать.

Метатеги HTML включают: title (заголовок страницы, отображаемый в браузере), h1 (заголовок первого уровня), description (описание). Теги крайне важны для раскрутки сайта в поисковых системах, ведь к ним в первую очередь обращаются роботы при индексации страниц.

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

О том, как сделать и настроить блог на этом движке, смотрите в этом видео. 

Как создать интернет-магазин на WordPress

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

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

Таким образом, благодаря мастеру установки и вашему участию будут созданы такие страницы:

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

Как создать лендинг на WordPress

Быстрее и проще создать лендинг на плагине Elementor. Поэтому обязательно установите его. Мы покажем создание одностраничника на простом и бесплатном шаблоне Sydney — поэтому его тоже устанавливаем и активируем.

Теперь подробнее о настройке:

1. Задаем статическую страницу в роли главной. В меню консоли Wp жмем «Настроить», потом «Настроить главную» и выбираем «Статическую страницу».

2. Редактируем главную. Переходим в раздел «Страницы» консоли WP, нажимаем на Главную, задаем в атрибутах «Шаблон главной». Кликаем на «Редактировать в Elementor».

Теперь нам нужно сформировать структуру блока в Elementor. Из левой панели инструментов перетащите на рабочую область необходимые элементы и начните редактировать их. 

Подробнее:

• кликаем на значок плюса;

• выбираем структуру;

• задаем необходимые параметры;

• жмем «Обновить».

Далее нужно установить фон страницы:

• кликаем на «Стиль»;

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

• добавляем сколько нужно секций, нажав и переместив блок «Внутренняя секция» — в данном примере мы добавили 2 секции;

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

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

Таким образом, с помощью плагина Elementor мы сумели за несколько минут сделать шапку лендинга. Добавьте снизу другие блоки, где опишите преимущества вашей компании и услуги, вставьте отзывы и т. д.

Еще для создания лендинга можно использовать плагин One Page Express. Он предоставляет на выбор десятки вариантов оформления лендинг пейдж.

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

Подробнее о том, как создать лендинг самому.

Реально ли создать сайт на WP бесплатно

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

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

Ну и самое неприятное, что сайт на бесплатном домене и хостинге могут в любой момент закрыть. Это прописано в большинстве пользовательских соглашений. Поэтому лучше не рисковать, а сразу делать нормальный блог с доменом 2-го уровня на платном хостинге, чтобы за короткое время поднять сайт в Яндексе и Гугле.

Сайты, созданные на ВордПресс: 6 примеров

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

Лайфхакер

Издание Лайфхакер на 2397 месте среди популярных веб-сайтов. Тематика — здоровье, технологии, отношения, спорт, кино. Короче, рассказывают обо всем, что может улучшить жизнь, отвечают на сложные вопросы, помогают читателям решать проблемы. Возраст сайта 22 года, приблизительное количество ежедневных визитов составляет 140 000. Ресурс имеет около 2000 обратных ссылок, а его ИКС равен — 12900! Ежемесячный доход только от контекстной рекламы — почти $1 млн.

Интернет-магазин Au

Это сайт для покупки, продажи и обмена товаров по аукционной схеме. Принадлежит крупнейшей торговой компании из Сибири. Зарегистрирован в 1997 году, ежедневный органический трафик составляет около 22 000 пользователей, количество обратных ссылок — 7000, ИКС — 9300. Предполагаемый доход с контекстной рекламы — $1500, но основная прибыль идет с продаж.

Официальный сайт RollingStone 

Американский журнал, посвященный музыке и поп-культуре. Зарегистрирован еще в 1994 году, на него ссылается больше 35 000 ресурсов, а количество ежедневных уникальных посетителей переваливает за 177 тысяч. Приблизительный доход с сайта RollingStone составляет $120 000 в месяц, а цена на него — не меньше $1,5 млн. Этот ресурс добавлен в каталог DMOZ, его ИКС равен 900, а по рейтингу Alexa он на 1846 месте.

Сайт BBC

Транслирует в основном научно-фантастические сериалы и фильмы, а также избранные программы BBC. Зарегистрирован в 1997 году, ежедневно сюда заходит более 23 000 человек, а количество ссылаемых ресурсов — около 4000. Предполагаемый ежемесячный доход от контекстной рекламы — $1500. ИКС сайта 80, по рейтингу Alexa он на 15786 месте.

Интернет-магазин Тенториум

Создан на WP, продает товары для оздоровления, красоты, сбалансированного питания, а также сувениры и детские продукты. Возраст сайта 21 год, приблизительное количество уников в день — 2000 человек. В индексе Гугла 6700 страниц, около 200 авторитетных ресурсов ссылаются на этот магазин. Добавлен в публичный каталог сайтов DMOZ. ИКС равен 1950. Примерный доход в месяц с контекстной рекламы — $1200.

Блог писателя Тимоти Ферриса

На этом сайте он выкладывает свои новые книги, получают от читателей рецензии, дает советы и прочее. Блог ежедневно просматривают порядка 20 000 пользователей. Предполагаемый пассивный доход в месяц — $1500. Страницы открываются за 2,08 секунды.

Заключение

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