Бурашников Роман Александрович
Бурашников Роман Александрович

Как создать свой сайт самостоятельно с нуля

WebSite

 

Содержание:

  1. Покупка домена и аренда хостинга
  2. Создание сайта
  3. Скачать сборку сайта
  4. Настройка сайта
  5. Заключение

 

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

 

Первое что нужно сделать - это купить доменное имя и арендовать хостинг.

Доменное имя - это название сайта (например у этого сайта домен burash.ru), подробно не буду рассказывать что такое домен, это можно легко найти в поисковых системах. Домен покупается на 1 год, затем его нужно продлить, международные домены можно купить от 1 года до 10 лет. В зависимости от доменной зоны ( ru, рф, su, com, biz, org, name и т.д.) цена разная, ru и рф можно купить за 120 рублей, а международные обычно дороже 500 рублей в год.
Подобрать свободный домен можно при помощи этого сервиса https://www.beget.ru/domain-register
Хостинг - это сервер на котором физически будет храниться веб сайт.

Рекомендую использовать хостинг Beget. Почти во всех рейтингах хостингов занимает первую тройку. Физически, и сервера и сама компания, находятся в Санкт-Петербурге. Отличные цены в плане цена/качество. Для нашего сайта хватит тарифа Blog, который стоит 1380 руб в год (либо 135 рублей в месяц при помесячной оплате), + они предлагают очень дёшево домены в зоне .ru, за 120руб в год. Очень лёгкая и удобная панель управления, особенно для новичка. Работают как с физ.лицами, так и с юр.лицами, при оплате по безналичному счёту высылают акты выполненных работ. На мой взгляд - это лучший российский хостинг.

И так, буду описывать создание сайта на примере хостинга Beget (если предпочтёте другой хостинг - ничего страшного, настройки будут подобными).
Заходим к ним на сайт www.beget.com, нажимаем кнопку "Заказать" и выбираем тариф Blog (или другой, если собираетесь создавать несколько сайтов), после чего заполняем данные, либо как физ.лицо, либо как юр.лицо, и нажимаем "зарегистрировать аккаунт". Вам будет сообщён логин и пароль для входа в панель управления, пароль можно поменять в панели управления.

1

 

beget_zakaz

