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

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

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

WordPress крутой движок, с помощью него можно разработать сайт любого формата:

  1. Блог
  2. Новостной сайт
  3. Лендинг (гайд)
  4. Сайт визитка
  5. Интернет магазин
  6. Портфолио
  7. Онлайн школа (гайд)

Пошаговое руководство для новичков по созданию сайта на CMS WordPress

Определяемся с тематикой

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

Для вдохновения и поиска идей вы можете посмотреть каталоги сайтов, рейтинги:

  1. Рейтинг качественных проектов от Яндекса
  2. Рейтинг LiveInternet
  3. Рейтинг Рамблер

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

Выбрали тематику? Отлично, идем дальше.

Хотите научиться делать сайты? Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс “Идеальный сайт на WordPress” и “Лендинг в Elementor”, где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Подробнее читайте по ссылке.

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

Домен

Домен (доменное имя) — это имя сайта, то название, по которому посетители будут попадать на ваш блог. У моего сайта домен ichigarev.ru, у вас будет свой.

Как выбрать домен? 3 рекомендации

  1. Чем короче слово, тем лучше;
  2. Если нужный домен занят, попробуйте добавить цифры или тире, если подходит по логике и продолжает понятно читаться;
  3. Если домен на английском, то желательно без использования шипящих букв, иначе это выглядит так (ч — ch, ж — zh и пр.).

Хотите научиться зарабатывать в интернете? Написал большой гайд, где показал 41 метод заработка через интернет — статья по ссылке.

Проверка на занятость

Сервис для проверки занятости домена https://timeweb.com/ru/services/domains/

Впишите интересующий вариант и нажмите «Проверить домены».

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

Проверка истории

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

У меня раньше был другой сайт по адресу http://ilyachigarev.ru, давайте сделаем проверку на его примере.

Для проверки предлагаю использовать два метода:

1. Проверка через сервис https://web.archive.org

Впишите домен и посмотрите покажет какую-либо историю домена или нет. Можно даже увидеть как выглядел сайт и какие были публикации.

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

Давайте выберем например 26 августа 2013 года и увидим как в это время выглядел сайт

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

2. Впишите интересующий домен в поисковик

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

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

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

Хостинг

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

Обычный хостинг

Его еще называют share хостинг, это самый дешевый вариант хостинга, отлично подходит для новых проектов, потому что

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

Но когда посещаемость сайта перевалит за 1000 посетителей в сутки, вам придется или покупать тариф подороже или переезжать на VDS хостинг. Я так и сделал, когда трафик на моем блоге вырос. Вы же можете сразу купить VDS, если в дальнейшем не хотите заморочек с переносом сайта. Средняя цена обычного хостинга 150 руб./мес.

Я всем советую хостинг Timeweb, до переезда на VDS я три года пользовался им.

Видеоинструкция

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

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

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

Поэтому если вы хотите успешно продвигать свой ресурс в интернете, то выделенный ip это необходимость.

VDS/VPS

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

  • Заметка: VDS и VPS это одно и тоже
  • На сегодня я пользуюсь VDS хостингом Firstvds, меня полностью устраивает, рекомендую.
  • На моем блоге есть отдельная статья, которая посвящена вопросам домена и хостинга, в конце вы найдете видео уроки как зарегистрировать хостинг и домен » Открыть статью в новой вкладке.

Пример регистрации хостинга на примере Timeweb:

  1. Выберите вкладку Хостинг;
  2. Выберите тариф.

    Для начала можно выбрать самый простой, если планируете размещать только один сайт;

  3. Впишите свой емейл и ФИО, которые требуются при регистрации;
  4. После успешной регистрации вам на почту придут данные для входа, логин и пароль;
  5. Зайдите с помощью них в панель управления хостингом и пополните баланс. Оплатить можно 1 месяц, можно сразу на год вперед. Лучше платить на год, так получается экономнее;
  6. Хостинг готов к работе.

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

Пример регистрации домена:

  1. На главном экране в панеле управления хостингом выберите Домены и поддомены > Зарегистрировать домен;
  2. Впишите нужный домен, после проверки на занятость появится зеленая галочка, домен свободен, нажимаем Зарегистрировать:
  3. Далее нужно нажать Создать нового администратора и вписать свои правдивые данные, чтобы домен был закреплен за вами, за настоящим человеком. Если вы делаете сайт для кого-то, то вписывайте данные владельца;
  4. После всех настроек оплачиваем домен и ждем его активации.

Бонус. Если вы оплатите любой тариф хостинга сразу на 1 год, то вам дадут домен в зоне .ru в подарок! И еще тариф выйдет дешевле, имейте ввиду 🙂

Как создать сайт на WordPress: пошаговая инструкция для новичковРегистрация доменаКак создать сайт на WordPress: пошаговая инструкция для новичковВпишите название доменаКак создать сайт на WordPress: пошаговая инструкция для новичковДобавьте данные администратора

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

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

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

Привет ssl сертификата на моем блоге

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

Для новичков я рекомендую устанавливать бесплатный сертификат Let’s encrypt. Сегодня он почти ничем не отличается от платного. Установили один раз и хостер сам будет его обновлять. Но если все же хотите установить платный, то обойдется он примерно в 550 руб./ год. Его нужно будет обновлять, либо же сразу купить на 2-3 года и забыть на это время.

Покупать сертификат рекомендую на сайте firstssl.ru, это сервис от VDS хостинга firstvds, который я вам уже рекомендовал.

Бесплатный можно и нужно установить прямо из админки хостинга. У хостинга MCHost например есть простая инструкция из 3х шагов.

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

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

Как и любая CMS, WordPress требует от пользователя определённый набор навыков.

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

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

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

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

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

Тем не менее, есть хостинги для WordPress, на которые следует обратить особое внимание. В первую очередь это Bluehost — площадка, которую рекомендуют разработчики самой популярной CMS в мире.

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

Создать сайт на WP + Bluehost

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

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

Bluehost — американский хостинг, но благодаря сотрудничеству с международной группой Endurance он имеет возможность использовать для размещения сайтов оборудование в разных уголках мира. Для более быстрой доставки контента до посетителей также используются серверы сетей CDN. Независимые тесты показывают, что скорость работы хостинга всё время держится на уровне «быстро» и «очень быстро».

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

Приятное впечатление остаётся и после изучения показателей аптайма — времени бесперебойной работы серверов. У Bluehost  показатели всегда максимально приближены к 100%. Например, за 2018 годы на тестируемом сервере было зафиксировано лишь 5 сбоев продолжительностью от 5 до 35 минут. Это отличный результат, позволяющий без опаски размещать на хостинге коммерческие сайты.

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

Ещё один важный параметр — защита серверов. На тарифах для WordPress есть система предотвращения DDoS-атак, которая в том числе обеспечивает высокие показатели аптайма.

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

Для управления бэкапами можно использовать платный инструмент CodeGuard.

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

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

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

  • Хорошо, если в домене указано название сайта или указание на его предназначение.
  • Чем короче имя, тем проще его запомнить и воспроизвести.
  • У доменного имени не должно быть второго смысла или неприятного звучания.
  • Выбор доменной зоны зависит от того, для какой аудитории вы создаёте сайт. Самые распространённые зоны — территориальные. Но иногда полезно использовать тематические домены — например, *.shop для интернет-магазина.

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

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

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

Как установить WordPress на хостинг

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

На хостинге Bluehost в cPanel есть “Softaculous Apps Installer” — набор приложений, которые можно установить в один клик:

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

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

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

Для инсталляции нужно выбрать сайт (по домену, который вы уже привязали к хостингу) и нажать «Установить WordPress». По умолчанию движок будет развёрнут в корневой директории сайта — sitename.ru. Если вам нужно, чтобы он располагался в другом разделе — например, по адресу sitename/blog.ru, — нажмите «Указать каталог» и добавьте нужный путь.

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

