Как открыть свой сайт бесплатно на Hostinger.ru, используя CMS Drupal. Подробно с картинками

Тут представлена самая подробная инструкция с картинками по установке Drupal на хостинг Hostinger. С этим нетрудно открыть сайт, используя профессиональные инструменты разработчиков.

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

С помощью своего сайта вы сможете продвигать свои товары и услуги, публиковать статьи, творчество, копировать интересные материалы из Интернет. Это даёт возможности не только общения, но и заработка. Полезные ресурсы выходят в лидеры в поисковых системах, что может принести вам прибыль. Как можно открыть профессиональный сайт бесплатно на отдельном адресе?

В этой статье мы не будем подробно рассматривать все имеющиеся бесплатные возможности и не дадим самый правильный ответ на различные вопросы. В данной статье мы научим вас делать сайты на CMS Drupal на отдельном адресе бесплатно.

Немного справки

Бесплатные сайты можно открыть разными способами, но часто вы не управляете полностью всем содержимым сайта: вставляется чужая реклама или нет возможности детальной настройки дизайна. Решением этой проблемы является профессиональная разработка сайта. Для профессиональной разработки есть две главные CMS (системы управления сайтом) - это Drupal и WordPress. Мы будем говорить о Drupal, так как вторую чаще взламывают, она не надёжная, а другие CMS ну совсем не устраивают или не бесплатные. Если вы проследуете инструкции, и всё получится, вы точно ощутите позитив. Кликайте по изображениям, чтобы увеличить. Но не обязательно в настоящее время всё выглядит как на картинках.

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

 

1. Заказ бесплатного хостинга

1.1. Зарегистрировать хостинг бесплатно

Откройте сайт http://hostinger.ru/ и зарегистрируйтесь. Это нужно, чтобы разместить там ваш будущий сайт. Хостинг - это размещение сайта в Интернет. На предложенном ресурсе эта услуга бесплатная (хотя в других местах она стоит от 300рублей в год).

После регистрации обязательно нажмите по ссылке, которая придёт на ваш e-mail, иначе у вас не будет прав создать сайт на Hostinger. Вот как выглядит Hostinger:

 

hostinger главная

Главная страница Hostinger

форма регистрации hostinger

Форма регистрации Hostinger

панель клиента hostinger внутри

Панель клиента Hostinger для авторизованных

Когда вы зарегистрируетесь в Hostinger и подтвердите e-mail, кликнув по ссылке, которая придёт, вам будут доступны все бесплатные услуги этой компании. Вы сможете в Панели Управления создать сайт, базу данных, но об этом подробнее.

 

1.2. Создать сайт на Hostinger

Войдите в Панель Клиента и исследуйте её. Одна из кнопок будет создать сайт. На представленной картинке выше эта кнопка слева вверху, называется Создайте Веб-Сайт! - кликнете по ней, или найдите Сайты - Создать или что-то подобное, если в настоящее время это выглядит по-другому.

После этого вам откроется трёхшаговая область заказа хостинга.

На первом шаге выберите бесплатный тариф, как отмечено галкой на картинке, нажмите Заказать:

заказ бесплатного хостинг hostinger

Заказ бесплатного тарифа хостинга

На втором шаге нужно ввести данные: Домен, Пароль. Если у вас нет домена и вы еще не умеете покупать домены, то введите субдомен. На примере использован субдомен на бесплатном домене vv.si, и имя сайта novy, то есть будущий сайт будет иметь адрес http://novy.vv.si У вас это будет другой адрес, и вы можете выбрать другой бесплатный домен, например esy.es, wc.lt и другие непонятные (что плохо, они непонятные, но зато короткие и бесплатные).

форма создания сайта hostinger

Так выглядит форма создания нового сайта на Hostinger.

Можно выбрать разные домены и создать на одном из них субдомен.

субдомены hostinger

Предлагаемые Hostinger бесплатные субдомены - короткие но непонятные,
например esy.es, vv,si, wc.lt, hol.es

