Как загрузить сайт на хостинг из конструктора Mobirise

Продолжаю серию статей о создании сайта в бесплатном конструкторе. Здесь покажу, как загрузить сайт из конструктора Mobirise на хостинг. Показываю на примере хостинга Timeweb.

Начало серии статей про создание одностраничного сайта смотрите здесь →

Для того, чтобы сайт разместить на хостинге, у вас уже должен быть хостинг, домен, готовый сайт в конструкторе. А также подготовлено место для сайта на хостинге, куда и будем выгружать наш сайт. Как это сделать, смотрите в предыдущих статьях, где мы уже подготовили пространство для выгрузки сайта и создали папку «test», куда сейчас и будем переносить, созданный в конструкторе Mobirise, сайт.

Способы загрузки сайта на хостинг

Загрузить сайт на хостинг можно двумя способами:

  • Через FTP – соединение, т.е. сразу из программы – на хостинг.
  • Через экспорт проекта, т.е. все файлы созданного сайта выгружаем сначала на компьютер, а затем их загружаем на хостинг.

1 способ —  загружаем сайт на хостинг через FTP

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

  • Дашборд → Аккаунт → Пользователи ПУ/FTP → Список пользователей (здесь должно стоять имя вашего аккаунта на хостинге) → Настройки доступа. Отжимаете все ползунки. В частности, у вас обязательно должен стоять «Доступ к файлам по FTP».
Настройки на хостинге для FTP – соединения

Если у вас не так, как на скриншоте вверху ↑, т.е. нет пользователей, у которых есть доступ к FTP – соединению, то пишите в службу поддержки и просите добавить. Это новые настройки хостинга и возможно у вас, как у нового пользователя, их не будет.

Такие вопросы решаются через поддержку:

Тех. поддержка хостинга

Если всё так, то идём дальше или используем второй способ – через экспорт файлов на компьютер и потом перенос их на хостинг.


Сейчас нам нужны данные для FTP – соединения, которые мы заведём в программу Mobirise.

  • Идём в Дашборд → Доступ по FTP:
Данные хостинга для FTP – соединения

Напомню, что показываю 1-й способ заливки сайта на хостинг через FTP – соединение, которое уже встроено в конструктор, нужно просто завести свои данные.

  • Нашли нужные данные на хостинге и возвращаемся обратно в конструктор, где открыт наш сайт.
  • Жмём кнопку «Опубликовать» → выскакивает следующее меню.

Ставим такие настройки:

  • FTP
  • Убираем ползунок с «Опубликовать только изменения»

Дальше жмём кнопку «Редактировать:

Как загрузить сайт на хостинг из конструктора Mobirise
  • Открывается ещё одно окно, куда нужно вставить данные с хостинга. На скриншоте показано куда и какие данные вставлять:
Как загрузить сайт на хостинг из конструктора Mobirise
  • Менеджер FTP – данные встают автоматически, после заполнения.
  • Протокол – выбираем FTP
  • Сервер — vh284.timeweb.ru (данные с хостинга)
  • Порт – 21
  • Имя пользователя – ваш логин на хостинге
  • Пароль – ваш пароль на хостинге

После того, как всё заполнили – тестируем соединение и сохраняем настройки:

Как загрузить сайт на хостинг из конструктора Mobirise
  • Сейчас нам нужно прописать путь до папки на хостинге, куда мы будем выгружать свой сайт из конструктора:
Как загрузить сайт на хостинг из конструктора Mobirise

Он будет таким: ваш домен/public_html/папка (без пробелов).

У меня это будет выглядеть так: 1122333.ru/public_html/test:

Как загрузить сайт на хостинг из конструктора Mobirise

Чтобы найти этот путь – зайдите в Файловый менеджер → public_html → папка, которую вы создали для сайта (это было в статье: Как создать место для сайта на хостинге). У меня это папка test, у вас это другая папка.

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

  • Итак, находим путь до нужной папки → выделяем → копируем:
Путь до папки на хостинге, куда будем выгружать сайт
  • Идём в конструктор сайтов и вставляем этот путь сюда:
Прописываем путь в конструктор
  • Убираем ползунок с «Опубликовать только изменения», если он опять появился, иначе сайт не загрузится.
  •  Жмём «Публиковать»:
Как загрузить сайт на хостинг из конструктора Mobirise

↓↓↓

Как загрузить сайт на хостинг из конструктора Mobirise

↓↓↓

Как загрузить сайт на хостинг из конструктора Mobirise

Сайт опубликован.

  •  Идём на хостинг и проверяем.

В нашей пустой папке должны появиться файлы сайта:

Как загрузить сайт на хостинг из конструктора Mobirise
  • Если файлы не появились там, куда их копировали, то обновите страницу.
  • Если и сейчас не появились, ещё раз всё проверьте и повторите выгрузку заново.
  • Если Вы забыли снять галочку с «Опубликовать только изменения», то сайт не выгрузится.
  • Если неправильно прописали путь, то файлы могут оказаться в другом месте. Найдите и удалите их.