Далее нужно оплатить хостинг и домен (стоимость домена можно посмотреть при регистрации домена, чуть ниже описание, либо здесь https://www.beget.com/domain-register)

1

2

Затем в панели управления нужно заказать домен, на кнопке "Домены".
3

Далее нужно нажать "Добавить и зарегистрировать домен".
Затем вписать имя домена, выбрать доменную зону (например .ru) и нажать продолжить.

4

 

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

Как только домен зарегистрировали - первый этап на этом закончен.

Вторым этапом - нам нужно создать сам сайт.

Качественный и красивый сайт можно сделать при помощи CMS WordPress. Можно её установить самому и затем установить все плагины (только многие плагины придётся поправлять от ошибок и переводить на русский язык, а для этого нужны знания html и php).
Либо скачать сборку, подготовленную мной (уже настроенный движок Вордпресса со всеми необходимыми основными плагинами и несколькими шаблонами/темами, поправленными от ошибок и полностью переведёнными на русский язык).

 

Скачать данную сборку вы можете здесь - sborka

В архиве находится база данных и файлы сайта (в папке "Files").
Логин администратора: adminko
Пароль: adminko
(Не забудьте сразу поменять пароль. Можно создать пользователя с другим именем, только желательно не использовать логины типа admin или administrator, т.к. подбор пароля хакеры обычно ведут по этим логинам).

В данную сборку вошли (с поправками и необходимыми настройками):
CMS WordPress версии 3.6.1
Плагины:
1) Custom Recent Posts Widget (нужен для вывода записей из отдельной рубрики в виджете, удобно использовать например для создания ленты новостей)
2) Antispam Bee (отличный антиспам плагин)
3) Auto Highslide (позволяет красиво увеличивать изображения, описывал его здесь - https://burashnikov.ru/auto-highslide-plagin-dlya-uvelicheniya-izobrazhenij-na-sajte-v-wordpress)
4) BackWPup (для создания резервной копии, как базы данных, так и для файлов сайта, но по умолчанию не включен, т.к. на данном хостинге и так прекрасное резервное копирование)
5) Better Related Content (позволяет выводить "Похожие записи" в конце записи)
6) Disable WordPress Updates (убирает проверку и напоминание о вышедших обновлениях вордпресса, тем и плагинов. Не рекомендую обновлять данную сборку, т.к. много правок сделанных вручную удалятся)
7) Google XML Sitemaps (для создания карты сайта, нужна для поисковиков Yandex и Google, для лучшей индексации сайта)
8) Mail From (позволяет вписать с какого э-мэйла и от какого имени будет отправлять письма наш веб сайт)
9) Relevanssi (улучшает механизм поиска по сайту, первоначальный механизм в вордпрессе работает ужасно)
10) RusToLat (создаёт латинские ссылки, наглядней читаются и лучше воспринимаются поисковиками)
11) Slick Contact Forms (форма обратной связи)
12) TinyMCE Advanced (расширяет возможности визуального редактора, страницы сайта оформляются так же легко и просто как в Microsoft Word)
13) WP No External Links (маскирует внешние ссылки от поисковиков)
14) WP Ya.Share (добавляет в каждую запись кнопки "поделиться в соц.сетях")
15) Display widgets (позволяет спрятать виджет для определённой страницы или рубрики)
Темы:
1) Mantra версия 2.1.1 Автор: Cryout Creations
2) Icy версия: 1.0.3 Автор: WildWebLab.com
3) И ещё 27 тем созданных в программе Artisteer
А так же убрана ссылка на WordPress (как описано здесь https://burashnikov.ru/udalyaem-ssylku-na-wordpress-iz-vidzheta-meta) и отключено автоформатирование (как описано здесь https://burashnikov.ru/otklyuchenie-avtoformatirovaniya-v-wordpress).

Собственно теперь устанавливаем сборку на сервер по следующей инструкции:

Сначала нам нужно создать базу данных mysql.
Заходим в раздел "MYSQL".

5

И заполняем "имя базы" и "пароль к базе" (пароль нужно запомнить, далее он нам пригодится), отмечаем галочкой пункт "сохранить пароль для phpmyadmin", затем нажимаем кнопку "Добавить".
Записываем себе имя базы (оно же имя пользователя), имеет вид <ваш логин к аккаунту beget>_<вписанное вами имя базы>.
Затем нажимаем маленькую кнопку "PMA", напротив созданной базы данных.

6

Попадаем в интерфейс phpMyAdmin, он нужен для управления базой данных.
Здесь выбираем нашу базу данных, слева в колонке, затем нажимаем сверху кнопку "Импорт", и при помощи кнопки обзор выбираем файл test_bd.sql, который находится в архиве сборки сайта.
Затем жмём "Ок".

Создаём качественный сайт самостоятельно, быстро и бесплатно

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

Создаём качественный сайт самостоятельно, быстро и бесплатно

 

С базой данных закончили.

Теперь нужно закачать файлы сайта (те что в папке Files в архиве сборки) на сервер.
Для этого переходим в панели хостинга beget в раздел "Файловый менеджер".

7

Слева, двойным щелчком, переходим в папку с названием нашего сайта.

Создаём качественный сайт самостоятельно, быстро и бесплатно

Затем переходим в папку public_html, именно в ней должны находится файлы сайта.

Создаём качественный сайт самостоятельно, быстро и бесплатно

В ней щёлкаем правой кнопкой на файле index и выбираем удалить.

Создаём качественный сайт самостоятельно, быстро и бесплатно

Затем нажимаем "Загрузить файлы", далее, в появившемся окне, нажимаем кнопку "Выбрать..." и выбираем архив files.zip в сборке сайта, затем - "Загрузить".

Создаём качественный сайт самостоятельно, быстро и бесплатно

Затем щёлкаем правой кнопкой по архиву "files" и выбираем "Распаковать архив".

Создаём качественный сайт самостоятельно, быстро и бесплатно

Подтверждаем распаковку в эту папку, нажав "Распаковать архив".

Создаём качественный сайт самостоятельно, быстро и бесплатно

Затем удаляем архив files.zip.

Создаём качественный сайт самостоятельно, быстро и бесплатно

Выбираем файл wp-config и, щёлкнув правой кнопкой на нём, выбираем "правка".

Создаём качественный сайт самостоятельно, быстро и бесплатно

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

Создаём качественный сайт самостоятельно, быстро и бесплатно

Во второй и третей строке вместо test.burashnikov.name вписываем свой домен.
Вместо "11111" вписываем название базы данных, та в которую мы импортировали базу данных через PHPMyAdmin.
Вместо "22222" вписываем логин (имя) пользователя базы данных (на нашем хостинге совпадает с названием базы данных).
Вместо "33333" вписываем пароль пользователя базы данных.
Вместо "44444" вписываем сервер базы данных (нужно вписать "localhost", без кавычек).
Далее нам нужно заменить секретные ключи, это вот эти строчки

define('AUTH_KEY', 'Kz+Z95<SOI9-?w [Z,_}H|FCVvPC2|.WkXbl`)T@K(5ty>r?B6Hn-0_Sn]R)7u?,');
define('SECURE_AUTH_KEY', 'wx|0K=ibIOcb{AB=8bw@rQy9qprtr] L1Tn)%:_SMD]:XB:.xPX=s<HJxnLZE-Pa');
define('LOGGED_IN_KEY', 'W!ea,F>2B?ln^tQFInCWD-.?Ob[Tm(F|+/k@-qk^<B7VtM!k4|F5Nz.ul7@@V/xD');
define('NONCE_KEY', '3!@Rm_+nE8q$N|C9EdF-l-<+y*U+f,BoVpv9b75~ ;xx-~a0J)paw+& S1RcC!XK');
define('AUTH_SALT', '9)AOL9Xm|IUhhOaK>#u;Ezw$e=4qTx)|tYq>TT7G:X,jG+mcg?:bm1q{#[=jueRE');
define('SECURE_AUTH_SALT', 'M_jH4|wGD[|K7Vj!~L3[T@}i89-`G4lMwmh8l^x,CMO1BGe-Q_[5H/Y;[@Q]% $_');
define('LOGGED_IN_SALT', '7=(DY|Pi6+7bf0jL9R#xS1b1+lgBy]nnm|Nt-ciQ=7Pck5|:[wP80`<EqebuJBH+');
define('NONCE_SALT', 'YT:zYv/G}-R=upU-C.Z)JQ|[y}7xB=#krENXnX~$8`Y_4=I%L)0rf<Gzh~3d0(W6');

Их мы берём по этой ссылке https://api.wordpress.org/secret-key/1.1/salt/ они автоматически создаются новые (уникальные) при каждом заходе на страничку по этой ссылке. Копируем их к себе в файл, заменяя старые ключи.
Сохраняем файл wp-config

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

 

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

Чтобы зайти в админку сайта нужно нажать на кнопку "войти" в блоке "Мета", либо можно вписать в адресной строке http://ваш_домен/wp-admin (ссылка будет актуальна если вы решите удалить блок "Мета").

14

На этой страничке нужно ввести логин и пароль. Изначально логин(имя пользователя): adminko, пароль: adminko.

15

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

16

Здесь вам нужно ввести свой э-мэйл и поменять пароль (обязательно сразу это сделайте), затем нажимаем кнопку "Обновить профиль" чтобы сохранить изменения.

17

Теперь в меню выбираем "Параметры". В параметрах мы пройдёмся по нескольким пунктам. Те пункты что написаны на английском это дополнительно установленные плагины, меню настройки я не стал переводить, так как настроить их нужно только один раз.
И так, начнём...
Пункт "Общие":
Здесь пишем название сайта (например: "ОАО "Рога и копыта"", либо "Иванов Иван Иванович", краткое описание (например: "Производство качественных рогов и копыт из благородной свинины", либо "Мой персональный сайт") и свой э-мэйл.

18

Пункт "Написание" пропустим, не является важным, переходим к пункту "Чтение":
Здесь можно выбрать что отображать на главной странице. На многих блогах предпочитают выбирать "Ваши последние записи", в данном случае выбрана статичная страница "О компании" (позже можно будет её изменить в страницу "о себе", если это персональный блог). Не забываем везде "Сохранять изменения".

19

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

31

Следующий важный пункт "Mail from":
Здесь меняем "Sender name" (пишем название сайта) и "Domain name" (пишем свой домен), затем нажимаем "Update options" для сохранения изменений. На этой страничке мы установили что письма от сайта (например уведомления, либо восстановление пароля) будут отправляться с адреса noreply@ваш_домен и в поле "От" будет вписано название вашего сайта.

20

Следующий пункт "Slick Contact Forms":
здесь вам нужно изменить э-мэйл (Default Email Address) и название сайта (на свои. Не забываем "Сохранить изменения".

21

На этом в параметрах мы закончили.

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

25

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

26

В пунктах "Заголовок" и "Фон" в некоторых темах можно загрузить изображения, установив соответственно одно в заголовок (шапку) сайта, а второе в качестве фона.

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

27

Здесь нужно настроить виджет Slick Contact Forms, а именно - в строке "Tab Text" пишете что будет написано на кнопке (например "Обратная связь", либо "Связаться со мной", либо "Заказать"), в строке "Skin" можете выбрать цвет кнопки и в строке "Email To" пишете свой э-мэйл, на него будут приходить письма с формы обратной связи.

28

Благодаря одному из плагинов присутствует виджет "Custom Recent Posts", он позволяет выводить записи определённой рубрики (либо нескольких рубрик) в виджете, т.е. в боковой колонке. Очень удобно если хотите сделать у себя на сайте в боковой колонке например ленту новостей.

29

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

30

О виджетах на этом всё.

Теперь перейдём к тому - как же создавать записи/страницы на сайте, т.е. как его наполнять своим материалом.

Для это в меню есть "Записи" и "Страницы".
В чём разница между ними... Страница - это одиночная страница, которую можно добавить в меню на сайте, либо просто вставить ссылку на неё с другой страницы или записи. Запись - она относится к какой-либо рубрике, выбирая рубрику вы увидите все записи созданные в ней. В данной сборке для примера уже созданы 2 страницы (о компании и контакты), а также 2 рубрики, продукция и новости в каждой из которых есть несколько записей, так что можно наглядно посмотреть чем они отличаются.

Теперь рассмотрим как их создавать:
Чтобы создать страницу нужно выбрать в меню слева "Страницы" -> "Добавить новую". У вас откроется такая страничка

32

На скриншоте я отметил 4-е области. В области 1 пишем название странички, в области 2 сам текст странички, при этом можно использовать для оформления кнопки над ним, в области 4 находится переключатель между визуальным редактором и html разметкой (текст), если не знаете что это - пользуйтесь визуальным редактором, а в области 3 есть возможность отключить маскировку ссылок для данной странички/записи (может пригодиться если вы хотите заработать продавая ссылки с сайта). Когда всё оформили нажимаем справа кнопку "Опубликовать", либо кнопку "Сохранить" если вы не хотите пока что её опубликовывать, например ещё не доделали её до конца.

Теперь к записям.
Для начала нам нужно создать рубрики, сделать это можно выбрав в меню "Записи" -> "Рубрики". Чтобы создать рубрику нужно заполнить "Название" и нажать кнопку "Добавить новую рубрику", так же можно создать подрубрику выбрав какую-либо родительскую рубрику. В чём фишка подрубрик... создаёте рубрику "А", а в качестве подрубрик "Б", "В" и "Г", например, если вы на сайте выберете просмотреть рубрику "А", то вам так же будут показаны записи из всех подрубрик ("Б", "В" и "Г").
В правой части можно изменить название уже существующих рубрик, либо удалить не нужные.

33

Теперь создаём непосредственно запись.
Выбираем "Записи" -> "Добавить новую". Кстати, в верхней панели есть кнопочка "+ Добавить", если наведёте на неё мышкой то раскроется менюшка в которой можно выбрать что создать (запись, медиафайл, страницу, пользователя).

34

На скриншоте снова отметил несколько областей для наглядности. 1-ю и 2-ю область заполняем аналогично странице. В 3-ю область пишем краткое описание, оно будет видно когда выберете какую-либо рубрику, под заголовком записи будет показывать это описание, я обычно вставляю сюда первое предложение из записи. В 4-ой области выбираем рубрику, можно несколько рубрик. Чуть ниже 4-ой область (не влезло на скриншот :) ) есть окошко в котором можно задать миниатюру, миниатюра - это маленькая картинка 150*150 пикселей которая будет показана так же в списке записей, т.е. там же где краткое описание.
Затем нажимаем кнопку "Опубликовать".

И последнее что важно знать в создании страниц и записей... Переходим в "Записи" - "Все записи" (аналогично будет и для страниц) и попадаем на список со всеми записями

36

Здесь можно удалить какую-либо запись, а так же внести некоторые изменения нажав кнопку "Свойства", в том числе разрешить либо запретить комментарии к записи соответвенно установив либо убрав галочку около пункта "Разрешить комментарии"

Теперь опишу что можно настроить в каждой теме.

Тема Mantra:

Области для виджетов: до 2-х колонок по бокам, до 4-х колонок внизу, над контентом (т.е. вначале текста), под контентом (т.е. в конце текста).

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

37

Переходим во "Внешний вид" -> "Mantra Settings". Здесь разберём по порядку каждый пункт. В каждом пункте около всех настроек есть знак "?" в квадратике справа, если на него навести - всплывает подсказка, поэтому я опишу лишь наиболее важные настройки и те к которым подсказка не понятная, либо на английском языке.

"Настройки схемы расположения"
Здесь стоит выбрать сколько колонок с виджетами будет на сайте, а так же где они будут распологаться и можно изменить ширину контента (поле где располагается запись) и боковой панели, только учтите что у вас может быть монитор гораздо больше чем у многих посетителей, а значит у них сайт будет смотреться очень не красиво если вы выставите ширину больше их монитора, желательно чтобы общая ширина не превышала 1280 пикселей, т.к. ширина почти всех мониторов уже либо больше, либо равна 1280 пикселям.

"Настройка заголовка"
В поле "Высота заголовка" задаём высоту заголовка (шапки сайта, где находтся название сайта) в пикселях.
В поле "Изображение заголовка" можно загрузить изображение для заголовка.
В поле "Заголовок сайта" выбираем что будет в шапке сайта, желательно выбирать либо "Название и описание сайта" если хотите чтоб просто было название без картинок, либо "Использовать изображение заголовка в качестве ссылки на главную страницу" если хотите использовать изображение которое загружается в поле "Изображение заголовка".
Поле "Загрузка своего логотипа"... честно говоря сам не понял зачем оно, не нашёл где эта картинка отображается :)
"Отступ заголовка" и "Закруглённые углы меню" - думаю описывать не требуется.
"Загрузка иконки сайта (фав-иконки)" - сюда стоит вставить фивиконку (favicon), это маленькая картинка 16*16 пикселей, которая отображается в закладках браузера, а так же в поисковиках рядом с названием сайта. Т.е. нужна картинка типа эмблемы сайта.

"Страничка презентаций"
Честно говоря, не разбирался с ней, т.к. никогда не использовал, можно пропустить этот пункт.

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

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

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

"Настройки интеграции социальных сетей"
Не стоит их вообще трогать. Социальные сети уже добавлены в данной сборке при помощи плагина.

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

Тема Icy:

Области для виджетов: в боковой колонке, вверху справа, до 4-х колонок внизу сайта

Изначально тема выглядит так

38

Настроек у неё довольно таки мало. Всё что можно переделать из админки это поменять заголовок (в меню "Внешний вид" -> "Заголовок") и не сколько настроек в "Внешний вид" -> "Theme options" -> "General":
1) можно выбрать с какой стороны должен быть столбец с виджетами, слева, либо справа;
2) Featured image - здесь отмечаете галочкой на каких страницах должна выводиться миниатюра (Front page - главная страница, Archive pages - страницы с архивами, single post - в самой статье, search results - в результатах поиска), рекомендую поставить галочки везде кроме "single post", но эт на любителя в общем-то;
3) Featured image size - размер миниатюры, выбираем Thumnail (150 x 150);
4)Breadcrumps - так называемые "хлебные крошки", будут отображаться сразу под шапкой сайта, отмечаете галочками на каких страницах будут выводиться (Front page - главная страница, posts - статьи , pages - страницы, archives - архивы, 404 page - страница с ошибкой "404" ), рекомендую выбрать всё, кроме "Front page", т.к. на главной будет просто отметка "...".

