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

полная инструкция за 8 шагов

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

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

Что такое WordPress и зачем он нужен

Краткое описание

WordPress (Вордпресс) — система управления контентом ( англ. Content management system, CMS). Ее функций достаточно, чтобы создать сайт. Здесь можно наполнять его контентом (писать статьи, размещать фото и видео файлы), изменять внешний вид, а так же отслеживать статистику и многое другое.

WordPress — самая популярная CMS на просторах Интернета. Без знания программирования здесь можно создать полноценный многостраничный сайт или вести свой блог. Это особо актуально для копирайтеров. Они не особо разбираются в «технической» части таких вопросов. Знание Вордпресс позволит им быть более независимыми и технически подкованными.

Почему WordPress?

Популярность этой CMS заключается в ее плюсах:

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

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

Шаг 1. Регистрация домена и хостинга

Первым шагом в создании сайта на WordPress является регистрация домена и хостинга. Домен — это адрес вашего сайта в сети, например, «www.mysite.com», а хостинг — это место, где ваш сайт будет храниться в Интернете. Существует множество поставщиков хостинга (российский сегмент интернета):

• Mchost;
• Timeweb;
• Sprinthost;
• VDSina.

Вы можете выбрать любой хостинг для своего сайта WordPress в соответствии с вашим бюджетом и требованиями. Но при использовании кода 38802 на хостинге Mchost вы получите скидку до 50% (да, это реклама!).

Регистрация хостинга и домена

Так как я уже очень давно пользуюсь услугами Макхост, то инструкцию по регистрации я покажу на примере это хостинг-провайдера. У других компаний интерфейс сход и мало чем отличается. Здесь практически все интуитивно понятно. А после изучения это инструкции у вас должны отпасть вопросы.

Но все равно, если вам что-то не понятно, пишите в комментариях. Задавайте вопрос и получите исчерпывающий ответ.

После регистрации вы попадаете в панель управления. Здесь можно зарегистрировать домен, выбрать или заказать сертификат безопасности (SSL-сертификат). Здесь же можно арендовать отдельный VPS/VSD-сервер.

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

Затем вводите сумму и выбирайте способ оплаты, удобный вам. Указывайте сумму с учетом оплаты тарифа на год и стоимости домена. Минимальный тариф на момент написания этой статьи был 1890 руб. + 200 руб. домен .ru (490 руб. продление). Итого вы должны внести на счет минимум 2090 руб.

Затем переходим к регистрации домена. Справа выбираем пункт «Регистрация домена»:

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

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

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

Выбор доменного имени

А теперь несколько слов о выборе доменного имени. Ведь именно это вам нужно будет сделать далее. Есть несколько правил, следуя которым, вы не пожалеете в будущем:

• имя должно быть понятным. Не нужно называть свой сайт «pacan20341.ru«. Ваши читатели не поймут этого. Да это может и отражает вашу личность, но в будущем, когда вы можете об этом пожалеть, изменить его нельзя будет;
• название компании или ваша фамилия — хорошее название для сайта. Это может развить личный бренд или бренд компании;
• не вводите слишком длинных названий. Имя сайта вроде «dsafhjakfhaepwf haeofhasdfjahsfjklhasfopaeisfhaosdjklpfhasjklfdhadkls;fhadjklsjdhdjs.ru» ни к чему хорошему не приведет. А вот, например, petrovden.ru — идеальное название (правда я уже опоздал, и он оказался занят);
• имя должно быть на английском или написано латиницей. Несмотря на то, что сейчас можно регистрировать имена на русском, в международном интернете это может вызвать трудности с восприятием. Да и продвижение в Google не удастся — этот поисковик любит только родной язык.

Как видите, нужно хорошенько подумать, прежде вводить имя в поле «Введите желаемое доменное имя». С этим не нужно торопиться. После ввода имени, выбираете свою анкету и жмите Далее. В появившемся окне кликаете на Оплатить. Теперь вы стали обладателем уникального доменного имени второго уровня.

Шаг 2. Установка WordPress

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

В панели Макхост вам нужно выбрать слева ваш заказ. К названию аккаунта добавляется доменное имя. Затем во вкладе Администрирование выбирайте Ссылка для входа. Вы попадёте в Дашборт или как у Макхост он называется  ISPmanager. Это главное окно панели управления хостингом.

Здесь жмите по WWW-домены, а затем выбираете ваш домен. Если вы все сделали правильно, он будет один. В верхнем меню выбирайте CMS.

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

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

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

А теперь переходим к следующему шагу в нашем нелегком труд по созданию сайта на WordPress.

Шаг 3. Выбор темы

Если вы все сделали правильно, то адрес вашей админки будет:

www.yourdomain.ru/wp-admin

Где yourdomain.ru — ваш домен, который вы зарегистрировали на предыдущих шагах. После ввода в адресной строке браузера, вы должны попасть на страницу панели администратора.

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

Здесь напишите название вашего сайта. Оно может не совпадать с доменным именем. Но при этом оно должно быть запоминающимся и не слишком длинным: буквально 2-3 слова не больше.

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

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

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

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

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

После того, как вы определились с темой, кликаете по кнопке Установить, а затем Активировать. Через какое-то время тема будет размещена на сервере и вы сможете настроить ее как вам угодно.

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

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

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

После выбора темы для вашего сайта, следующим шагом является установка плагинов, которые помогут улучшить функциональность вашего сайта. Существует множество плагинов, которые могут помочь улучшить SEO, скорость загрузки, безопасность и многое другое. Некоторые популярные плагины, которые вы можете установить, включают Yoast SEO, Jetpack и WPForms.

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

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

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

Шаг 5. Управление плагинами

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

1. Akismet Anti-Spam — это плагин, который установлен в WordPress, по умолчанию. Он защити вас от спамных сообщений.
2. Insert Headers and Footers — добавление элементов в подвал и заголовок сайта. Очень полезная вещь. Когда мы с вами будем подключать метрики, это понадобиться.
3. Permalink Manager Lite помогает легче воспринимать поисковиками ссылки с вашего сайта.
4. Really Simple SSL — управление сертификатами безопасности. Обязательная вещь.
5. Webcraftic Clearfy — оптимизация вашего сайта.
6. WP Statistics — статистика от сообщества WordPress.
7. Yoast SEO — много оптимизации не бывает. И это тоже туда же.
8. AddToAny Share But — добавляется возможность поделиться в ваших любимых соцсетях.
9. Contextual  Related Posts — добавляет рекомендации к каждой статье.
10. Easy Table of Contents — если нужно оглавление стати в начале, то этот плагин то, что нужно.
11. Limit Login — ограничивает попытки ввода логина. Это защитит ваш аккаунт от взлома.
12. No Extremal Links — переводит внешние ссылки во внутренние.
13. To Top — кнопка перемотки страницы к началу (вверх).
14. Webcraftic Cyrlitera — преобразует ссылки на кириллице в латинские. Это полезно, так поисковые системы больше любят именно латиницу.
15. Wordfence Security — защита сайта от вражеских атак.
16. WP Sitemap Page – карта сайта на странице.

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

Шаг 6. Создание основных страниц и меню

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

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

Страница-резюме как раз и будет статичной страницей. Здесь можно разместить фотографию, ФИО, контактные данные. Остальное — по выбору:

• образование;
• опыт работы;
• навыки и способности (вдруг, вы — супергерой);
• ссылку на портфолио.

Добавление страницы

А теперь пришло время добавить первую страницу:

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

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

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

• абзац;
• заголовок;
• изображение;
• цитата;
• галерея;
• обложка;
• видео.

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

Добавление меню

Меню можно добавить двумя способами:

1. Через визуальный редактор.
2. Через меню панели администратора.

Рассмотрим самый доступный вариант — 1 способ. Для этого в меню панели администратора слева выберет пункт Внешний вид — Меню. Откроется редактор меню.

Давайте рассмотрим это окно подробнее. Оно разделено на две вкладки: Редактировать меню и Управление областями. В первой можно собрать нужное вам меню из самых важных страниц. А другая вкладка поможет разместить меню в нужном вам месте.

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

Здесь так же можно изменить местоположение пунктов, просто перетаскивая их на нужную позицию. Самая популярная структура — Главная, О нас, Услуги и расценки. Эти три пункта присутствуют в большинстве коммерческих сайтах.

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

Шаг 7. Добавление и настройка контента

Для создания новой статьи или поста нужно выбрать пункт в уже знакомом вам меню — Записи — Добавить запись.

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

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

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

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

В Вордрпесс есть возможность загрузить сразу все фото для статьи разом в Библиотеку файлов, а уже от туда просто вставлять их в тело статьи. Можно так же загрузить картинки и из интернета. Например из вашего Гугл Диска.

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

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

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

Шаг 8. Оптимизация сайта

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

В этом вам помогут соответствующие плагины:

1. YoastSEO — самый главный плагин оптимизации. Бесплатен, но за отдельную плату вы получите расширенный функционал.
2. Google XML Sitemaps — создание и настройка XML-карты сайта. Без нее поисковики не найдут ваш сайт.
3. Insert Headers and Footers — этот плагин нужен для добавления мета-тегов в заголовок вашего сайта.

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

Яндекс Вебмастер

Яндекс Вебмастер — это сервис поисковой оптимизации. Рассчитан он в основном на аудиторию России и стран СНГ. После регистрации система выдаст рекомендации по оптимизации сайта. В справке там так же много чего интересного можно найти. Не поленитесь ее проштудировать.

Для установке связи с сайтом нужно пройти процедуру регистрации и подтвердить права на ресурс. Яндекс предлагает несколько вариантов. Самый простой — разместить код в шапке сайта. Для это как раз и пригодиться плагин Insert Headers and Footers.

Яндекс Метрика

Яндекс Метрика — еще один инструмент от российской компании. Метрика позволяет отслеживать активность посетителей на вашем сайте. Здесь тоже нужно зарегистрироваться.

Google Search Console

Google Search Console — помощник веб-мастера от мирового поискового гиганта. Рекомендаций он тоже дает хоть отбавляй. И здесь тоже нужно подтверждать свои права на сайт. Справка предоставляет исчерпывающую информацию. Она разделена на разделы, по часто задаваемым вопросам. Рекомендую ознакомиться с ней.

Google Аналитика

Google Аналитика — Метрика от Google. Здесь вы сможете так же отследить посетителей вашего сайта. Анализ этих данных поможет в улучшении вашего ресурса.

Заключение

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

Так же вы можете написать мне в Телеграмм:

@dengrypet

Или на почту:

greg_den@mail.ru

Так же подписывайтесь на телеграмм-канал:

Текстиум

И на YouTube:

Текстиум-видео