07 января 2019      167      0

Пошаговая инструкция как самому быстро создать сайт. Часть 2

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

В этой статье мы по шагам разберем как самостоятельно создать сайт.

Шаг-1 Регистрация хостинга

Для размещения нашего сайта воспользуемся услугами хостинга TimeWeb. Это надежный отзывчивый хостинг. А еще прямо в нем можно зарегистрировать домен.

— Переходим по ссылке — «Хостинг Timeweb»

— Выбираем раздел меню «Хостинг» (рис.1)

хостинг Timeweb

Сервис отправляет нас к выбору тарифа (рис.2). Для одного сайта достаточно будет тарифа «Year+». При оплате за год в подарок идет бесплатная регистрация домена в зоне RU. Это станет приятным подарком для тех, кто выбрал для себя RU-зону.

Выбираем тариф и жмем «Разместить сайт»

timeweb тарифы

Всплывает окно для заполнения контактных данных (рис.3). Укажите в нем свой действующий e-mail. В дальнейшем это вам очень пригодится.

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

регистрация timeweb

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

Ура! Теперь у вас есть хостинг. Лучше сразу пополнить баланс своего кабинета, иначе система не даст полноценно делать следующие шаги. Как сделать оплату думаем сами разберетесь))

timeweb кабинет пользователя

 

Шаг-2 Регистрация домена

Двигаемся дальше. Теперь вам нужно выбрать имя своему сайту и зарегистрировать домен. Для этого переходим в раздел меню «Домены и поддомены» (рис.5)

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

Далее жмем «Зарегистрировать домен» (рис.6)

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

Открывается форма для регистрации домена (рис7). В левое поле вы вводите название сайта на латинице, которое вы придумали. Система проверяет свободно ли такое название в этой зоне и ставит «зеленую галочку», если свободно и «красный кружок», если занято.

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

имя домена

Жмем кнопку «Добавить к регистрации» и система выводит форму «Добавления нового администратора» (рис8).

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

Заполняете поля формы регистрации администратора и переходите к оплате домена.

добавление администратора домена

И так. Теперь у вас есть место, где будет «жить» ваш сайт и имя этого сайта. Осталось создать сайт, снабдить его движком и «одеть» в шаблон.

 

Шаг-3 Создание сайта на WP

Выбираем CMS – движок сайта.

Заходим в раздел «Каталог CMS» в панели управления хостингом (рис9). Выбираем для своего сайта WordPress (просто жмем на название).

выбор cms

Система перекидывает нас на страницу с описанием CMS (рис.10) Жмем «Установить приложение».

установка cms

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

После того как вы нажали кнопку система создаст папку в разделе «Файловый менеджер». Эта папка будет называться «Wordpress_1» (это и есть ваш сайт). Также система создаст базу данных для вашего сайта. В эту базу движок будет записывать различные данные.

 установка cms

После того, как процесс установки будет завершен, всплывет окно с административными доступами к вашему сайту (рис.12) Эти же данные будут отправлены вам на почту.

данные админки

Ура! Ваш сайт создан. Осталось придать ему внешний вид. Для этого нужно выбрать и установить шаблон.

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

Шаг-4 Выбор шаблона

В качестве поставщика шаблона для вашего сайта берем Goodwinpress. Жмем на ссылку — http://www.goodwinpress.ru/ и переходим на сайт производителя шаблонов (рис.13). Там есть где разгуляться. Все подробно описано. Создатель шаблонов добросовестно подходит к своей работе.

Стоимость шаблонов составляет в среднем до 1 000 рублей.

После оплаты архив с шаблоном придет вам на почту.

выбор шаблона

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

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

стандартный шаблон

Шаг-5 заливка и активация шаблона

Необходимо зайти в консоль вашего сайта. Для этого переходим по ссылке вида: http://ВАШ_ДОМЕН/ wp-admin/ заполняем логин и пароль, которые вы получили при установке движка (см. рис.14)

админ панель вход

В меню консоли сайта выбираем раздел «Внешний вид» / «Темы» (рис.15). Ищем кнопку «Добавить новую» и указываем путь к архиву с шаблоном.

установка шаблона

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

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

Далее…

Основные разделы админки сайта

 

Для начала, что такое админка сайта. У вашего сайта есть «два лица». Одно лицо — это та часть, которую видят все посетители, которые просто заходят на ваш сайт по адресу домена. А второе лицо — это административная панель WordPress, с помощью которой вы управляете своим сайтом.

Зайти в эту панель вы можете введя адрес типа http://ДОМЕН-САЙТА/wp-admin и введя логин и пароль администратора. Эти данные пришли вам в почту, когда вы создавали сайт на хостинге. Вы уже немного познакомились с ней, когда заливали новую тему на свой сайт.

Вот так выглядит админка.

админка

Теперь немного пройдем по назначению основных разделов меню админки.