Создаём качественный сайт самостоятельно, быстро и бесплатно

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

27 тем созданных в программе Artisteer:

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

Настройки находятся в "Внешний вид" -> "Theme Options".
Здесь опишу лишь те настройки, которые наиболее актуальны:

Show slogan - показать описание сайта (по умолчанию - включен)
Show navigation links at the top of front posts page - показать навигационную (постраничную) панель вверху главной страницы (по умолчанию - выключен)
Show navigation links at the top of posts page - показать навигационную (постраничную) панель вверху страницы (по умолчанию - выключен)
Show navigation links at the bottom of posts page - показать навигационную (постраничную) панель внизу страницы (по умолчанию - включен)
Show top navigation links in single post view - вверху записи показать ссылки на "соседние" записи (по умолчанию - выключен)
Show bottom navigation links in single post view - внизу записи показать ссылки на "соседние" записи (по умолчанию - выключен)
Use featured image as thumbnail - показать миниатюру (по умолчанию - включен)
Thumbnail width - ширина миниатюры (по умолчанию - 150)
Thumbnail height - высота миниатюры (по умолчанию - 150)
Allow Comments - показать комментарии (по умолчанию - включен, если выключить - не будут показываться комментарии на всём сайте)
Use smilies in comments - показать смайлики в комментариях (по умолчанию - выключен)
Override default theme footer content - заменить надпись внизу сайта своей (ту где написано "Создание сайта - Роман Бурашников") (по умолчанию - выключен)
Footer content - если предыдущая опция включена - в данном окошке можно написать свою подпись внизу сайта. 