Ручная установка

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

  • Дистрибутив WordPress, который нужно скачать с официального сайта CMS.
  • Менеджер для загрузки файлов на хостинг через FTP. Например, можно использовать программу FileZilla FTP Client.

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

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

После создания базы данных вернитесь к файлам дистрибутива, которые вы распаковали на компьютере. Найдите wp-config-sample.php. и переименуйте его в wp-config.php.

Откройте файл с помощью любого текстового редактора. Найдите раздел «Параметры MySQL» и введите учетные данные базы, которую вы только что создали на хостинге.

На этом подготовительный этап завершён, можно переходить к отправке файлов на сервер.

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

Запустите файловый менеджер FileZIlla FTP Client. Чтобы подключиться к сайту, нужно заполнить поля «Хост», «логин» и «пароль» в верхней панели программы. Хост — это домен, который вы привязали к хостингу. Логин и пароль — учётные данные, которые хостер прислал вам для доступа к панели управления.

Введите эти сведения и нажмите «Быстро соединение». В правой части менеджера должны появиться файлы и папки хостинга. Вам нужен каталог public.html. Найти его можно внутри папки, которая называется как доменное имя сайта. Именно в public.

html и нужно перенести файлы WordPress — вы можете выбрать их через левое окно менеджера или просто перетащить с компьютера. Копирование займёт 5-10 минут.

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

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

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

Разрешите индексирование после того, как всё настроите и опубликуете первую запись.

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

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

Первоначальная настройка

В принципе, опубликовать первую запись на WordPress можно сразу после установки движка. Но вряд ли она принесёт какую-то пользу.

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

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

Общие

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

Написание

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

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

Чтение

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

Обсуждение

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

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

Если вы подключите стороннее приложения для комментирования, то их придётся настраивать отдельно.

Медиа-файлы

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

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

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

Выбор и установка шаблона

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

  • Посмотреть в официальном каталоге WordPress. Получить к нему доступ можно прямо из административной панели нового сайта. В разделе «Внешний вид» есть пункт «Темы».
  • Изучить различные сайты с темами от сторонних разработчиков. Вы легко их найдёте, набрав поисковике фразу «скачать шаблон WordPress». Доступны платные и бесплатные варианты. Главная опасность такого подхода — возможные уязвимости в безопасности, которые вы получаете вместе с темами неизвестного происхождения.
  • Заказать шаблон у профессиональных разработчиков.

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

Если вы нашли шаблон в официальном каталоге WordPress через административную панель, то достаточно выбрать его и нажать на кнопку «Установить».

Перед инсталляцией будет доступен предпросмотр, который поможет убедиться в правильности выбора. После установки тема появится в общем списке шаблонов. Чтобы перейти на неё, нажмите кнопку «Активировать».

Если вы скачали темы со сторонних сайтов или получили от разработчика в виде архива, то порядок установки будет немного другой. В том же разделе административной панели с шаблонами есть кнопка «Добавить новую». Нажмите на неё, затем кликните «Загрузить тему» и выберите файл. После добавления архива нажмите «Установить». Не забудьте активировать шаблон, чтобы он отобразился на сайте.

Настройка темы

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

Вы можете:

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

Это основные настройки, которые есть у каждой темы. У премиум-шаблонов могут быть дополнительные параметры — например, отвечающие за отображение слайдеров или включение/выключение визуального редактора.

Установка плагинов и подключение аналитики

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

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

  • RusToLat — для транслитерации русских букв в латиницу. Без него адреса страниц будут написаны на кириллице.
  • All in One SEO Pack — для добавления к записям блока с SEO-настройками: заголовка, описания, ключевых слов.
  • Akismet — для защиты от спама в х.

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

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

В конце статьи вы найдете видеоинструкцию по созданию сайта на WordPress.

Почему WordPress и Timeweb?

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

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

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

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

Настраиваем хостинг и домен

