Как управлять сайтом Mobirise

Загрузка Mobirise производится с официального сайта разработчика https://mobirise.com/ Заходите на сайт и видите предложение скачать программу. Используете для скачивания то, что подходит вашему компьютеру. Для Windows или для Макинтош. Скачивается архивом, вы должны его распаковать и сохранить на свой компьютер.
При активации программа 'попросит' у вас написать e-mail и вышлет вам на почту письмо с паролем.
После того, как программа скачается, вы получите готовую 'админку' для управления своим сайтом.
Если у вас уже есть сайт на Мобирайз ( кто-то сделал для вас), то чтобы его отредактировать, так же понадобится скачать эту программу, и для последующего редактирования сайта воспользоваться функцией импорт проекта ('import mobirise site'). На фото ниже подчеркнуто красным. В любом сайте, сделанном на Мобирайз, есть файл проекта 'project.mobirise'. Его и нужно загрузить в программу для последующего редактирования.

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

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

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

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

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

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

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

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

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

Нажав на BROWSE COMPUTER мы 'попадаем' в наш компьютер, где и лежит подготовленное фото для фона этого блока.

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

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

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

При нажатии на картинку, мы видим , что открываются новые функции работы с фото. На фото появляется рамка и предлагается зайти в опцию More ( в переводе – больше). Предлагаются несомненно нужные функции обработки фото: уменьшить, увеличить, развернуть, перевернуть, «поиграть» с размерами и пропорциями и так далее.
Эта информация касается не только фонового фото. Но и остальных картинок на сайте: в блоках и на страницах.
Редактирование всех фото на страницах происходит по такому же принципу. При нажатии на фото мы видим все то же окно, в котором следует опять выбрать вкладку BROWSE COMPUTER и поместить на страницу или в нужный блок ту картинку, которая нужна.
Самое большое удовольствие в том, что страница меняет свой внешний вид, когда вы редактируете блок, прямо «на глазах». То есть, все изменения вы видите тут же. И оцениваете, насколько целесообразно использовать тот или иной вариант.
Конечно, таким образом можно и 'порушить' сайт, поэтому, пока не натренировались, советуйтесь со своим разработчиком по поводу тех или иных правок.

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

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

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

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

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

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

Если в разделе Page нажать на стрелочку, то мы увидим все наши страницы, куда можно направить каждый пункт меню. Пункт меню Главная – ведет на Главную страницу. Все правильно. Но мы помним, что главную мы скопировали, чтобы получить страницу Партнеры , поэтому «вторая» Главная должна стать страницей Партнеры и пункт меню, соответственно должен называться Партнеры.Нажимаем на второй клонированный пункт меню, намереваясь сделать его ссылкой на страницу Партнеры. Вызываем стрелочкой все страницы и выбираем нужную.
Жмем на INSERT LINK. И не забудем переименовать сам пункт меню – в Партнеры.
Проверим заодно все ссылки, что и куда - ведет и правильно ли они названы.

И теперь самое главное. Как отредактированный сайт отправить на хостинг, разместить в интернете со всеми правками.
Прежде всего, сделанный сайт желательно сохранить.
В программе это называется EXPORT SITE. Находится в настройках сайта.
Для этого заранее можно у себя на компьютере создать папку. Архивы сайта лучше всегда сохранять.
Итак сохраняем сайт через экспорт.

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

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

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

1. Вводим свой хост, и сразу автоматически появляются данные Файлового менеджера. ( наверху слева).
2. Потом вводим свои логин и пароль. Эти данные, кстати, у вас есть в письме, которое вы получили у своего хостера, когда регистрировались и получали ( оплачивали) хостинг.
3. Сохраняем данные. Жмем на SAVE. Можно сделать тестовое соединение, но это не обязательно. Теперь эти данные ( ваш хостинг) программа сохранит и больше их не придется вводить. Дальнейшие действия – непосредственно публикация сайта в интернете. На вашем домене. Для этого нужно указать папку, куда сделанный или отредактированный сайт нужно загрузить. Программа сама отправит его на хостинг в папку нужного сайта. На картинке 4 показано место, куда вписать ваш домен ( например, ваш-сайт.ru), а после слеша ( наклонная черточка) нужно написать public_html
На большинстве хостингов содержимое сайта располагается в папке public_html, поэтому сайт нужно направить в папку ваш-сайт.ru/public_html .
Пишем ваш-сайт.ru/public_html вместо root folder, который написан прграммой по умолчанию.

Если у вас что-то не получается и вы не понимаете, что случилось с сайтом, нужно почистить кеш браузера. И – временные файлы вашего компьютера.
Чтобы почистить кеш браузера, куки и временные файлы, нужно воспользоваться функцией - 'Удалить историю просмотра'. Просто учтите, что проблема может крыться в этом.
А также неправильное отображение сайта Mobirise возможно из-за того, что программа сохраняет временные файлы и ваш компьютер показывает вам их или – путаницу из временных файлов, вместо того, чтобы отобразить то, что есть на самом деле. (Совет ниже касается Windows – 7)
Ищите их на диске С, в Пользователях, в своей папке, руководствуясь картинкой ниже.
Диск С – Пользователи –Ваше имя- AppData- Local-Temp
После очистки кеша браузера и – временных файлов программы, которые оседают в папке Temp, все должно работать нормально.
Чтобы всякий раз вручную не чистить временные файлы и кеш, периодически используйте программу CCleaner.
Мобирис очень засоряет компьютер временными файлами, из-за этого страдает отображение сайта, когда вы пытаетесь увидеть внесенные изменения.
Если программа CCleaner у вас не установлена, скачайте ее из интернета, бесплатные версии вполне справляются с очисткой компьютера.

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

Это архив сайта Веб-Ликбез

2017