Как управлять сайтом Mobirise, как его редактировать и опубликовать в Интернете

Все, что вы хотели спросить про Mobirise

В том числе и про сложности и проблемы, возникающие с сайтом офлайн конструктора Мобирис, смотрите на этой странице

Сайт мобирис как создать

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


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

Чтобы управлять сайтом, необходимо скачать на свой компьютер программу Mobirise. Это современный конструктор сайтов, позволяющий сделать вебсайт вначале на своем компьютере, используя простой визуальный редактор и готовые блоки, которые предлагает программа. Внимание! Это совсем не сложно! Благодаря этому вы сможете редактировать потом свой сайт – в очень приятном визуальном режиме. Вам понравится!

Пошагово- Mobirise: установка и редактирование

откуда загрузить программу mobirise

Загрузка Mobirise производится с официального сайта разработчика https://mobirise.com/ Заходите на сайт и видите предложение скачать программу. 
Используете для скачивания то, что подходит вашему компьютеру. Для Windows или для Макинтош. Скачивается архивом, вы должны его распаковать и сохранить на свой компьютер.

При активации программа «попросит» у вас написать e-mail и вышлет вам на почту письмо с паролем.

После того, как программа скачается, вы получите готовую «админку» для управления своим сайтом.

Если у вас уже есть сайт на Мобирайз ( кто-то сделал для вас), то чтобы его отредактировать, так же понадобится скачать эту программу, и для последующего редактирования сайта воспользоваться функцией "импорт проекта" ("import mobirise site"). На фото ниже подчеркнуто красным. В любом сайте, сделанном на Мобирайз, есть файл проекта "project.mobirise". Его и нужно загрузить в программу для последующего редактирования. 

импорт проекта мобирис
как выглядит загрузка mobirise на компьютере

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

меню в админке  программы mobirise

Нажимаем на область Sites ( Сайты), получаем выдвижную панель с настройками сайта.

панель с настройками сайта программы mobirise

Как правило, сделанный сайт уже имеет нужные настройки, но их в любой момент можно поменять здесь.
Доступны для редактирования:
Название сайта
Фавикон сайта ( иконка, которая видна на вкладке сайта)
Код от Гугл Аналитикс ( инструмент вебмастера)

как вставить код от Гугл аналитики


Не пугайтесь, если название сайта придется написать два раза. В первый раз название меняется слева на панели, а во второй раз – на картинке с превью сайта ( на квадратике с сайтом).

О настройках сайта. Пользователю настройки готового сайта менять не стоит, тем не менее, доступ к ним имеется.
Теперь «идем» в редактирование самого сайта.

Каждый блок , такой как меню, область с фото, область основных статей и так далее, имеет свои настройки редактирования. Нажав на блок, вы увидите, как он выделяется зеленой рамкой и сверху появляются иконки редактирования.

иконки редактирования мобирис
функция перетаскивания блоков
иконки редактирования мобирис - функция сохранения авторского блока

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

основные настройки блока открываются на шестеренке

Как работать с редактированием блоков, когда нужно заменить фоновую фотографию.

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

Фото для фона должно быть достаточно большим, потому что если вы поставите фото маленького размера, система растянет его на всю ширину с потерей качества. Большое фото имеет параметры , к примеру 2000 px на 1500 px (Ширина и высота).

как заменить фото с фоном на сайте мобирис

на фото - настройки картинок на сайте  mobirise

Видим большое окно, выглядит оно так. Смотрим ниже.

выбор картинок на сайте  mobirise

выбор нужных картинок на сайте  mobirise

Нам предлагается либо воспользоваться фото из интернета, либо пошариться в базе сайта среди уже загруженных фотографий, либо взять фото со своего компьютера.
Нажав на BROWSE COMPUTER мы «попадаем» в наш компьютер, где и лежит подготовленное фото для фона этого блока.

выбор нужных картинок на сайте  mobirise с компьютера

Выбираем фото ( нажимаем на фото и жмем «открыть»). И видим наше фото в форме с карандашиком внизу окна слева.

выбор нужных картинок на сайте  mobirise

После выполнения простых предложенных действий, жмем «ОК» и смотрим результат. Фото с пингвинами появилось на фоне страницы сайта.

как сделать фон страницы

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

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

на фото - изменение размеров картинок и других опций на сайте  mobirise

При нажатии на картинку, мы видим , что открываются новые функции работы с фото. На фото появляется рамка и предлагается зайти в опцию More ( в переводе – «больше»)

редактируем картинку, используя функции увеличения, уменьшения

нужные функции обработки фото прогаммы мобирис

Предлагаются несомненно нужные функции обработки фото: уменьшить, увеличить, развернуть, перевернуть, «поиграть» с размерами и пропорциями и так далее.

Эта информация касается не только фонового фото. Но и остальных картинок на сайте: в блоках и на страницах.