Скриншоты каждой темы:

Помимо этих тем можно установить и другие, перейдя в меню "Внешний вид" -> "Темы" -> "Установить темы", выбираем характеристики темы и нажимаем кнопку "Найти темы". Это поиск среди огромной коллекции тем у сообщества Вордпресса.

76543

 

На этом всё, благодаря этой пошаговой инструкции и сборке собранной мной вы можете сделать сайт самостоятельно и бесплатно, потратившись только на домен и хостинг. Удачного вам сайтостроения! 
Если же вам нужен более сложный функционал, уникальный дизайн созданный специально для вашей компании, то можете заказать сайт у меня https://burashnikov.ru/sozdanie-sajtov .

P.S. На хостинге beget, в панеле управления, в разделе "Почта", можно создать красивые почтовые ящики вида - название_почтового_ящика@ваш_домен. Количество почтовых ящиков не ограничено, каждый ящик позволяет вместить писем на 300ГБ, т.е. по сути - без ограничений.

VN:F [1.9.22_1171]
Рейтинг: +39 (голосов: 39), Понравилось: 39, Не понравилось: 0

Поделиться в:
Вы можете поблагодарить автора рублём, за понравившуюся статью, при помощи этой формы (нажать для открытия):

43 комментария: Как создать свой сайт самостоятельно с нуля

  • Очень понравилось! При случае обязательно воспользуюсь готовой сборкой. Спасибо!

    VA:F [1.9.22_1171]
    Рейтинг: +6 (голосов: 6)
  • Очень подробно описано! Думаю, многие Вам спасибо скажут, особенно новички. Удачи Вам. ;-)

    VA:F [1.9.22_1171]
    Рейтинг: +7 (голосов: 7)
  • Спасибо большое, статья отличная, а что для меня с картинками так вообще шикарно.

    VA:F [1.9.22_1171]
    Рейтинг: +5 (голосов: 5)
  • Отличное руководство по созданию сайта. И хостинг очень интересный, дёшево выходит.

    VA:F [1.9.22_1171]
    Рейтинг: +5 (голосов: 5)
  • попробовал, действительно всё просто. и шаблончик довольно таки интересный. тема mantra действительно очень гибко настраивается, можно изменить до неузнаваемости.

    VA:F [1.9.22_1171]
    Рейтинг: +4 (голосов: 4)
  • спасибо. хорошая сборка сайта, быстро удалось сделать сайт

    VA:F [1.9.22_1171]
    Рейтинг: +4 (голосов: 4)
  • Прекрасная пошаговая инструкция для новичков, с её помощью можно легко научиться делать сайты самостоятельно.

    VA:F [1.9.22_1171]
    Рейтинг: +3 (голосов: 3)
  • Обновил сборку, добавил 27 тем сделанных в программе Artisteer, думаю, из такого разнообразия каждый сможет подобрать себе то, что ему нужно.

    VN:F [1.9.22_1171]
    Рейтинг: +3 (голосов: 3)
    • новые темы просто супер :good: клёвый сайт получается. спасибо.

      VA:F [1.9.22_1171]
      Рейтинг: +2 (голосов: 2)
  • Здравствуйте. Хочу научиться профессионально создавать сайты, не плохо знаю html, ранее изучал c++, delphi. Подскажите, пожалуйста, с чего начать чтобы научиться делать уникальные сайты самому? не типовые (по сборкам и тем более всяким юкозам и гугловским блогам), а именно уникальные. Для начала хотя бы красивые корпоративные сайты, новостные, блоги и т.п. Заранее спасибо.

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
    • Здравствуйте.
      Думаю, научиться делать сайты самостоятельно проще начав с выше написанной инструкции. При создании сайтов вам понадобиться какая-либо CMS, без системы управления сайтом будет сложно обслуживать сайт, лично мне больше понравилась wordpress (в общем-то это самая популярная cms, от сюда большое количество готовых плагинов и шаблонов на первое время).
      Рекомендую сначала установить сборку из данной статьи, попробовать сделать на ней сайт.
      Затем установить другую тему (шаблон), как правило другие шаблоны требуют правок (есть ошибки, плохой перевод, да и просто хочется сделать шаблон уникальным), и попробовать изменить функционал при помощи других плагинов, в этом процессе вы сможете освоится с php, css и ява (учитывая что знаете другие языки, думаю, для вас это будет не сложно, логика похожая).
      Гораздо быстрее можно научиться делать сайты если сразу всё делать на практике, т.е. нужен какой-то функционал на сайте - ищете информацию в инете как его сделать и изучаете php с конкретными функциями.
      А чтобы делать уникальные темы для вордпресс рекомендую опробовать программу Artisteer, правда она платная, не помню - есть ли там демо версия.
      Так же вам придётся освоить какой-либо графический редактор, например photoshop.
      Для начала как-то так. Удачи вам в обучении.

      VN:F [1.9.22_1171]
      Рейтинг: +3 (голосов: 3)
  • Спасибо! Отличная у вас инструкция как создать сайт самой. Благодаря вам уже получилось сделать в интернете свой первый сайт.

    VA:F [1.9.22_1171]
    Рейтинг: +2 (голосов: 2)
  • Написано очень подробно, постараюсь сделать все по инструкции и сразу же покажу вам.

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
  • здравствуйте, пожалуйста подскажите, в тот момент, когда загружаем базу сообщение: "импорт успешно завершен..." не появляется, всё время висит сообщение "Пожалуйста, подождите, файл находится в обработке. " что можно сделать? что не так?

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
    • здравствуйте. бывают такие глюки в phpmyadmin, почему-то бывает что браузер "забывает" про процесс и постоянно показывает что идёт загрузка, хотя на самом деле на сервере импорт уже завершён, и база готова. Просто подождите минутку и можете переходить к следующему пункту, закрыв окно phpmyadmin.

      VN:F [1.9.22_1171]
      Рейтинг: +1 (голосов: 1)
  • Здравствуйте Роман.

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

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
    • Можно вручную создать папку, переходите в раздел "Сайты" (главной страницы хостинга), далее вводите имя сайта (какое вам удобней, так будет называться папка с сайтом), затем нажимаете кнопку "создать".
      В списке ниже появится название которое вы указали, напротив него жмёте маленькую кнопочку "прикрепить домен" (рисунок - цепь с зелёным плюсиком) и выбираете свой домен, затем кнопку "Прикрепить".
      После этих действий у вас появится папка сайта в файловом менеджере, на которую будет ссылаться ваш домен.

      VN:F [1.9.22_1171]
      Рейтинг: +1 (голосов: 1)
      • скажите а как проводить регистрацию пользователей с помощью ворд пресс

        VA:F [1.9.22_1171]
        Рейтинг: 0 (голосов: 0)
        • 2 варианта:
          1) В админке выбираем пункт "Пользователи", затем "добавить нового" и регистрируем пользователя.
          2) В админке выбираем пункт "Параметры", затем "Общие" и ставим галочку в пункте "Любой может зарегистрироваться". Теперь любой может зарегистрироваться как пользователь перейдя на страничку [ваш_домен]/wp-login

          VN:F [1.9.22_1171]
          Рейтинг: +1 (голосов: 1)
  • Спасибо! Все получилось

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
  • Огромное СПАСИБО!!!! Статья написана очень подробно и интересно. Благодаря Вам я смогла самостоятельно сделать сайт-визитку для своей компании. Еще раз Спасибо!

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
  • Спасибо вам! Постигаю основы создания сайтов, долго искал какой-нибудь самоучитель по созданию сайтов, наткнулся на ваше руководство, попробовал по нему самому создать сайт, всё получилось, теперь хоть представляю что к чему, хороший урок получил. Ещё раз спасибо!

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
  • Не подскажите, где лучше создать сайт самому, на платном или бесплатном хостинге? В чём хуже будет бесплатный хостинг? И может вообще на юкозе создать сайт визитку? Интересует простой интернет сайт для своего маленького бизнеса.

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
    • Если просто поэкспериментировать дома - можно и на бесплатном сделать, если хотите нормально работающий хороший сайт - только на платном.
      На бесплатных хостингах не дают ни каких гарантий и как правило неработоспособность сайта по несколько часов, а то и дней, нормальное явление, а могут и вовсе удалить сайт без объяснения причин (такое тоже часто встречается на бесплатных хостингах). Кстати, периодическая неработоспособность сайта сводит на нет его продвижение, а значит в поисковиках такой сайт практически не найти.
      Из платных - сильно гнаться за ценой тоже не стоит, цены почти везде очень низкие стали, поэтому много не сэкономите. Важно чтобы хостинг был надёжный (чтоб не было отключений сайта), и если сайт рассчитан на Российскую аудиторию, то хостинг должен быть в России, т.к. к зарубежным время обмена данными из России больше, а этот показатель Яндекс тоже учитывает.
      Ucoz тем более не рекомендую, сразу стоит понять - что это будет не ваш сайт, и вам будут навязывать условия работы, например ссылка внизу, юкозовская реклама на сайте, и невозможность сильно переделать сайт (может быть важно если ваши требования к сайту вырастут). Да и продвигать в поисковых системах такой сайт будет очень затруднительно.
      Лучше воспользоваться движком Вордпресс (можно сборкой основанной на нём, которую я выкладывал выше), этот сайт будет без рекламы (в отличии от юкоза), такой сайт вы всегда сможете доработать под любые нужды (на этой платформе созданы сайты очень разных назначений), его проще всего продвигать, и проще будет найти специалиста для доработки или обслуживания вашего сайта (т.к. этот движок знаком почти всем специалистам в области создания сайтов). Да и разобраться самому в этом движке довольно таки просто, поэтому примеров самостоятельного создания сайта довольно таки много, причём очень разных назначений, от сайта визитки до крупных корпоративных сайтов.

      VN:F [1.9.22_1171]
      Рейтинг: +2 (голосов: 2)
    • Добрый день всем, я полностью согласен с Романом, только платная платформа вам обеспечит ваше развитие в интернете! Но еще важную роль для выбора платформы играет то чем вы хотите заниматься в нете, * иметь свой блог, или инфо- бизнес. либо свой интернет магазин, Когда вы выберите свое направление, после того можно выбирать платформу для своего бизнеса!
      И вообще вордпрес очень класная платформа. на ней можно создать все что угодно для вас, практически все. от своего блога до крупного интернет мангазина, или одностраничного магазинчика, сайт воронку . страницу захвата, и многое другое, очень много подерживеет вордпрес, и цена со стабильностью самая лучшая, поддержка просто бомба, мгновенная. и продуктивная!Я согласен с Романом что вордпрес хорошая площядка!Советую вам! Я уж 4 года на этой платформе , проблем никаких!

      VA:F [1.9.22_1171]
      Рейтинг: +1 (голосов: 1)
  • :good: Спасибо! Недавно создала сайт используя WordPress. Ваша статья очень помогла.

    VA:F [1.9.22_1171]
    Рейтинг: +2 (голосов: 2)
  • :!: Спасибо вам большое за статью.
    Очень объёмная и толковая. Многое вынес для себя на будущее.
    Я лично воспользовался услугой конструкторов для создания. У них просто всё встроенное, всё что требуется - оплатить тариф и сделать страницу) Времени заняло очень мало, а результат неплохой.
    Можно поинтересоваться, каково ваше мнение о конструкторах типа Q-page или LPgenerator?
    Я лично на q-page делал, там цены приятнее, но может вы что-то сможете подсказать...

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
    • К конструкторам плохо отношусь. Т.к. как продвигать их очень проблематично бывает, часто невозможно внести нужные изменения.
      Да и к тому же такие сайты, по сути, являются не собственными, а арендованными.
      Если сайт для привлечения прибыли, потенциальных клиентов, то его нужно активно продвигать, а продвижение стоит гораздо больше чем изготовление сайта. Пример одного из сайтов с которыми я работаю, точные суммы назвать не могу, но скажу что на создание сайта ушла 5-ти значная сумма, а на продвижение за несколько лет 7-ми значная. Поэтому, на мой взгляд, лучше сделать собственный качественный сайт, либо лично сделав, либо заказав в веб-студии, только если заказывать - надо обязательно требовать копию сайта и логины и пароли не только от сайта, но и от хостинга, где находиться сайт.

      VN:F [1.9.22_1171]
      Рейтинг: +1 (голосов: 1)
  • Добрый день, Роман! Подскажите пожалуйста, почему после создания базы, перед настройкой собственного сайта, при заходе на свой сайт выходит окно с ошибкой. "Ошибка установки соединения с базой данных"? Заранее спасибо.

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
    • Движок не может подключиться к базе данных MySQL. Где-то вы допустили ошибку.
      Перепроверьте:
      1) Что база создана, можно повторно создать, чтоб уж наверняка;
      2) Проверьте файл wp-config, правильно ли ввели там имя базы и пользователя, а так же пароль и имя сервера.

      VN:F [1.9.22_1171]
      Рейтинг: +1 (голосов: 3)
  • Потрясающе! Большое спасибо Вам за столь подробную инструкцию! Сайтостроение в наше время просто необходимо.

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Роман спасибо большое за статью. Никогда не думала, что смогу сделать сайт сама. Подскажите, пожалуйста, как сделать ключевые слова по которым люди могут найти мой сайт.

    VA:F [1.9.22_1171]
    Рейтинг: +1 (голосов: 1)
    • При помощи Вордстата https://wordstat.yandex.ru - инструмент от яндекса, который позволяет посмотреть сколько людей искали в поиске яндекса какую либо фразу. Прикидываете по каким фразам вас могут искать, вводите эти фразы в Вордстат, он показывает вам сколько человек искали это и что ещё искали с этими словами и сколько раз за последний месяц. Исходя из этих данных формируете текст на страницах сайта. Вкратце - как-то так.

      VN:F [1.9.22_1171]
      Рейтинг: +1 (голосов: 1)
  • Роман, здравствуйте. Я текст знаю какой нужно писать, я не знаю куда его писать. У меня сайт персональный ilya-lisenkov.ru мне надо, чтобы я вбив в яндексе русскими буквами Илья Лысенков нашла свой сайт.

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
    • Здравствуйте. Текст может располагаться на странице где угодно, особенно хорошо если присутствует в заголовке, как у вас сейчас и сделано. Сможете ли вы легко найти свой сайт в Яндексе по запросу Илья Лысенков - это зависит от того как часто встречаются такие же слова на других сайтах, т.е. какова конкуренция по данным словам, и от того насколько хорошо относиться к вашему сайту сам поисковик Яндекс. Если найти по данному запросу будет сложно, значит стоит заняться продвижением сайта. По поводу продвижения это сюда https://burash.ru/prodvizhenie-sajtov

      VN:F [1.9.22_1171]
      Рейтинг: +1 (голосов: 1)
  • Роман, а как залить sborka на денвер?

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
    • этого не подскажу, денвером не пользовался уже несколько лет. предпочитаю сразу на внешнем хостинге сайт делать.

      VN:F [1.9.22_1171]
      Рейтинг: 0 (голосов: 0)
  • Как у beget обстоят дела с технической поддержкой? Насколько качественно и быстро реагируют?

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
    • Отлично. В рабочее время в пределах 20 минут всегда отвечали. вечером как-то писал им - примерно через час ответили. Отвечают развёрнуто, понятно и действительно помогают, а не просто отпинываются. Несколько раз к ним обращался - остался доволен их работой.

      VN:F [1.9.22_1171]
      Рейтинг: 0 (голосов: 0)
  • Создать сайт в наше время можно. Конечно не легко и просто. Нужно будет потрудиться и головой подумать. Здесь все подробно описано - бери и делай. Только не надо пользоваться бесплатными конструкторами сайтов - себе дороже обойдется. Лучше создавать свой сайт на нормальном движке, например, WordPress или Jumla или вообще на собственном движке.

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)
  • Большое спасибо за интересную и доступную тему.
    Используя МАНТРУ, есть возможность создать сайт на 2х языках?

    Еще раз спасибо

    VA:F [1.9.22_1171]
    Рейтинг: 0 (голосов: 0)

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Бурашников Роман АлександровичБурашников Роман Александрович
Яндекс Диск 1ГБ дополнительного места
Лучшие записи