Приветствую, пикабушники! Сразу хочу сказать, этот гайд написан для людей, которые хотели бы создать свой сайт вкладывая минимум затрат. Здесь не будут описываться технические тонкости, я не буду никого учить программированию, это, скажем так, конструктор сайта за минимальную его стоимость.
Также этот материал не является мануалом по написанию его с нуля, это редактирование существующего красивого демо сайта, тут я расскажу где его найти и как его установить. Будем коверкать существующую красоту, что бы создать своего франкенштейна.
В просторах интернета можно найти кучу всяких реальных конструкторов, в которых действительно можно мышкой потаскать блоки влево\вправо и нажать "Добавить блок" и т.д., но мы реалисты, как правило хорошие конструкторы имеют массу ограничений на низких тарифных планах и стоимость начиная от 4к в год. Плюсом не предоставляют возможности в случае чего перенести свой сайт на другой хостинг.
Для начала разберемся с азами. Для работы сайта требуются минимум 4 пункта:
1. Хостинг, место, где физически расположен сайт. Мой личный выбор - таймвеб, вы можете выбрать абсолютно другой, он ни к чему не обязывает.
2. Домен, имя вашего сайта (аля pikabu.ru). Вы его можете приобрести на любом сервисе регистрации доменных имен. Но что бы не вдаваться в технические подробности как подключать домены, рекомендую просто купить его у вашего хостера, он сам и подвяжется к вашему сайту(если он один на хостинге).
3. База данных. Она создается на самом хостинге, внизу будет описание, как это сделать.
4. Система управления сайтом (CMS). Я буду показывать на примере WordPress, так как сугубо лично мое мнение - она само интуитивно понятная и легка в освоении в отличии от многих своих конкурентов.
Давайте обо всем по порядку.
Хостинг я буду использовать (это не реклама, просто так исторически сложилось, что этот хостинг мне по душе) таймвеб. Хостинг можете выбрать абсолютно любой, есть хостинги дешевле, чем этот, но не значительно, а за качество хостинга лучше немного больше заплатить. На нем нам понадобится арендовать "Виртуальный сервер"(ЭТО ВАЖНО!), не VDS, не Выделенный сервер, а именно Виртуальный. Выбираем самый дешевый тарифный план и жмем заказать.
Заметка: у многих хостингов есть тестовый период, у таймвеба вроде 7 дней, ссылку на созданный сайт я приведу в конце поста
После регистрации мы сразу попадем в панель управления хостингом.
На самом деле уже на этом этапе вы имеете новосозданный "сайт"(точнее html страничку). Что бы в этом убедиться, перейдите по вкладке "Сайты", и там вы увидите технический домен, который принадлежит вам.
Перейдите по этой ссылке и вы увидите нечто подобное:
Сейчас мы посмотрим, где же хранится наш "сайт". Перейдите на вкладку "Файловый менеджер". Тут вы увидите каталог public_html. Зайдите в него. Внутри вы увидите файл index.htm. Можете открыть его, внутри вы как раз и увидите содержимое вашего "сайта".
Ладно, перейдем дальше к делу. Вернитесь в корень диска(нажмите на домик). Удалите полностью папку public_html.
Далее идем на официальный сайт нужной нам CMS - https://ru.wordpress.org/download/
Жмем здоровенную кнопку скачать WordPress.
После того как скачали архив, вернитесь в файловый менеджер. Нажмите "Архиватор" - "Загрузить и разархивировать". Выберите скачанный архив. После того как архив загрузился на сервер и распаковался, переименуйте его из "Wordpress" в "public_html", без этого не заработает, просто сделайте :)
Дальше нам требуется создать базу данных. Переходим в панели управления на вкладку "Базы данных MySQL". Нажимаем "Создать новую базу данных". Придумайте для нее логин, пароль лучше сгенерируйте. Его очень легко сбросить в случае чего и он нам понадобится лишь один раз, что бы ввести его в процессе установки CMS.
Далее переходим во вкладку сайты и жмем на наш технический домен. В моем случае это:
Мы попадаем на окно установки CMS
Имя базы данных и имя пользователя задайте то, которое вы указывали при создании самой базы. В моем случае это cj64779_saddq. Пароль - который вы сгенерировали. Остальное менять нельзя.
Если вы ввели все правильно, должно появиться следующее окно:
Укажите название своего сайта.
Логин и пароль - это доступ к администрированию вашего сайта. Жмем установить.
Далее вас переправит на окно авторизации. Если вы его закроете, можете просто ввести имя своего сайта, а после этого приписать /wp-admin. Например pikabu.ru/wp-admin. Это ссылка для авторизации в админке сайта.
Заметка: после установки CMS уже установилась первая тема с содержимым вашего сайта. Просто перейдите по своему уже привязанному техническому домену.
В админке сайта переходим на вкладку Внешний вид - Темы.
Тут нам нужно добавить новую тему сайта. Темы создают разные разработчики и для них предлагают приобрести уже готовые сайты на основе этой темы. Но так же есть некоторые товарищи, которые выкладывают готовые шаблоны сайтов, которые уже существуют. То есть это реальный сайт который вы можете отредактировать под себя используя знания аля "Как загрузить картинку, какой цвет для этого блока выбрать, потянуть за уголок, что бы изменить размер блока."
Итак, жмем добавить новую тему, в поиске вбиваем Zakra. И устанавливаем её и активируем.
После этого на вкладке "Внешний вид - Темы" у вас появится окно "НАЧНИТЕ С ZAKRA". Жмем.
Здесь вам предложат установить уже готовый сайт, учтите, которые помечены ленточкой Premium - это платные сайты. Если вы нажмете на понравившейся вам теме "Preview" - вы сможете посмотреть, как будет выглядеть этот сайт в реальности.
После того, когда мы определились, какая тема нам нравится, жмем Import Demo. После этого начнется установка нужных плагинов для нас и всего контента, который содержится в этих готовых шаблонах. Не закрывайте страницу установки, до ее завершения.
Если вы уже установили какую то тему и хотите установить другую, просто удалите базу данных и каталог public_html, создайте новую, чистую базу и заново загрузите и разархивируйте архив который вы скачали с WordPress.org.
Шаблон конкретно этой темы собирается конструктором Elementor. Да-да, вы сейчас можете подумать, что тс бич, зачем мы столько делали работы, если можем просто на какой нибудь викс ру зайти, просто зарегаться и иметь уже готовый конструктор. Повторюсь, в тех конструкторах масса ограничений и они очень дорогие. Этот конструктор ни чем не хуже и позволяет вам создать полноценный сайт, но платить вы за него в год будете ~2300, а не 4к+.
И так, если вы перейдете по своему техническому домену во вкладке "Сайты", то вы увидите уже готовый сайт, который вы только что установили.
И тут у нас начинается последний этап нашего веселья, начало работы над "созданием" своего сайта.
Заходим в админку сайта, напоминаю, ИмяСайта/wp-admin. Перейдите на вкладку "Плагины" и убедитесь что плагины Elementor и Everest Form(иногда еще доп плагин типа Social Icons) активированы. Если нет, то нажмите активировать.
Затем перейдите на вкладку страницы. Тут вы найдете все страницы вашего сайта.
Нажмите "Редактировать в Elementor". Вы попадете в панель редактирования сайта, она достаточно ЭЛЕМЕНТАРНА
После того, как внесете какие либо изменения, в нижнем правом углу нажмите "Обновить", если хотите прямо сейчас опубликовать изменения. Либо нажмите сохранить в черновик.
Так же некоторую информацию сайта, типа его названия, логотипа, меню и подвала редактируется во вкладке "Внешний вид - Настроить". После того, как вы внесете изменения в настройках темы WordPress в верхнем левом углу так же нажмите либо опубликовать либо сохранить черновик.
Когда вы купите домен, вам понадобится поменять домен сайта внутри настроек админки:
Как работать в элементоре - придется разбираться самим, это очень просто, да и плюсом гугл все подскажет :)
А теперь будем реалистами, кому подойдет такого рода сайт:
Людям, которым просто любопытно попробовать(любознательным); начинающим фотографам, которые хотели бы просто свой блог иметь; малому бизнесу, который хочет исключительно донести какую то информацию и все в таком роде.
Почему такие сайты плохи и не стоит их рассматривать для серьезных целей:
ВО ПЕРВЫХ, это работа на плагине, который имеет достаточно серьезные уязвимости и вообще это не ок делать подобные сайты для серьезных целей. Ни в коем случае не собирайте конфиденциальные данные клиентов\сотрудников\людей и т.д.
ВО ВТОРЫХ, это не уникальный контент, это сильно сказывается на индексации в поисковиках. Не пренебрегайте работой разработчиков и SEO, они большие молодцы и вкладывают очень много времени и сил что бы создать качественный сайт, который будет хорошо индексироваться, быстро работать и быть красивым.
В ТРЕТЬИХ, он очень медленный, относительно хорошего сайта, написанного умным разработчиком, да и плюсом у вас не получится так же качественно оптимизировать его в поисковиках.
В итоге что мы имеем: конструкторы с неограниченным функционалом стоят около 8-10к в год. Конструктор в CMS WP бесплатный, вы за него вообще не платите. Вы платите только за хостинг и домен.
Если вам понравился такой материал, я могу вам рассказать как сделать собственный хостинг для файлопомойки или для размещения сайта. Хорошего всем настроения! :)
UPD: Ссылки не будет на всякий случай. Т.к. батька модератор говорит, что сайт не должен быть коммерческим или что то продавать, а шаблон который я выдал предлагает какие то там данные оставить и т.д., да еще и ссылки внешние имеет. По ссылке в скринах можете не ходить, я отвязал домен.