Редактирование всех фото на страницах происходит по такому же принципу. При нажатии на фото мы видим все то же окно, в котором следует опять выбрать вкладку BROWSE COMPUTER и поместить на страницу или в нужный блок ту картинку, которая нужна.

Самое большое удовольствие в том, что страница меняет свой внешний вид, когда вы редактируете блок, прямо «на глазах». То есть, все изменения вы видите тут же. И оцениваете, насколько целесообразно использовать тот или иной вариант.
Конечно, таким образом можно и «порушить» сайт, поэтому, пока не натренировались, советуйтесь со своим разработчиком по поводу тех или иных правок. 

Работа с текстом очень проста. Особенно, если вам нужно внести небольшие правки. Размещение на странице нового большого текста так же не представляет никаких проблем.


работа с текстом в мобирис

Теперь нужно разобраться, как заходить в разные страницы сайта. Страницы у нас находятся в меню Pages.

на фото - как заходить на страницы для редактирования на сайте mobirise

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

Страница, которая в данный момент активна ( находится на экране) выделена зеленым. При нажатии на нужную страницу, она и открывается на экране. Меню легко свернуть и приступить к редактированию нужной страницы. Для редактирования другой страницы нужно вернуться в меню Pages и выбрать ее для работы.

Очень приятная функция – клонировать страницу. То есть, если вы хотите сделать страницу, по дизайну и шаблону, копию уже существующей, и планируете просто поместить на эту страницу другие материалы ( тексты и фото), воспользуйтесь функцией Clone Page ( клонировать страницу).

Два квадратика, наползающие друг на друга – и есть клонирование. Копирование страницы со всем данными.


на фото - как открывать и редактировать страницы

Клонируем Главную страницу.

как клонировать страницы на сайте mobirise

При операции клонирования у нас появляется новая страница, которую система называет page1, аналогично прописывая для новой страницы мета-теги и присваивая адрес. Page1.php. И только описание страницы ( description) остается унаследованным от Главной.

Все это мы можем прописать заново, присвоить странице, к примеру название – Партнеры. И взяться за ее наполнение.

на фото - как переименовывать страницы

Если вы хотите, чтоб новая страница вызывалась из главного меню, нужно добавить в меню еще один пункт – «Партнеры»

Сейчас мы рассмотрим, как добавить в меню что-то еще. 

После создания ( клонирования ) новой страницы мы автоматически попадаем на нее. Пусть она как две капли воды похожа на Главную ( ведь мы ее скопировали), это все же новая страница - Партнеры.

Закрываем левую панель редактирования и идем в меню. Нажимаем на любой пункт меню и видим доступные функции.

как добавлять новые пункты в меню

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

на фото - как переименовать пункт меню

А заодно проверим, на какие страницы у нас ведут все наши пункты меню. И посмотрим, как это работает. Нажмем на первую Главную.

переименовываем любой пункт меню

Если в разделе Page нажать на стрелочку, то мы увидим все наши страницы, куда можно направить каждый пункт меню. Пункт меню Главная – ведет на Главную страницу. Все правильно.

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

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

на фото - как поставить ссылку на страницу из  пункта меню

на фото - как поставить ссылку для меню

Жмем на INSERT LINK

И не забудем переименовать сам пункт меню – в Партнеры.

Проверим заодно все ссылки, что и куда - ведет и правильно ли они названы. 

И теперь самое главное. Как отредактированный сайт отправить на хостинг, разместить в интернете со всеми правками.

Прежде всего, сделанный сайт желательно сохранить.

В программе это называется EXPORT SITE. Находится в настройках сайта.

как сохранить сайт mobirise на компьютере

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

Итак сохраняем сайт через экспорт. 

как сохранить сайт mobirise через экспорт

Выбираем нужную папку, сохраняем сайт.

на фото выбор папки на компьютере

У вас уже есть домен, есть хостинг, есть данные входа на ваш хостинг по FTP. Здесь все просто – два значения, у вас должен быть логин и пароль. Когда вы покупаете хостинг, то при регистрации и оплате вам дают эти два важных ключа. А так же – имя хоста, вашей папки на хостинге.

Вот как программа размещает ваш сайт в интернете. Жмете на Publish

на фото куда нажать для публикации сайта mobirise на FTP сервере хостинга

Видим такое окно

что нажать для отправки сайта mobirise на FTP

Данных про наш хостинг у программы пока нет, мы должны их внести. Поэтому потом жмем EDIT. 

как внести данные хостинга для отправки сайта mobirise на FTP

Видим новую табличку, где нам предлагается ввести данные хостинга и FTP. Те самые, которые вам дали при регистрации хостинга. Помимо парочки «логин-пароль» у вас должен быть сам хост, его имя. У меня все сайты на хостинге Бегет и мой хост называется, к примеру jxxxxxx.xxxxx.ru. После нажатия EDIT мы видим другую форму, здесь все и внесем: хости, логин, пароль.
Если вам непонятны эти данные, или вы их не помните, то вы всегда можете их узнать у своего хостера. Напишите письмо или позвоните и вам напомнят, какие ваши данные для входа на хостинг.  