новый способ новый сайт

В нашем примере мы открываем сайт на субдомене: novy.vv.si

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

После этого ваш сайт будет создан, то есть открыт новый пустой сайт по выбранному адресу, в нашем примере: http://novy.vv.si

Ваш сайт будет отображаться в разделе Хостинг - Все аккаунты. Ещё это называется: хостинг-аккаунт.

список хостинг-аккаунтов

Новый хостинг-аккаунт создан, он Активен,
теперь можно разместить там наш сайт.

Обязательно убедитесь, открывается ли ваш сайт по нужному адресу. Для этого введите в адресной строке адрес вашего сайта. В нашем примере: http://novy.vv.si И это нужно вводить не в Яндекс или Гугл, а именно в адресную строку, точно, без пробелов. Если у вас трудности с правильным открытием адреса вашего сайта, то вероятно следующие инструкции будут просто невыполнимы.

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

новый сайт открывается hostinger

В строке адреса мы ввели novy.vv.si. Наш сайт работает!

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

 

Мы проделали 30% самой простой работы. Это также просто как открыть e-mail. Далее будут более сложные инструкции, которые не обязательно будут учитывать все детали. Если возникают вопросы - задавайте их в поиске. По ключевому слову "друпал" Яндекс и Google знают много ответов. И мы приступаем к установке Drupal.

 

2. Установка CMS Drupal

Чтобы на пустом месте в Интрнете возник сайт, нужно установить программу Drupal на это пустое место. Хостинг - это и есть то место, на которое нужно установить CMS Drupal. Это даст вам возможность добавлять тексты, картинки, управлять дизайном сайта. Изначально Hostinger размещает только одну страницу на вашем сайте, она выглядит как на картинке выше. Теперь нам нужно вместо стандартной страницы установить Drupal.

2.1. Скачать Drupal с официального сайта

Откройте http://drupal.org - это официальный сайт. Нажмите Get started with Drupal или просто перейдите на страницу https://www.drupal.org/start Там будет кнопка скачивания последней версии Друпал: Download Drupal 7.32 на данный момент версия 7.32. Возможно, в настоящее время это уже 8 версия, например 8.10 или еще выше.

друпал скачать

Главная страница drupal.org

скачать drupal

Кнопка скачать Drupal

На следующей странице прокрутите немного вниз и скачайте архив zip с последней версией, Version 7.32 --  zip . То есть drupal-7.32.zip не надо tar.gz так как он не всегда распаковывается на хостингах.

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

2.2. Закачиваем архив Друпал на хостинг Hostinger

Снова откройте Панель Клиента Hostinger.ru, откройте Хостинг - Все аккаунты. Найдите там свой новый сайт, нажмите по нему, чтобы появилось снизу меню. И нажмите Управление, как показано на картинке. После чего вам нужно ввести пароль от этого хостинг аккаунта, это уже второй пароль, который вы вводили при создании сайта, то есть на шаге 1.2.

управление хостингом hostinger

Управление хостинг-аккаунтом.

hostinger панель управления

Панель управления сайтом novy.vv.si на Hostinger

 

Вам откроется Панель Управления сайтом, в нашем примере сайтом novy.vv.si Из всего разнообразия кнопок с картинками нужно найти Файлы - Файловый менеджер. Нажмите Файловый менеджер.

 

файловый менеджер hostinger

Файловый менеджер в Панели Управления Hostinger

После нажатия Файловый менеджер он может попросить вас выбрать язык и установить его - сделайте. И теперь вы видите 2 файла на вашем сайте - .htaccess и default.php. Они оба вам не нужны, потому что в архиве друпал будут все необходимые файлы, так что эти оба удалите: выделите, правой кнопкой - удалить. Затем нажмите на значок дискеты с плюсиком +, чтобы загрузить архив drupal....zip

файловый менеджер начало

Удалите файлы с нового сайта, чтобы загрузить архив drupal...zip

распаковка drupal на hostinger