Для начала подготовим хостинг, выбрав тарифный план, установив на сервере CMS и купив свободный домен.

Регистрируем хостинг

Для начала надо обзавестись хостингом. Это вечно функционирующий сервер (компьютер), на котором будет располагаться ваш сайт. Благодаря хорошему хостингу, такому как Timeweb, ваша страница будет доступна тысячам пользователей круглосуточно.

  • Заходим на официальный сайт Timeweb.
  • Затем кликаем по кнопке «Хостинг» в левом верхнем углу.

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

  • Выбираем пункт «Виртуальный хостинг». 

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

  • Знакомимся с тарифами, выбираем подходящий и нажимаем на кнопку «Заказать».

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

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

Но еще проще завести тариф с установленным WordPress и сразу переходить к шагу «Настраиваем сайт».

  • Потом регистрируем новую учетную запись. Указываем имя и адрес электронной почты.

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

Сразу после регистрации системы выполнит вход, а вы окажетесь в панели управления (то есть в «админке»).

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

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

Оплачиваем услуги хостинга

Несмотря на действующий тестовый период, сразу разберем процедуру пополнения баланса.

  • Кликаем по иконке в виде кошелька в верхней части экрана.

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

  • Затем указываем переиод аренды и выбираем дополнительные опции (если нужны).

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

  • После этого выбираем удобный способ оплаты. Выбрав удобный способ, жмем на кнопку «Перейти к оплате».

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

  • В случае с картой просто указываем свои данные…

Первые шаги с WordPress (классический редактор)

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

Вы только что завершили 5-минутную установку WordPress или установку в один клик с вашего веб-хостинга. Итак, каков ваш следующий шаг?

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

Наверх ↑

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

Начните со входа в административную часть или консоль своего веб-сайта. Посетите страницу входа на свой сайт, написав wp-admin после имени домена (например, http://example.com/wp-admin). Некоторые темы также предоставляют ссылку для входа или форму на публичной части сайта. Теперь войдите в WordPress, используя имя пользователя и пароль, которые вы создали во время 5-минутной установки.

Наверх ↑

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

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

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

Наверх ↑

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

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

Макет, который вы смотрите, определяется темой WordPress. Это внешний вид вашего веб-сайта, стилизация внешнего вида сайта и оформление содержимого. Тема WordPress Twenty Twenty имеет верхнюю часть с заголовком и слоганом для вашего сайта. Справа находится ваше меню, если оно у вас есть. Основная средняя часть страницы — это область содержимого.

Прокрутите страницу вниз и обратите внимание на заголовки и ссылки. Это «подвал». Различные элементы на нем называются виджетами. Так же виджеты могут распологаться на боковой панели (если тема ее поддерживает). В самом низу написано: «Сайт работает на WordPress».

Наверх ↑

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

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

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

В отдельной записи обратите внимание на макет и на то, чем отличаются элементы дизайна. Заголовок другой? Меньше, больше или другого цвета? Есть ли боковая панель?

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

Наверх ↑

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

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

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

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

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

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

Пункты меню следующие:

Наверх ↑

Кликните на пункт меню Пользователи.

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

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

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

Теперь давайте посмотрим на некоторые другие функции администратора WordPress.

Наверх ↑

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

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

На экране внешнего вида вы увидите список установленных в настоящее время тем, включая тему WordPress Twenty Twenty.

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

Вернитесь к теме оформления и нажмите кнопку «Активировать» под темой WordPress Twenty Twenty, чтобы вернуть дизайн к тому, что было у вас. Для проверки кликните по названию своего сайта на панели инструментов, и вот все стало, как и было.

Наверх ↑

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

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

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

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

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

Наверх ↑

Как создать сайт на WordPress: полное руководство для новичков – установка, настройка, работа с сайтом

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

Статью обновил Владимир Колосов

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

Почему WordPress – что это такое и 5 причин его использовать для сайта или блога

WordPress – это самая распространенная, на сегодняшний день, CMS. По данным независимого агентства Web Technology Surveys за июль 2020 года, этот движок используется в 38,2 % сайтов или 63,5 % из тех, что сделаны на основе CMS. Для сравнения, в 2015 году на WordPress работало лишь 24 % ресурсов с CMS. Вот главные причины его успеха:

Бесплатный «движок» CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие. Практически неограниченные возможности С помощью WordPress можно создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа. Гибкая настройка внешнего вида и функциональности Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний вид. А с помощью плагинов можно решать технические задачи, обеспечивать необходимую функциональность сайта. Простота администрирования Чтобы работать с WordPress, не нужны специальные знания. Принципы работы с движком понятны на интуитивном уровне. Возможность создать сайт и опубликовать первый контент в течение 5 минут Конечно, нужно потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на установку действительно требуется не больше 5 минут.

Впрочем, некоторые компании предоставляют услугу автоматической установки WordPress на ваш хостинг. Не нужно самому искать на официальном сайте дистрибутив, скачивать его и заниматься установкой. Хостеры уже сэкономили время своих клиентов. Например, Netangels, предлагает установить на выбор WordPress или Joomla. Для установки CMS достаточно пары кликов. Мелочь, а приятно.

WordPress используют Sony Music, The New Yorker, Reuters, TechCrunch, Республиканская партия США, Fortune и многие другие крупные СМИ, корпорации и организации. Черт, даже Rolling Stones и Snoop Dogg оценили этот движок.

Ну что, решили сделать сайт на WordPress? Тогда переходим к пошаговому руководству.

Шаг № 1: как выбрать хостинг и зарегистрировать домен

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

Что такое хостинг? Как выбрать хостинг?

Чтобы выбрать хостинг-провайдера, посмотрите это видео или изучите гайд в блоге «Текстерры». Если на это совсем нет времени, можете обратиться, например, в Reg.ru, Beget, Netangels или «Айхор». Качество их услуг вполне на уровне.

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

Следующие рекомендации помогут выбрать удачное доменное имя:

Создайте сайт за пять шагов

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

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

Содержание

Выбор имени сайта — важное решение, так как имя рассказывает посетителям, чему посвящен веб-сайт. Когда придумаете идеальное имя, перейдите в раздел Название сайта, который расположен в Мой сайт → Настройки. Можно также добавить запоминающуюся ключевую фразу!

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

Зарегистрируйте любой доступный домен в Мой сайт → Платные услуги → Домены

Шаг 2: оформите главную страницу

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

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

Выберите один из прекрасных макетов страницы

Шаг 3: создайте другие страницы

Теперь можно добавить другие страницы. Обычно на любом веб-сайте есть разделы «О нас» и «Контакты». Перейдите в Мой сайт → Сайт → Страницы → Добавить новую страницу.

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

Любые страницы, которые вы публикуете на сайте, будут оставаться закрытыми, пока вы не запустите сайт. Чтобы убедиться, что ваш сайт никто не видит, перейдите в Мой сайт > Настройки и прокрутите страницу вниз до раздела Конфиденциальность.

Шаг 4: настройте меню

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

Помните, что в меню можно добавить только готовое содержимое. Сначала создайте страницы. А затем добавьте их в меню.

Шаг 5: добавьте ссылки на социальные сети

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

Вы можете добавить эти значки в меню сайта через меню ссылок на социальные сети или на любую страницу с помощью блока «Социальные сети». Поддерживаются все основные социальные сети!

Выполнив все пять шагов, вы создали надежную основу для своего веб-сайта. Если вы готовы поделиться им с миром, запустите сайт!

Бонус

Вот несколько дополнительных шагов:

  • Добавьте логотип на сайт в Мой сайт → Внешний вид → Настройка → Свойства сайта.
  • Попробуйте разные темы в Мой сайт → Внешний вид → Темы, которые позволяют быстро менять внешний вид сайта.
  • Добавьте виджеты в подвал или боковое меню, чтобы сделать сайт более интерактивным.
Ссылка на основную публикацию