Гайд по созданию сайта без знания программирования

Основные преимущества создания сайт на шаблоне WordPress:

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

- Стоимость шаблонов начинается от 30$ в то время, как разработка своего сайта с нуля обойдется в +- 1.000.000 рублей (если мы берем ценник известных студий, которые сделают красивый, качественный сайт с хорошей юзабилити). Фрилансеры могут сделать работу гораздо дешевле, но там обычно возникают серьезные проблемы с дизайном, колористикой, расположением элементов

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

- Они SEO оптимизированы, то есть развернув сайт из шаблона, достаточно просто продвигать его в поисковых системах. Потому что Google, Yandex и прочие поисковые системы, прежде всего, продвигают качественные сайты, сделанные по всем стандартам web-дизайна.

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

Гайд по созданию сайта без знания программирования

Пошаговая инструкция (WordPress):

1. Выбираем название сайта.

Понятно, что все короткие и красивые названия доменных имен уже разобрали, но есть пару выходов из ситуации:

- добавить цифры в название домена

- комбинация двух слов (например название вашей деятельности + животное/растение/драгоценный камень)

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

Важно! Если ваш сайт создан для работы на территории РФ, то доменное имя должно быть только в зоне. ru. Для международного сайта можно создать копию в зоне. com. В дальнейшем это поможет в продвижении сайта. Кириллический домен. рф не берем, также как и прочую экзотику.

2. Регистрируем получившийся домен.

Для регистрации сайтов я пользовался ресурсом 2domains.ru. Просто потому, что он был самым дешевым на тот момент. Тут все просто: регистрируемся, вбиваем желаемый домен, сайт подскажет вам свободен он или нет.

3. Теперь нам нужно купить шаблон WordPress.

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

Пример возможных ресурсов где много хороших тем:

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

4. Покупаем хостинг или используем бесплатный

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

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

После стандартной формы регистрации, здесь также предлагается бесплатно создать домен в зоне. com. Можем создать копию нашего домена в зоне. ru.

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

5. Теперь мы должны связать наш хостинг с доменом.

Для этого:

- заходим на сайт, где мы покупали домен. ru. ->

- в личном кабинете находим «мои домены» ->

- находим наш зарегистрированный домен (появится в течении 30 мин. после регистрации) ->

- кликаем делегировать «Управление DNS серверами / Делегирование» ->

- Здесь заполняем только 2 поля DNS1 и DNS2. В моем случае это ns1.justhost.com и ns2.justhost.com соответственно (В противном случае узнаем эту информацию у поддержки вашего хостинга). И кликаем «изменить». Обновление может занять до 24 часов.

- Далее возвращаемся на сайт нашего хостинга, заходим в панель управления cPanel. Находим кнопку «Дополнительные домены» -> Use a domain that is not already associated with you account и вбиваем сюда наш доменный адрес: ourdomain.ru. Все остальные настройки должны остаться по умолчанию. В конце кликаем «assign domain»

6. Устанавливаем WordPress на хостинге

На большей части платных хостингов должен быть установщик шаблонов WordPress. Он позволит легко и быстро развернуть сайт из купленного нами шаблона. На нашем хостинге мы заходим в панель управления cPanel и выбираем иконку WordPress. Далее выбираем доменное имя (ourdomain.ru) куда мы хотим установить WordPress.

Должно откыться окно где мы должны установить наш:

логин

пароль

электронную почту

Нажимаем установить (Install)

Важно!!! Не выбирайте слишком простой пароль, иначе ваш сайт взломают.

7. Установка нашего шаблона WordPress.

Все теперь мы можем вбивать название нашего сайта в адресную строку браузера — ourdomain.ru. Должно появиться окно нашего сайта «Hello World». Далее заходим в административную часть нашего сайта ourdomain.ru/wp-admin. Вводим наш логин и пароль.

Для установки, купленного нами шаблона:

Appearance/Themes/Add New/выбрать файл/купленная_нами_тема.zip

В современных темах после установки обычно появляется поле Theme Panel от куда можно сразу установить демо версию сайта (Install Demo). С авто картинками и текстом. Устанавливаем. Сначала проще создавать свой собственный сайт просто меняя шаблон и добавляя недостающие нам элементы.

Все! Теперь у нас есть полностью функциональный сайт, и мы можем адаптировать его под свои цели. Сейчас сайт меняется, как конструктор. Вы можете писать тексты, добавлять картинки, добавлять плагины, слайдеры, стрелки, карты Google, кнопки Pinterest. Основной функционал для адаптации находится во вкладках Appearance/ или Theme Panel/ (настройки сильно зависят от темы).

Важно!!! Не бойтесь что то испортить, в WordPress история изменений сохраняется и вы сможете откатить ненужное изменение.

Надеюсь, что данный пост был полезным и мотивирует вас наконец приступить к создание своего сайта. Если следовать инструкции, то вам потребуется 100 — 200$ и пару дней времени, чтобы разобраться и поднять полностью функциональный сайт.

44
7 комментариев
Комментарий удалён модератором

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

2
Ответить

Полезная статья для новичка. Хоть понятно с чего начать 👍

3
Ответить

"исчерпывающий" для кого этот гайд?
статей по выбору хостинга тысячи наверно только на vc,
спорам о выборе системы управления контентом среди профи никогда не будет конца,
инструкцию по корректной установке wordpress чтобы найти придётся стереть глаза на ютубе,
миллионы тем для фордпресс - попробуй найти ту что нужна тебе, а сколько плагинов?!?!? %))))

это не гайд

3
Ответить

Порождение конкурса Selectel.

1
Ответить

Полезное руководство. 

Ответить