как заполнить данные хостинга для отправки сайта mobirise на FTP для запоминания их системой

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

фото конкретно места заполнения данных  хостинга для отправки сайта mobirise на FTP для запоминания их системой

Потом вводим свои логин и пароль. Эти данные, кстати,  у вас есть в письме, которое вы получили у своего хостера, когда регистрировались и получали ( оплачивали) хостинг. . 

на фото где ввести логин и пароль от хостинга для отправки сайта mobirise на FTP

Сохраняем данные. Жмем на SAVE. Можно сделать тестовое соединение, но это не обязательно. Теперь эти данные ( ваш хостинг) программа сохранит и больше их не придется вводить.

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

На картинке ниже показано место, куда вписать ваш домен ( например, ваш-сайт.ru), а после слеша ( наклонная черточка) нужно написать public_html

На большинстве хостингов содержимое сайта располагается в папке public_html, поэтому сайт нужно направить в папку ваш-сайт.ru/public_html

где вписать папку сайта на хостинге и как эта папка должна называться для отправки сайта на FTP

Пишем "ваш-сайт.ru/public_html" вместо root folder, который написан прграммой по умолчанию. 

уточнение имени папки на хостинге вашего сайта

Когда все вписали, жмем PUBLISH и ждем результат.

Если все пойдет нормально, сайт запишется на хостинг.

Обновив страницу с сайтом, вы увидите, что сайт обновился и редактирование произошло.

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

В папке с сайтом, сделанным на Mobirise, есть файл project.mobirise. Если у вас есть доступ к этой папке, то для того, чтобы экспортировать сайт в программу для редактирования, достаточно перенести файл проекта и сайт будет доступен для редактирования.

импорт файла проекта сайта mobirise в программу для редактирования

Файл проекта, который вы делаете, желательно всегда копировать в какую-то папку на компьютере для надежности. Потому что если вдруг что-то пойдет не так, вы всегда можете открыть программу и загрузить туда файл проекта Mobirise. Этого будет достаточно, чтобы вновь начать работу с сайтом. 

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

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

А также неправильное отображение сайта Mobirise возможно из-за того, что программа сохраняет временные файлы и ваш компьютер показывает вам их или – путаницу из временных файлов, вместо того, чтобы отобразить то, что есть на самом деле. (Совет ниже касается Windows – 7)

Ищите их на диске С, в Пользователях, в своей папке, руководствуясь картинкой ниже.

Диск С – Пользователи –Ваше имя- AppData- Local-Temp

После очистки кеша браузера и – временных файлов программы, которые оседают в папке Temp, все должно работать нормально.
Чтобы всякий раз вручную не чистить временные файлы и кеш, периодически используйте программу CCleaner. Мобирис очень засоряет компьютер временными файлами, из-за этого страдает отображение сайта, котгда вы пытаетесь увидеть внесенные изменения. Если программа CCleaner у вас не установлена, скачайте ее из интернета, бесплатные версии вполне справляются с очисткой компьютера.

Если вы засылаете изменения на сайт, а они никак не отображаются, по-прежнему "висит" старый вариант сайта, проблема может крыться в том, что вы не правильно записали путь при отправке сайта на хостинг. Незначительная мелочь может испортить вам кучу нервов. Внимательно посмотрите на адрес папки, который вы вводите. Распространенная ошибка - пишут не домен, а адрес сайта с "http://". Проверьте настройки адреса, куда отправляется сайт, и уберите "http://" с начала строки, если там так прописано.

как внести данные хостинга для отправки сайта mobirise на FTP

Если есть проблемы по-прежнему, опишите мне ее подробнее в письме jekky1@yandex.ru. Буду помогать. Удачи!  

Пишите о своих проблемах с сайтом Мобирис на jekky1@yandex.ru , я постараюсь помочь.

создание сайта на мобирис




Что бы сказала няня Макфи?
"Сайты на Мобирис - это долгожданная мечта, которая, наконец-то осуществилась. Но есть одно НО. Все же, чтобы познать весь кайф от Mobirise нужно быть чуть более знающим, чем обычные потребители конструкторов сайтов. Однако, если у вас есть хороший проводник ( помощник, разработчик, тот кто помогает вам делать сайт), если у вас есть хорошая няня Макфи, то Мобирис вам в помощь, несомненно. Сайт на Мобирис - это конструктор Лего для немного подросших детишек. Делать легко и приятно. Но потом - все же нужен контроль."

© Copyright 2014-2018 "KupitSait" - Все права защищены - jekky1@yandex.ru
Все тексты с сайта защищены авторским правом и могут быть опубликованы в других источниках только с активной ссылкой
Главная   Ликбез   Контакты   Пользовательское соглашение   Политика конфиденциальности Карта сайта