Раздел «Записи»

В нем вы будете создавать материалы для блога. Именно в нем вы будете писать статьи/посты.

Раздел «Медиафайлы»

Тут вы сможете найти загруженные картинки и видео

Раздел «Страницы»

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

Разделы «Комментарии» «Обратная связь»

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

Раздел «Внешний вид»

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

Раздел «Плагина»

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

Раздел «Пользователи»

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

Разделы «Инструменты» и «Настройки»

Этими разделами вы будете пользоваться нечасто. В основном при первоначальной настройке сайта.

меню админки

 

Шаг-6 Базовые настройки сайта

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

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

Дальше мы рекомендуем установить плагины «Akismet Anti-Spam», «Jetpack от WordPress.com» и «Cyr to Lat enhanced».

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

Akismet Anti-Spam

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

Cyr to Lat enhanced

Когда вы создаете материал (читай статью) WordPress автоматически создает URL (адрес статьи) из названия этой статьи. И если вы пишите статьи на русском языке, то и URL будет на кириллице, а это очень нехорошо для продвижения в Яндексе, Google и других поисковиках. Этот плагин переводит кириллическое название статьи на латиницу и URL становится корректным.

Jetpack

Это комплексный плагин. Он сможет существенно расширить функционал вашего сайта. Более подробно об этом плагине можно почитать в этой <<статье>>.

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

Алгоритм установки простой. Заходите в админке в раздел «Плагины» -> ищите и жмете на кнопку «Установить новый» -> там есть окно поиска, вводите название плагина -> среди появившихся плагинов находите нужный -> жмете на нем кнопку «Установить» -> переходите в раздел «Плагины» / «Установленные» -> находите этот плагин среди установленных и жмете «Активировать». Все, плагин установлен.

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

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

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

1. Заполняем «Название сайта». Это название будут видеть поисковики, а также пользователи на вкладке браузера. Для более продвинутых — это содержание мета-тега <title>. Важно, чтобы название отображало то, о чем сайт. Тогда сайт будет лучше продвигаться в поисковиках. Также это название будет прописываться в снипете поисковой выдачи.

снипет

2. Далее заполняем поле «Краткое описание». Составляем описание примерно на 160 символов. Это описание также будет выходить в сниппете поисковика. В Google точно, Яндекс берет описание откуда ему вздумается))

описание в снипете

3. В поля «Адрес сайта» вставляем адрес своего сайта из поисковой строки браузера.

4. В поле «Адрес e-mail» вставляем адрес почтового ящика, куда вам будут приходить все сообщения от сайта.

Далее переходим в раздел «Настройки» пункт «Чтение»

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

Далее идем в раздел «Настройки» пункт «Обсуждения»

раздел обсуждения

Проставляем галочки как указано на картинке.

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

настройка постоянных ссылок

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

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

счетчики аналитики

Прокручиваем до полей «Статистика Google Analitics» и «Статистика Яндекс.Метрика». Вставляете в эти поля соответствующие коды. Коды счетчиков вы берете в своих личных кабинетах в Яндекс Метрике и Google Analitics. Где взять счетчики вы узнаете прочитав полезные материалы внизу урока.

И так. Основные настройки мы рассмотрели.

Структура контента на блоге WordPress

Напоследок немного о структуре контента на блоге WordPress.

Как вы уже, наверное, поняли «Материалы» — это ваши статьи.

Есть еще такие сущности как «рубрики» и «метки».

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

Метки предназначены для более мелкой навигации по материалам блога. Одинаковыми метками маркируются статьи по сходной тематике. Но если рубрик у вас может быть 5-10, то меток вы можете делать намного больше. Если сделать больше 10 рубрик, то посетитель сайта запутается в тематике. А метки помогут подобрать статьи по более мелкой теме. Хотя можно и не использовать метки вовсе))

структура контента

 

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

Полезные материалы:

  1. Создание и установка счетчика Яндекс-Метрика
  2. Как создать счетчик Яндекс-Метрика (видео)
  3. Google Analytics — Единственный верный способ настройки счетчика аналитики
  4. Куда вставлять счетчик Яндекс-Метрики
  5. Куда вставлять счетчик Google Analytics

Ссылки:

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

Google Analytics  аккаунт

Поделитесь впечатлением в комментарии))

Бизнес-дневник Таты в Телеграм
Наш канал в телеграм "Мульти-челендж". Присоединяйтесь!
бизнес-дневник Таты в Телеграм
Авторы T&M
Тата пишет Книгу!
Учись учить. Как разработать онлайн курс, если вы этого никогда не делали
Phase:Writing
Due:2 месяца ago
22.2%

© 2019 Мастерская онлайн бизнеса Т&М · Копирование материалов сайта разрешено при указании активной ссылки на tatamax.cool
Дизайн и поддержка: GoodwinPress.ru