И сделайте заново.


Проверяем результат 1-го способа

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

Чтобы перейти на свой сайт, нужна ссылка на него.

Вот ссылка, которая у Вас должна получиться:

  • https://ваш-сайт.ru/ваша-папка/index.html

Где:

  • https:// — протокол безопасного соединения
  • ваш-сайт.ru — имя Вашего домена
  • public_html – корень сайта (удаляем эту часть из адресной строки)
  • ваша-папка — папка, которую создали для этого сайта

В моем случае это выглядит так:

  • https://1122333.ru/test

Копируем ссылку ↑, вставляем в окно браузера и проверяем, что получилось. Проверяем работу кнопок.

! Обратите внимание, что во всех кнопках и иконках в конструкторе по умолчанию стоят ссылки на сайт https://mobiri.se – их убираем и/или меняем на свои.

Проверяем выгруженный сайт
Проверяем выгруженный сайт и ссылки

Делаем это в самом конструкторе, потом снова выгружаем и снова проверяем.

Если после нажатия на кнопку, Вас никуда не перенаправляет, то Вы либо не вставили в кнопку ссылку, либо поставили её не верно.

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

В моём случае, в надпись «Здоровая спина» я вставила ссылку на свой сайт https://1122333.ru/test и не буду открывать его в новой вкладке:

Проверяем выгруженный сайт и ссылки

А в кнопки «Скачать сборник» будем вставлять код формы подписки:

В кнопки будем вставлять код формы подписки

↑ Это был 1 способ выгрузки сайта через FTP – соединение.

Ниже рассмотрим способ выгрузки — загрузки через экспорт ↓

2 способ —  загружаем сайт через выгрузку – загрузку на ПК

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

Я создала папку «Сайт Здоровая спина».

  • Далее идём в конструктор и жмём → Опубликовать → Локальная папка диска.
  • Выбираем папку, которую создали для выгрузки сайта. У меня это папка «Сайт Здоровая спина» на рабочем столе:
Как загрузить сайт на хостинг из конструктора Mobirise
  • Убираем ползунок «Опубликовать только изменения».  И публикуем:
Как загрузить сайт на хостинг из конструктора Mobirise

Файлы сайта выгружаются в папку на ПК. Оттуда их нужно перенести на хостинг.

Как загрузить сайт на хостинг из конструктора Mobirise

Кстати, рекомендую использовать этот вариант ↑ каждый раз, после того, как закончите работу над сайтом, чтобы сохранить все данные на случай, если программа «залагает» или вы случайно удалите сайт. Потом его можно будет легко восстановить.

  • Далее идём на Хостинг → Файловый менеджер → ваш сайт → public_html → Создать папку → test2:
Файлы сайта на хостинге

В вашем случае не надо создавать ещё одну папку. Я показываю второй вариант выгрузки сайта на хостинг и для наглядности создала вторую папку.

Но, вы можете взять это для примера, как создать на одном и том же домене второй сайт.

  • Открываем папку «test2» → Загрузить → Выбираем файлы сайта и загружаем.

Если файлы или папка не загружаются, то попробуйте их просто перетащить, зажав правой кнопкой мышки. У меня папка «assets» — не загрузилась. Я её просто перетащила с ПК в папку «test2».

Как загрузить сайт на хостинг из конструктора Mobirise
  • После копирования — проверьте содержимое папок, оно должно совпадать с тем, что Вы экспортировали на ПК, в частности там находятся картинки и прочие медиа файлы:
Файлы сайта на хостинге

Проверяем результат 2-го способа

Проверяем, что получилось по ссылке: http://1122333.ru/test2:

Загрузили сайт на хостинг через ПК

Как видим, оба способа рабочие. Выбирайте понравившийся. Я пользуюсь первым – через FTP-соединение.

Важно! Проверяйте как ваш сайт выглядит уже в интернете. Иногда шрифты в программе выглядят не так, как на выгруженном сайте в интернете.

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

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

Итак, Вы узнали 2 способа как загрузить сайт на хостинг из программы конструктора. Надеюсь, что у вас всё получилось.


Эта статья из серии статей про создание 1-страничного сайта в бесплатном конструкторе Mobirise. Начало можете посмотреть здесь →

Если хотите сделать 2-х или 3-х страничный сайт, то воспользуйтесь старыми инструкциями, которые идут вместе с готовым комплектом для сайта 2.0. Ещё там дополнительные материалы и бонусы, которых нет здесь на сайте.

Всё это упаковано в «Готовый комплект для создания сайта 2.0», и вы можете получить его на почту.

Готовый комплект для сайта 2.0

Готовый комплект
для создания сайта 2.0

Научитесь делать красивые адаптивные сайты в бесплатном конструкторе


Чтобы сайт приносил подписчиков, надо будет установить на него форму подписки. Как это сделать, показываю с следующей статье: Как сделать форму подписки на рассылку для сайта →

Text.ru - 100.00%

Понравилась статья? Поделитесь с друзьями!

Оставить комментарий

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

Меню

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