Админ-панель. CMS для Muse

CMS для Muse

Из этого видеоурока вы узнаете об одном из способов использования админ-панели на сайтах, созданных в Adobe Muse. Обычно админ панель необходима на некоторых сайтах, которые требуют постоянного внесения изменений, добавления текста, картинок и других элементов. Вот мы и рассмотрим как выкрутилась компания Adobe, для того чтобы хоть как-нибудь оправдать в этом плане свой продукт для создания сайтов – программу Adobe Muse. Итак, смотрим этот видеоурок про админ-панель – CMS для Muse.

Вступление.

Одним из актуальных вопросов в последнее время является вопрос передачи сайта заказчику и последующего внесения им изменений на страницах сайта, сделанных в Adobe Muse. В этом видеоуроке речь пойдет об одном самом простом и стандартном способе (сервисе), который предлагает сама компания Adobe – простая CMS для Muse.

Пример и добавление картинок.

Открываем программу Adobe Muse, я уже здесь сделал специальный пробник для того, чтобы показать вам, как это все делается, и сейчас покажу вам, как он выглядит. Вот так выглядит этот пробничек, то есть это буквально одна страничка, на которой размещены картинки. Картинки размещены с помощью меню File -> Поместить. Именно с помощью этой функции, иначе их нельзя будет потом поменять. Вот картинка background как раз размещена с помощью создания обычного графического блока (прямоугольника) и с помощью заливки картинкой. Эту картинку поменять в дальнейшем будет невозможно. Точно так же создан графический блок в футере и ему сделана заливка. Обратите на это внимание, я потом дальше покажу вам, что их нельзя поменять.

Публикация на хостинге.

Итак, допустим, мы создали сайт, купили хостинг и должны разместить его на хостинге. Заходим в меню File -> Передача на ftp-сервер или нажимаем клавиши Ctrl+Alt+F. У вас выскочит скорее всего такое окошко с самого начала. Здесь вам нужно будет ввести адрес ftp-сервера. Его можете найти в админке вашего хостинга. Так же нужно ввести здесь имя пользователя от ftp-аккаунта и пароль от ftp-аккаунта. Можете поставить галочку “Сохранить учетные данные”, чтобы каждый раз их не вводить и нажимаете “Далее”. Идем подключение к ftp-серверу и дальше программа предлагает нам указать url-адрес сайта, по которому будет доступна данная страница, и папку на сервере, где будут размещаться файлы. Здесь выбираете “Все файлы”. Первый раз это будет у вас стоять по умолчанию, потом в дальнейшем, если вы что-то меняете, вы можете выбирать только измененные файлы. Я выбираю “Все файлы”, нажимаю “Окей” и идет передача файлов на ftp-сервер. Это происходит довольно-таки быстро, если у вас скоростной интернет. Файлы у вас быстро загрузятся, тем более, если их не так много, всего лишь одна страничка.

Вход в CMS для Muse

Все, файлы загрузились на сервер и доступны теперь по адресу моего сайта. Я заранее создал поддомен  и загрузил туда на хостинг файлы вот этой странички для того, чтобы показать вам, как работать в дальнейшем, как изменять эти графические текстовые элементы прямо в браузере с помощью стандартной утилиты компании Adobe. Для того, чтобы это все сделать, мы должны перейти на сайт inbrowserediting.adobe.com и перед вами выскочит вот такая нехитрая страничка, где есть только одно окошко – кнопка “Начать редактирование”. Так же вы видите здесь написано: “Редактируйте сайт прямо в браузере”. Это и есть вход в админ панель – CMS для Muse.

Этот сервис компании Adobe позволяет вам редактировать сайт прямо в браузере. Здесь мы должны что сделать? Мы должны взять вот эту нашу ссылку, скопировать ее и поместить ее в это окошко. “Вставить” и нажать клавишу “Начать редактирование”. Здесь вы должны ввести данные доступа к ftp-аккаунту того хостинга, на который вы заливали ваш сайт. У меня уже здесь введены мои данные, я нажимаю кнопку “Вход” и меня перебрасывает в админку Adobe Muse CC inbrowserediting. Мы видим, что вся моя страничка подгрузилась здесь в том виде, в котором она есть и отображается на сайте. И что я здесь могу сделать?

CMS для Muse. Возможности стандартной CMS

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

CMS для Muse. Внесение изменений на сайт

Итак, давайте попробуем что-нибудь изменить. Допустим, нам хочется поменять вот это название “Урок 1” на какое-нибудь другое. Давайте нажмем “Редактировать”, перед нами выскакивает вот такое окошко, где мы можем изменить текст. Запишем, например, “Занятие1”, нажимаем “Обновить” и видим, что наш текст поменялся на “Занятие1”. То же самое можем сделать с этим текстом, нажав на “Редактировать” и поменять здесь все, что мы хотим.

Ссылки

Еще одна функция здесь есть – это добавление ссылки. Мы можем выделить любое слово и поместить на него ссылку. Нажимаем вот на этот значок, нажимаем “Вставить ссылку” и ссылку мы можем вставить на страницы, на внешний url. Здесь можно ставить внешнюю ссылку и подсказку. Можем так же указать номер телефона, либо выбрать какой-либо файл, который разместится так же на нашей странице и люди смогут его скачать по этой ссылке. Либо мы можем вставить адрес электронной почты, и, нажав на эту ссылку, люди смогут написать нам письмо. Вставляю здесь ссылку, делаю небольшой комментарий, ставлю галочку “Открыть в новом окне”, если мне надо, и нажимаю “Вставить ссылку”. Мы видим, что ссылка вставилась и доступна так же подсказка при наведении мышки. Нажимаем “Обновить”. Мы можем так же выделить весь текст и удалить ссылку. Выделяем весь текст, “Удалить ссылку”, и у нас все ссылки удаляются.  Нажимаем “Обновить” и все ссылки у нас здесь пропали, ничего больше нету. То есть вот так мы можем легко редактировать текст.

Картинки

Так же мы можем изменить любую картинку, например, нажав “Редактировать” под картинкой. У нас сразу выскакивают все картинки, которые есть на данном сайте. Либо мы можем выбрать картинку с компьютера, нажав клавишу “С компьютера”. Выбрав меню “С компьютера” мы можем выбрать здесь любой файл с нашего компьютера, допустим, вот такой, нажимаем “Обновить”, идет передача этого файла на сервер в папку с картинками и по окончании передачи эта картинка у нас разместилась как раз там, где мы и хотели ее поменять. Нажимаем еще раз “Редактировать”. Мне, например, не нравится эта картинка, и я могу выбрать ту же самую, которая вот здесь стояла – с компьютера. Нажимаю “Обновить”, происходит обновление, и картинка встала на место. Точно таким же образом можно поменять любой текст, даже можно щелкнуть, если это у вас кнопка. Можно по кнопке щелкнуть и перейти на другую страницу. В общем, так легко и просто можно редактировать сайт прямо в браузере.

CMS для Muse. Сохранение и обновление проекта

Для того, чтобы все изменения изменились и по нашему адресу на страницу все наши изменения сохранились, мы нажимаем кнопку “Опубликовать”. После того, как мы это сделали, мы можем перейти назад по адресу нашей страницы и, например, обновить. Я нажимаю F5 и видим, что наш заголовок поменялся на “Занятие1”. Вот таким вот образом можно редактировать созданные в Adobe Muse сайты прямо в браузере с помощью Adobe Muse CC inbrowserediting. Такая вот простенькая админка, позволяющая нам поменять тексты и картинки, не пользуясь самой программой Adobe Muse. Это удобно при передаче файлов заказчику, то есть заказчику мы передаем данные от его ftp-аккаунта и ссылку из браузера, на котором размещена его страница, и он сможет легко поменять на нем картинки и тексты.

Альтернативные CMS

Существуют, конечно, и более сложные методы использования админ панели – CMS для Muse. Это прикручивается, например, админка вордпресса или используются дополнительные модули, которые нужно очень умело встраивать. Есть специальные сервисы, я вам сейчас не буду их показывать, поскольку я еще пока их не исследовал. В будущем, думаю Adobe Muse сделает более полноценную админку, где можно будет двигать эти блоки, менять местами и сделает свой сервис более гибким.

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

Альтернативный способ создания CMS для Muse можете посмотреть по этой ссылке:

CMS для Muse

 

Автор видеоурока
Дмитрий Шаповалов

11 комментариев к “Админ-панель. CMS для Muse”

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

    Ответить
    • Здравствуйте, Андрей!
      Нет. Создание и дублирование страниц доступно только в Adobe Muse.
      Через эту админку можно поменять только контент на странице – текст и картинки.

      Ответить
  2. Дмитрий, благодарю вас за наглядный и очень полезный урок для меня. Я новенькая, и как новичку вы мне посоветовали задать 3 вопроса в ВК. Но у меня на данное время интересовал всего один вопрос, ответ на который я получила в этом уроке. И я рада, что этот урок я посмотрела именно до того, как заливать сайт на хостинг. Сейчас я делаю сайт для своей сестры, и у меня есть возможность поместить фото заново, теперь уже с дальнейшей возможностью поменять фото.

    Ответить
    • Здравствуйте, Татьяна! Очень рад, что у Вас всё получается и что находите ответы раньше чем успеваете задать вопросы.:) Это просто супер! Пусть у Вас и дальше всё получается. Искренне благодарю за отзыв!

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

    Ответить
    • Здравствуйте. Если заказчик редактирует сайт в inbrowserediting и сохраняет изменения, то когда Вы в следующий раз откроете проект сайта Muse программа спросит Вас внести ли изменения в проект. Нужно согласиться и можно продолжать править проект в Muse c уже внесенными изменениями.

      Ответить
  4. Здравствуйте, Дмитрий. Подскажите,пожалуйста, подойдёт ли muse для создания сайта рок-группы, в котором должны будут изредка добавляться новости? или лучше сразу на word press делать?

    Ответить
    • Здравствуйте. Если постоянно будут добавляться статьи, то лучше основной сайт делать на WordPress.
      При этом в Muse можно создавать отдельные красивые страницы анонсы концертов, событий, фестивалей и т.д. и размещать их на поддоменах основного сайта.

      Ответить

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

Подтвердите, что Вы не бот — выберите самый большой кружок: