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

Сайт на WordPress с нуля, пошаговая инструкция для новичков.

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

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

Я долгое время  работал с CMS Joomla. Движок неплохой, хотя не лишен некоторых недостатков. В сторону WordPress особенно не засматривался до тех пор, пока не решил обзавестись собственным блогом. Вначале  были сомнения. Стоит ли менять обкатанную CMS на что-то другое, но блоги на Вордпресс мне нравились больше, и я решил освоить этот движок. Как раз пришлась кстати услуга моего хостинг-провайдера по установке популярных CMS, включая WordPress, прямо из панели управления. Не прошло и пяти минут, и я стал обладателем личного блога. Вспоминая Джумлу, я приготовился к поискам бесплатного шаблона и последующей возне по вычищению его от левых ссылок. Но изучив админку сайта, понял, что зря раньше не уделил должного внимания этой системе управления. Из админки доступно скачивание и установка тем и плагинов на любой вкус и все абсолютно бесплатно. И главное, все встает как надо и начинает работать! С управлением я разобрался в течение часа. Не все CMS так дружелюбны. Например, на освоение Prestashop у меня ушло больше недели, а чтобы что-то установить на Opencart , нужно танцевать с бубном.

Причин для выбора WordPress предостаточно

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

Теперь о минусах. Собственно говоря, их не так много и все они легко исправляются. К этому мы еще обязательно вернемся.

С чего начать

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

  • Работает хостинг на собственных серверах, расположенных на территории РФ.
  • За 10 лет работы с ним не было никаких нареканий. Поэтому могу рекомендовать его, зная, что потом не будет стыдно.
  • Есть возможность зарегистрировать домен и установить CMS в личном кабинете.

Итак, начнем. Заходим на сайт FullSpace и приступаем к подбору домена.

Вписываем желаемое доменное имя в строку Whois сервиса в шапке сайта и нажимаем ссылку «Проверить»

Подбор домена на хостинге fullspace

Если домен свободен, нажимаем «Зарегистрировать»

Зарегистрировать доменное имя на хостинге fullspace.ru

В следующем окне «Продолжить»

заказ услуг и регистрация на хостинге fullspace.ru

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

Заказать регистрацию домена и разместить на хостинге fullspace.ru

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

Выбрать тарифный план на хостинге fullspace.ru

Еще ниже форма для ввода адреса электронной почты и ID партнера. Партнер это я, мой ID 7102 Это поле необязательное, но если вы внесете его во время регистрации, FullSpace отблагодарит меня за привлечение клиентов. Вам это ничего не будет стоить, а мне приятно. 🙂 Заполняем поля как на картинке и нажимаем «Заказать хостинг»

Заказать хостинг fullspace.ru

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

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

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

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

Авторизуемся и заходим в личный кабинет. Для начала нужно получить ssl сертификат и настроить переадресацию с http на https. Для этого в боковом меню выберите пункт «Сайты». Затем в открывшейся таблице в столбце «Действия» кликаем на иконку замочка. После сообщения о получении SSL-сертификата кликаем на значёк шестеренки.

получить ssl сертификат меню

В открывшейся форме настраиваем 301-редирект. Делаем, как на рисунке и нажимаем «Изменить».

настраиваем 301-редирект

В меню справа выбираем пункт «CMS» и переходим.

выбираем пункт «CMS»

Откроется страница с возможностью выбора движка. Кликаем на WordPress.

Выбираем WordPress.

В форме установки ничего не меняем и нажимаем «Установить».

Установить WordPress

В таблице «Установленные CMS» в столбце «Админ доступ» жмем «Показать» и смотрим логин и пароль для входа на сайт. В столбце «База данных/пароль» можно узнать имя автоматически созданной базы данных и пароль от нее. Создайте текстовый файл на компьютере и запишите в него все данные для входа на ваш сайт. Впоследствии их можно будет поменять. Чтобы войти на сайт, в столбце «URL» нажимаем на ссылку с нашим доменом или набираем его URL-адрес в адресной строке браузера.

Админ доступ WordPress

Для входа в панель администратора добавьте к адресу сайта /wp-admin/ Например,  https://ваш-домен/wp-admin/ В открывшемся окне авторизации вставляем записанные ранее логин и пароль и попадаем в админку.

Настройки сайта в административной панели

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

обновление worpress

обновление worpress начать

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

переключение версии php на FullSpace для сайта на вордпресс

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

Общие настройки

О протоколе безопасности мы позаботились в самом начале. Теперь нужно поменять адреса сайта с http на https в разделе «Настройки» — «Общие»  Там же можно поменять название сайта, его описание и email для администрирования. Для внесения любых изменений на сайте всегда требуется нажатие кнопки «Подтвердить изменения»

настройки общие Вордпресс

Настройки написания

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

Настройки чтения

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

настройка чтения

Настройки обсуждения

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

Медиа настройки

В этом разделе пока ничего менять не нужно.

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

Постоянные ссылки — это формирование структуры url-адресов сайта. Из предложенных вариантов выбираем «Произвольно» и добавляем /%postname%/html

Настройка постоянных ссылок Вордпресс

Конфиденциальность

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

страница конфиденциальности

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

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

удаление плагинов

Теперь об установке. Она простая и происходит прямо из админки. Для этого выбираем «Плагины» — «Добавить новый»  Для поиска используем поисковую строку. Затем нажимаем «Установить» и далее «Активировать» Также в системе есть возможность установить заранее скачанный ZIP-архив с компьютера.

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

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

  1. Начнем с самого главного, с безопасности. Как только сайт становится доступным в интернете, к нему, как мухи, слетаются различные вредоносные боты. Они пытаются найти уязвимости или завалить спамом комментарии. Бороться с этим неприятным явлением помогает WP Cerber Security. Цербер очень сердитый и при неумелом обращении может не допустить к управлению даже своего хозяина. Поэтому оставляем настройки по умолчанию, для эффективной защиты их вполне достаточно. (Как настроить более детально WP Cerber Security расскажу в следующих публикациях)
  2. WP Translitera — еще один плагин, без которого не обойтись. Дело в том, что в движке не предусмотрена транслитерация. Ссылка на страницу формируется из ее главного заголовка. Соответственно, если заголовок на русском языке, то кириллица будет присутствовать в url-адресе.
  3. Еще одна неприятность, подстерегающая новичка, это формирование отдельных страниц для изображений. Причем WordPress формирует такие страницы даже для логотипов. Проблема решается установкой плагина Attachment Pages Redirect.
  4. All In One SEO Pack — важное расширение, с помощью которого можно решить большинство задач по внутренней SEO оптимизации сайта (Как оптимизировать сайт на Вордпресс с его помощью читайте в следующей статье.)
  5. В версии WordPress 5 появился блочный редактор. На мой взгляд, классический намного удобней для новичков. Чтобы вернуть и улучшить старый редактор, установите Classic Editor и TinyMCE Advanced

Записи и рубрики в WordPress

Записи используются для ведения блогов. Они могут присоединяться к одной или нескольким рубрикам и отображаться в них в виде анонсов. Рубрики  — это категории записей. Изначально есть только одна главная рубрика под названием Uncategorized. Ее нельзя удалить, но можно переименовать и использовать как все остальные. Разница лишь в том, что если будут удалены все созданные рубрики, записи из них перейдут в Uncategorized. Для создания записи выбираем соответствующий пункт меню, нажимаем «Создать новую» — «Опубликовать» После установки WordPress  будет создана тестовая запись «Hello world!». Можно потренироваться на ней, там нет ничего сложного.

Для  создания рубрики переходим в «Записи» — «Рубрики», заполняем строку «Название» и нажимаем «Добавить новую рубрику».

Страницы

Страницы не имеют рубрик, но могут объединяться прикреплением дочерних страниц к родительским. В основном, подобная иерархия используется в выпадающем меню. Например, при нажатии на родительскую ссылку «Слоны» в главном меню, открываются дочерние «Слоны кормление», «Выгул слонов» и «Слоны на прокат». Чтобы создать страницу, кликаем «Страницы» — «Добавить новую» — «Опубликовать»

страницы

Меню

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

Меню

Создание логотипа

Без логотипа сайт — просто безликий шаблон. Эта часто незамысловатая картинка играет важную роль в индивидуальности проекта и делает его более узнаваемым. Не зря крупные компании во всем мире тратят на разработку своего фирменного знака сотни тысяч долларов. Чтобы стать обладателем личной символики, можно заказать логотип у графического дизайнера. Это самое правильное, но и самое дорогое решение. Есть вариант менее затратный. Можно воспользоваться одним из online сервисов для создания изображений. Для своего блога я набросал логотип в Фотошопе.

Темы для WordPress

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

Теперь собственно об установке темы на WordPress. Заходим «Внешний вид» — «Темы». В этом разделе уже есть 6 тем. Можно попробовать их или поискать другие, нажав «Добавить новую» Система предлагает подобрать тему по признакам или воспользоваться фильтром. Также загрузить ZIP-архив с шаблоном, предварительно скачав его на компьютер с официального сайта. Если известно название темы, ее можно найти, вписав в поисковую строку.

Поиск темы

Чтобы установить тему, наводим на нее курсор мышки и нажимаем кнопку «Установить» и затем «Активировать». Я перепробовал много тем и отобрал несколько на мой взгляд самых удачных. (О том что это за темы, как их настроить и для каких сайтов можно использовать можно прочитать в следующей статье).

Результаты проделанной работы

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

Поделись ссылкой:

Материалы по теме:

☛ Как создать сайт отеля

Комментарии 2

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *