0  /  15

Mozy - Целевая страница

Установка

Рассмотрим установку сайта вторым сайтом в режиме многосайтовости на одном домене.

В Административном меню перейдем во вкладку Настройки в меню функций выберем последовательно Настройки продукта, Список Мастеров.
 
2015.03.30-14.18.09.jpg

Нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием сайта Mozy - landing page, и в выпавшем меню выберем пункт Установить.

2015.03.30-14.24.05.jpg

Открылся мастер установки. Заполним поля, как на картинке ниже.

2015.03.30-14.26.16.jpg

Нажмем на кнопку 2015.03.30-14.26.26.jpg.
На шагах мастера 2 и 3  снова нажмем кнопку2015.03.30-14.26.26.jpg.

На шаге 4 вы можете изменить логотип сайта, описание сайта и ключевые слова.

2015.03.30-14.29.44.jpg

Нажмите кнопку 2015.03.30-14.31.05.jpg. Подождите пока сайт установится.

2015.03.30-14.31.46.jpg

Нажмите на кнопку 2015.03.30-14.32.35.jpg.









Как изменить логотип сайта

2015.03.30-14.45.31.jpg 

Если вы не изменили логотип при установке, вы можете сделать это сейчас. Для этого, нам нужно будет перейти в раздел Администрирования сайта. Для этого нажмем на вкладку 2015.02.25-12.54.46.jpg в верхней части страницы.  

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, Mozy,Include

2015.03.30-14.48.35.jpg 

Файл с именем  bx_default_logo это и есть текущий логотип сайта. Удалим его. Для этого кликнем по нему правой кнопкой мыши или нажмем на кнопку 2015.02.25-13.55.08.jpg рядом с ним. Выпало меню действий, выберем Удалить.

Затем нажмем кнопку 2015.02.27-13.20.03.jpg. Открылось окно загрузки файлов.

2015.02.27-13.20.57.jpg

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

Внимание!     
Логотип должен обязательно иметь имя bx_default_logo и иметь тип файла (*.png)

Примечание     
Рекомендуемый размер логотипа 175×40px.

Как отредактировать меню

2015.03.30-14.57.56.jpg

Убедитесь, что включен режим правки.
 2015.02.24-14.38.49.jpg

Наведите курсор мыши на меню и кликните по нему двойным нажатием мыши.

Открылось окно редактирования пунктов меню.

2015.03.30-14.58.37.jpg

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

2015.02.25-12.01.24.jpg

Названию каждого пункта меню соответствует ссылка, которую можно редактировать аналогичным способом. 
В этом же окне можно изменять порядок пунктов меню, перемещая их с помощью зеленых стрелочек, расположенных в правой части окна. Также вы можете удалять пункты меню, используя красный крестик.
2015.02.25-12.20.38.jpg

Как отредактировать баннер

2015.03.30-15.00.11.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на баннер последний будет обрамляться темно-серой рамкой, и всплывет дополнительный пункт меню Редактировать область как html. 

2015.03.30-15.02.29.jpg

Открылось окно редактирования включаемой области.
В левом верхнем углу окна есть значек 2015.02.24-15.04.06.jpg, при нажатии на него выпадает список визуальных режимов. Выберем совмещенный режим (по горизонтали) 2015.02.24-15.06.02.jpg.  

2015.03.30-15.03.12.jpg

Будем работать в нижней части окна - в режиме исходного кода. 

2015.03.30-15.07.18.jpg

Выделим заголовок "Mozy - landing page", как показано на картинке, удалим и вместо него впишем новый заголовок. Аналогично поступим с другими надписями.

Теперь отредактируем ссылку Подробнее. Работать будем в верхней части окна редактирования - в режиме визуального редактора. Кликнем по ссылке правой кнопкой и в выпавшем меню выберем пункт Редактировать ссылку

2015.03.30-15.10.21.jpg

Открылось окно редактирования ссылки.

2015.03.30-15.11.19.jpg

В поле Вид ссылки выберем, например, "на другой сайт", в поле Текст  "Выбрать это решение", а в поле Адрес вставим ссылку на решение и нажмем Сохранить.

2015.03.06-12.30.25.jpg

Нажмем кнопку Сохранить
Аналогично поступим с другой ссылкой.

Далее изменим Background (фон) баннера.
В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки,Mozy ,include.

2015.03.31-15.42.26.jpg

В этой папке найдем файл  parallax.jpg Это и есть картинка нашего Background.  Удалим его,  для этого  нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием файла, и в выпавшем меню выберем пункт Удалить.

Далее нажмем кнопку 2015.03.05-13.08.39.jpg.  В открывшемся окне укажем путь к картинке.

2015.03.05-13.09.15.jpg

Внимание!   
Background должен обязательно иметь имя parallax и иметь тип файла PNG(*.png)

Примечание   
Рекомендуемый размер Background 1903×672px.




Как отредактировать раздел "Шикарные иконки"

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на баннер последний будет обрамляться темно-серой рамкой, и всплывет дополнительный пункт меню Редактировать область как html. Кликните по нему.

2015.03.30-15.34.12.jpg

Открылось окно редактирования включаемой области.

2015.03.30-15.36.11.jpg

Выделим заголовок "Шикарные иконки", как показано на картинке, удалим и вместо него впишем новый заголовок. Аналогично поступим с другими надписями.

2015.03.30-15.39.20.jpg
Далее поменяем картинки. Щелкнем по картинке, чтобы выделить ее.

2015.03.30-15.44.09.jpg

Далее нажмем на кнопку 2015.03.25-12.42.43.jpg на панели инструментов. Открылось окно редактирования изображения.
Щелкните по кнопке 2015.03.25-12.43.44.jpg и выберите путь к изображению. Нажмите Сохранить.

Примечание
Рекомендуемый размер картинки 168х168рх

Нажмем кнопку Сохранить

Редактирование раздела "Проекты"

2015.03.30-15.48.53.jpg

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

Рассмотрим редактирование проекта из Публичного раздела сайта.

 Убедимся, что включен режим правки. 
2015.02.24-14.38.49.jpg

Теперь наведите курсор мыши на проект. При наведении появляются дополнительные пункты меню: Изменить проект, Удалить проект и Добавить проект, Редактировать область как html
2015.03.30-15.50.51.jpg

Щелкнем по пункту Редактировать область как html.

Открылось окно редактирования.

2015.03.30-15.52.43.jpg
Выделим заголовок "Проекты", как показано на картинке, удалим и вместо него впишем новый заголовок. Аналогично поступим с текстом "Мы любим то, что мы делаем".

2015.03.30-15.55.19.jpg

Нажмем кнопку Сохранить.

Снова наведите курсор мыши на проект. Кликнем по пункту меню Изменить проект. Открылось окно редактирования. 

2015.03.30-15.58.52.jpg

Метка Активность показывает, отображается ли новость на сайте. Если снять отметку, то отображаться она не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. Поменяйте название в соответствующем поле ввода. В поле Сортировка вводится число, которое устанавливает порядок расположения новостей. Чем меньше число, тем выше располагается новость. Далее перейдем во вкладку Анонс

 
2015.03.30-16.00.13.jpg

В разделе Картинка для анонса можно изменить картинку. Для изменения картинки анонса нужно нажать на кнопку 2015.02.26-13.02.25.jpg  и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки. Выберем пункт Заменить файлом с компьютера и укажем путь к картинке. 

Примечание 
Рекомендуемый размер картинки для анонса 570х400px

Далее в поле Описание для анонса отредактируем текст.

Перейдем на вкладку Подробно

2015.03.30-16.01.56.jpg

В разделе Детальная картинка можно изменить изображение, соответствующее редактируемой новости. Для этого нужно нажать на кнопку 2015.02.26-13.02.25.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки

Примечание 
Рекомендуемый размер картинки новости 860х600px

 Далее в поле Детальное описание отредактируем текст новости. 

Перейдем на вкладку Разделы.

2015.04.01-11.53.15.jpg
В этом окне вы можете указать раздел, к которому будет относиться проект.
Нажмем Сохранить


Рассмотрим редактирование проекта из Административного раздела сайта.
Для перехода в Административный раздел нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Mozy - landing page, Проекты.

2015.03.31-12.32.20.jpg

Мы видим список имеющихся разделов проектов. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выберем пункт Изменить.

2015.03.31-12.34.16.jpg

Открылось окно редактирования раздела.

2015.03.31-12.36.56.jpg

Метка активность показывает отображается ли раздел, если ее снять, то отображаться он не будет. Вы можете задать Родительский раздел, изменить Название раздела. Перейдите на вкладку Дополнительно.

2015.04.01-11.49.59.jpg
Обязательно заполните поле Символьный код. Нажмем кнопку Сохранить.
Чтобы добавить новый раздел нажмите на кнопку 2015.03.31-12.41.50.jpg.

Далее зайдем в какой-нибудь раздел, для этого кликнем по нему двойным нажатием левой кнопкой мыши.

2015.03.31-12.41.26.jpg

Видим список проектов в разделе. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выберем пункт Изменить.

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






Редактирование разделов "Очень важная информация", "Пример слайдшоу" и "Пример вставки видео"

2015.03.31-14.51.22.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

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

2015.03.31-14.51.55.jpg

Открылось окно редактирования.

2015.03.31-14.54.29.jpg
Щелкнем по картинке левой кнопкой мыши, чтобы выделить ее.

2015.03.31-14.55.46.jpg
Далее нажмем на кнопку 2015.03.25-12.42.43.jpg на панели инструментов. Открылось окно редактирования изображения.
Щелкните по кнопке 2015.03.25-12.43.44.jpg и выберите путь к изображению. 

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

2015.03.31-15.00.42.jpg
Аналогично поступите с другими заголовками и текстом.

Теперь отредактируем ссылки Купить решение и Перейти к слайдщоу

2015.03.31-15.04.54.jpg
Работать будем в верхней части окна редактирования - в режиме визуального редактора. Кликнем по ссылке правой кнопкой и в выпавшем меню выберем пункт Редактировать ссылку

2015.03.31-15.07.38.jpg

Открылось окно редактирования ссылки.

2015.03.31-15.08.48.jpg
В поле Вид ссылки выберем, например, "на другой сайт", в поле Текст  "Выбрать это решение", а в поле Адрес вставим ссылку на решение и нажмем Сохранить.

2015.03.06-12.30.25.jpg

Нажмем Сохранить.

Теперь отредактируем заголовки и текст в разделе "Пример слайдшоу".

2015.03.31-15.16.49.jpg
Далее отредактируем раздел "Пример вставки видео".
Кликните правой кнопкой мыши по видео и в выпавшем меню выберите пункт Свойства видео.
2015.03.31-15.18.28.jpg

Открылось окно.

2015.03.31-15.20.08.jpg
В поле ввода Источник видео нужно вставить код для встраивания. Для примера вставим видео с сайта http://www.youtube.com/. Для этого зайдем на  youtube, выберем видеоролик, кликнем по нему правой кнопкой мыши, в выпавшем меню выберем пункт Получить код для встраивания.

2015.03.31-15.24.08.jpg

Появился код.

2015.03.31-15.25.11.jpg

Копируем его и вставляем в поле ввода Источник видео.

2015.03.31-15.26.34.jpg
Можете задать Название видео.
Нажмем кнопку Сохранить.

Теперь отредактируем текст в разделе "Пример вставки видео".

2015.03.31-15.29.37.jpg
Нажмем Сохранить.


Редактирование слайдов

2015.03.31-15.31.55.jpg

Перейдем в Административный раздел сайта.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Mozy - landing page, Слайдер.

2015.03.31-15.33.57.jpg

Мы видим список имеющихся слайдов. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выберем пункт Изменить.

2015.03.31-15.34.45.jpg

Открылось окно редактирования.
Метка Активность показывает, отображается ли новость на сайте. Если снять отметку, то отображаться она не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. Поменяйте название в соответствующем поле ввода. В поле Сортировка вводится число, которое устанавливает порядок расположения слайдов. 
Далее перейдем на вкладку Подробно.

2015.03.31-15.36.29.jpg

Отредактируйте Детальную картинку. Для этого нужно нажать на кнопку 2015.02.26-13.02.25.jpg и выбрать действие Заменить файлом с компьютера или Заменить файлом из медиабиблиотеки
Отредактируйте Детальное описание.
Нажмите кнопку Сохранить.

Чтобы добавить новый слайд нужно нажать кнопку 2015.03.31-15.39.03.jpg.

Редактирование раздела "Лучшее предложение на рынке"

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на область "Лучшее предложение на рынке" последняя будет обрамляться темно-серой рамкой, и всплывет дополнительный пункт меню Редактировать область как html. Кликнем по этому пункту меню.

2015.03.30-16.14.51.jpg

Открылось окно редактирования.

2015.03.30-16.15.52.jpg

Будем работать в нижней части окна редактирования - в режиме исходного кода. Делаем это для того чтобы не нарушить верстку страницы.

2015.03.30-16.18.51.jpg

Выделим заголовок "Лучшее предложение на рынке", как показано на картинке, удалим и вместо него впишем новый заголовок. Аналогично поступим с другими надписями.

Теперь отредактируем кнопку Оставить заявку
Для этого в меню управления сайтом выберем пункт Компоненты 2015.03.10-11.36.44.jpg.

2015.03.10-11.36.33.jpg

В выпавшем меню выберем пункт Форма обратной связи (как на картинке).

2015.03.30-16.20.39.jpg

Открылось окно редактирования.

2015.03.30-16.21.24.jpg

Вы можете отредактировать сообщение, выводимое пользователю после отправки в соответствующем поле. Также измените e-mail, на который будет отправлено письмо и выберете обязательные поля для заполнения.

Нажмите Сохранить.

Редактирование раздела "Отзывы"

2015.03.31-12.47.16.jpg

Примечание  
Редактировать отзывы можно как в Публичном разделе сайта так и в Административном. 

Рассмотрим редактирование отзывов из Публичного раздела сайта. 

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на область с отзывами последняя будет обрамляться темно-серой рамкой, и всплывут дополнительные пункты меню Добавить отзыв, Редактировать отзыв и Удалить отзыв, Редактировать область как html. 

2015.03.31-12.47.48.jpg

Выберем пункт меню Редактировать отзыв. Открылось окно редактирования.

2015.03.31-12.49.37.jpg

Метка Активность показывает, отображается ли элемент на сайте. Если снять отметку, то отображаться он не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. Измените текст в поле ввода Название. В поле Сортировка вводится число, которое устанавливает порядок показа отзывов. 

Далее перейдем на вкладку Анонс.

2015.03.31-12.50.23.jpg

Отредактируйте Описание для анонса и Картинку для анонса в соответствующих полях. 
Нажмите Сохранить.


Рассмотрим редактирование отзывов из Административного раздела сайта. 
Для перехода в Административный раздел нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Mozy - landing page, Отзывы.

2015.03.31-12.54.53.jpg

Мы видим список имеющихся разделов проектов. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выберем пункт Изменить.

2015.03.31-12.56.11.jpg

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





Редактирование раздела "Контакты"

2015.03.31-13.46.31.jpg

Убедитесь, что включен режим правки.
 2015.02.24-14.38.49.jpg

Кликните двойным нажатием левой кнопки мыши по заголовку "Контакты". 
Открылось окно редактирования области.

2015.03.31-13.47.57.jpg

Выделим заголовок "Контакты", удалим его и вместо него напишем "Наши контакты". Также отредактируйте текст "Остались вопросы? Напишите нам!"

2015.03.31-13.49.56.jpg
Нажмите кнопку Сохранить.

Редактирование раздела "Вопросы"

2015.03.31-13.56.22.jpg

Перейдем в Административный раздел, нажмем на вкладку 2015.02.25-12.54.46.jpgв верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Mozy - landing page, Вопросы.

2015.03.31-14.00.04.jpg

Видим список проектоввопросов. Для того чтобы отредактировать один из них кликнем по нему двойным нажатием левой кнопкой мыши или нажмем на кнопку действия 2015.02.25-13.55.08.jpgрасположенную рядом с названием новости, и в выпавшем меню выберем пункт Изменить.

2015.03.31-14.02.15.jpg

Открылось окно редактирования вопроса. 
Метка Активность показывает, отображается ли вопрос на сайте. Если снять отметку, то отображаться он не будет. Также можно указать даты Начало активности и Окончание активности в соответствующих полях. Введите вопрос в поле ввода Название. В поле Сортировка вводится число, которое устанавливает порядок расположения вопросов. Чем меньше число, тем выше располагается вопрос. 

Далее перейдем во вкладку Подробнее

2015.03.31-14.10.43.jpg

В поле Детальное описание введите ответ на вопрос. Нажмите кнопку Сохранить.

Если вы хотите создать новый вопрос, то нужно нажать на кнопку 2015.03.31-14.12.03.jpg.

Редактирование раздела "Наши контакты"

2015.03.31-14.13.39.jpg

Убедитесь, что включен режим правки:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на раздел "Наши контакты"  последний будет обрамляться темно-серой рамкой, и всплывет дополнительный пункт меню Редактировать область как html. Кликнем по нему.

2015.03.31-14.14.27.jpg

Открылось окно редактирования области.

2015.03.31-14.16.12.jpg

Выделим заголовок "Наши контакты", как показано на картинке, удалим и вместо него впишем новый заголовок. 

2015.03.31-14.19.24.jpg

Аналогично поступим с другими надписями.
Нажмем кнопку Сохранить.




Редактирование раздела "Обратная связь"

2015.03.31-14.21.44.jpg

Для начала редактирования включите режим правки в правом верхнем углу страницы:

2015.02.24-14.38.49.jpg

После этого при наведении курсора мыши на область последняя будет обрамляться темно-серой рамкой, и всплывет дополнительный пункт меню Редактировать область как html. Кликнем по этому пункту меню.

2015.03.31-14.22.06.jpg

Открылось окно редактирования области.

2015.03.31-14.25.09.jpg

Будем работать в нижней части окна - в режиме исходного кода.
 
При необходимости вы можете отредактировать заголовок "Обратная связь". Выделите его, как показано на картинке, удалите и вместо него впишите необходимый вам текст.

2015.03.31-14.26.47.jpg
Нажмите кнопку Сохранить.
Теперь в меню управления сайтом выберем пункт Компоненты 2015.03.10-11.36.44.jpg.

2015.03.31-14.28.31.jpg

В выпавшем меню выберем пункт Форма обратной связи (нижняя строчка).

2015.03.31-14.29.07.jpg

Открылось окно редактирования.

2015.03.31-14.29.40.jpg

Вы можете отредактировать сообщение, выводимое пользователю после отправки в соответствующем поле. Также измените e-mail, на который будет отправлено письмо и выберете обязательные поля для заполнения.

Нажмите Сохранить.


Изменение favicon

Обучение   
Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

2015.03.30-16.25.53.jpg это и есть favicon нашего сайта 2015.03.30-16.25.59.jpg.
Для того чтобы изменить favicon, нам нужно будет перейти в раздел Администрирования сайта. Для этого нажмем на вкладку 2015.02.25-12.54.46.jpg в верхней части страницы.

В Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Файлы и папки, bitrix, templates, marsd_mozy_default, images.

2015.03.30-16.30.24.jpg

Файл с именем  favicon.png это и есть текущий favicon сайта. Удалим его. Для этого кликнем по нему правой кнопкой мыши или нажмем на кнопку 2015.02.25-13.55.08.jpg рядом с ним. Выпало меню действий, выберем Удалить.

Затем нажмем кнопку 2015.02.27-13.20.03.jpg. Открылось окно загрузки файлов.

2015.02.27-13.20.57.jpg

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

Внимание!   
Favicon должен обязательно иметь имя favicon и иметь тип файла (*.png)

Примечание   
Рекомендуемый размер favicon 16×16px.

Сразу вы не увидите, что favicon изменился. Он изменится, когда сбросится Кеш в браузере. Для того чтобы сразу посмотреть как изменится favicon нужно зайти на страницу через какой-нибудь другой браузер.