Распаковка архива Drupal на Hostinger

drupal папка

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

Нужно открыть папку drupal-7.32 и выделить все файлы, и вырезать.

Потом открыть корень сайта (кнопка домик слева) и вставить туда все файлы

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

Откройте ваш сайт, чтобы увидеть установку. В нашем примере после работы с файлами мы сразу набираем в адресе: novy.vv.si

 

2.3. Производим установку Drupal

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

2.3.1. Скачайте русификатор Drupal

Если до установки скачать русификатор Друпал, то ваш сайт будет на русском. Перевести на русский можно и после установки, так что если хотите можете это сделать потом.

Откройте сайт http://drupaler.ru и нажмите Download. Выберите язык - Russian. Введите в поле Проект: drupal и нажмите выбор проекта.

русификация drupal

Скачать русификатор Drupal с сайта drupaler.ru

параметры русификации друпал

Нужно отметить пункты как на картинке и нажать Экспорт.

Итак введено: Проект: drupal, Релиз: 7.31 только, Тип: Английский с переводом, Формат: Все в одном файле, Подробность: Компактный файл. И нажмите Экспорт.

Релиз нужно выбрать предпоследний пункт, то есть если последний пункт допустим "7.x.dev только", а предпоследений "7.31 только", то надо выбрать предпоследний. Или это может быть та же версия что и скачанная вами версия друпал или на одну единицу меньше, если еще не успели обновить, но подойдет любая. В нашем случае был скачан drupal-7.32.zip а русификатор мы скачиваем 7.31, он тоже подходит.

После небольшого ожидания скачается файл drupal-7.31-ru.po, который будет содержать все переводы друпал. Этот файл до процесса установки нужно заргрузить на сайт в Файловом менеджере в папку profiles/standard/translations/ .

Закачка перевода Drupal в папку сайта profiles/standard/translations/

Если это у вас получилось, то теперь вы сможете приступить к установке, и сайт будет установлен на русском.

2.3.2. Запустите установку

Откройте адрес вашего сайта, чтобы приступить к процессу установки. В нашем примере мы открываем novy.vv.si и сразу сайт переадресуется на страницу установки novy.vv.si/install.php

установка друпал шаг 1

Установка Друпал. Шаг 1. Выбор типа установки - Стандартная

установка друпал язык

Шаг 2. Выбор языка. Если вы загрузили перевод в profiles/standard/translations,
то на этом шаге вы увидите кроме English еще и версию перевода. Выберите 31-ру

установка друпал базы данных

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

На третьем шаге мы видим предложение ввести данные доступа к базам данных. Если вы еще не знаете эти данные, то нужно вначале создать базу данных в Панели Управления Hostinger. Базы данных - это особая программа на сервере, к ней нужно свои собствненые данные доступа. Не пытайтесь на этом шаге вставить уже имеющийся пароль от хостнга. Внимательно проделайте пункт 2.3.3. и тогда выполните пункт 2.3.4. и введите нужные данные в этом окне.

 

2.3.3. Создаём базу данных для Drupal

Снова откройте Панель Управления Hostinger, выберите свой хостинг-аккаунт, то есть в нашем случае сайт novy.vv.si, и среди множества значков выберите Базы данных - Базы данных MySQL как показано на картинке. На следующей странице мы создадим базу данных.

базы данных hostinger

Базы данных MySQL

создание базы данных mysql hostinger

Создание базы данных MySQL на хостинге Hostinger

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

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

hostinger создана база данных

Базы данных. Розовым отмечены важные параметры базы данных.

Если вы наблюдаете внизу базы данных, то эти данные нужно скопировать и вставить в поля при установке drupal. Соответственно: имя базы данных, имя пользователя, пароль, а также не забыть MySQL Сервер, об этом подробнее.

2.3.4. Вводим данные доступа к базе данных при установке Drupal

В нашем окне установки Drupal мы заполняем поля теми данными, которые скопировали из Hostinger (как на картинке выше), при этом мы также нажали Дополнительные настройки, чтобы изменить Хост для базы данных с localhost по умолчанию, на тот, который указан в Hostinger, то есть сервер: mysql.hostinger.ru

установка друпал базы данных

Шаг 3. Заполняем поля. Обязательно нужно указать Хост базы данных: mysql.hostinger.ru
Имя базы, имя пользователя и пароль - это всё новые поля.

То есть на третьем шаге установки Drupal нужно оставить верхнюю радио-кнопку как есть: Тип базы данных: MySQL MirandaDB или аналог, ввести имя базы, пользователя, пароль, ввести хост базы данных и нажать Сохранить и продолжить. Для тех, у кого не получилось, подчеркнём, что имя базы данных и имя пользователя, а также пароль - это новые поля. У нас они имеют вид: имя базы: u251331620_novy, имя пользователя: u251331620_novy пароль: третий пароль который мы уже имеем (это не пароль от Панели управления, не ваш емайл и пароль, и не пароль от хостинг-аккаунта, а еще один, хотя он может совпадать с другими).

 

2.3.5. Вводим конфигурационные данные Drupal-сайта

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

установка друпал 4й шаг

Шаг 4. Заключительный. Конфигурация сайта Drupal

Так как установка на Hostinger обычно проходит нормально, Drupal сообщил, что установка завершена. Это значит, что теперь по нашему адресу открывается новый сайт на профессиональной системе Drupal.

установка drupal успешно завершена

Установка завершена. Открываем наш сайт.

главная страница сайта drupal 7

Главная страница нашего Drupal-сайта.
Теперь по адресу http://novy.vv.si открывается такой сайт

Установка Drupal завершена!

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

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

 

 

 

3. Как наполнить блог на Drupal

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

Откройте страницу Модули: admin/modules. В нашем примере это открывается так: http://novy.vv.si/#overlay=admin/modules

Включите модуль Blog (отметьте галкой и нажмите сохранить внизу).

Теперь нажмите Добавить содержимое. Потом выберите Запись в блог (если нет Запись в блог, то значит вы не включили модуль Blog). Введите название (Title): Сайт открылся, текст (Body): Вот и у меня появился проект, который я планирую наполнять, писать тут полезные темы. Присоединяйтесь!

У нас это выглядело так:

запись в блог друпал

Создание первой записи в блог.

После сохранения записи в блог выдалась ошибка.

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

друпал запись в блог

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

Небольшое предостережение: так как в Интернет много спам-ботов, которые регистрируются на сайтах, нужно отключить регистрацию на вашем новом сайте, иначе когда его увидят (если вы будете оставлять ссылки на него в интернет), то на сайте будут регистрироваться по 10-20 ботов в день, что никому не нужно. Поэтому откройте Конфигурация - Настройки учётной записи, в разделе Кто может создавать аккаунты? - выберите Только администратор - и нажмите Сохранить настройки. Вот теперь вы защищены от нежелательных ботов. Та же беда и с комментариями, если вы разрешите добавлять комментарии не авторизованным людям - то боты превратят ваш сайт в свалку спама. Однако с отключенной опцией регистрации это вам не страшно.

Возможно вас также заинтересуют темы:

Как добавить в блог Drupal категории новостей?

Как сделать свой дизайн Друпал-сайта?

Как установить новый шаблон Друпал?

Как вставить картинку в блог Друпал?

Как сделать главную страницу не динамической, а простым текстом?

Эти и другие вопросы много раз решались, в Интернет есть подробные инструкции, а также можем рекомендовать форум, на котором общаются опытные пользователи и новички Друпал: http://drupal.ru Не забывайте использовать Яндекс, Google и всегда правильно, чётко называйте суть вопроса, так как это могли обозначить другие, кто это решал или спрашивал. С ключевым словом друпал можно найти все подробные ответы на вопросы.

Если вас интересуют подробные инструкции по системе Друпал, наподобие предложенной, оставляйте предложения в комментариях.

Категории: