0  /  13

Start - Landing Page

Установка

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

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

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

2015.04.01-12.39.12.jpg

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

2015.04.01-12.40.31.jpg

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

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

2015.04.01-12.41.24.jpg

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

2015.03.30-14.31.46.jpg 

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








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

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

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

2015.04.01-13.31.06.jpg

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

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

2015.02.27-13.20.57.jpg

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

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

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

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

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

2015.02.24-14.38.49.jpg

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

2015.04.01-13.42.20.jpg

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

2015.04.01-13.43.40.jpg

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

2015.04.01-13.45.46.jpg

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

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

2015.03.31-15.42.26.jpg 

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

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

2015.03.05-13.09.15.jpg

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

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

Редактирование раздела с преимуществами

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

2015.02.24-14.38.49.jpg

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

2015.04.01-13.59.32.jpg

При нажатии на пункт Редактировать область как html всплывет окно редактирования области.

2015.04.01-14.00.28.jpg

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

Каждому заголовку соответствует иконка. Чтобы ее поменять нужно заменить имя иконки. 

2015.04.01-14.13.13.jpg
Выделим имя иконки. И вместо него напишем другое, например "bell". 
Примечание
Список доступных иконок http://fortawesome.github.io/Font-Awesome/icons/

Далее отредактируем текст.
2015.04.01-14.03.32.jpg

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

2015.04.01-14.18.07.jpg

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

2015.04.01-14.20.30.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.01-14.29.40.jpg

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

2015.04.01-14.31.01.jpg

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

2015.04.01-14.33.27.jpg

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

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

2015.03.31-15.42.26.jpg  

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

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

2015.03.05-13.09.15.jpg

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

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

Редактирование раздела "Презентуйте ваш проект"

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

2015.02.24-14.38.49.jpg

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

2015.04.01-14.29.40.jpg 

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

2015.04.02-12.49.27.jpg

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

2015.04.02-12.52.21.jpg

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

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

2015.04.02-12.55.38.jpg

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

2015.04.01-15.30.33.jpg 

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

2015.04.02-13.53.46.jpg

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

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

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

Нажмите кнопку Сохранить.
Чтобы добавить новое изображение нужно нажать кнопку 2015.04.02-12.57.31.jpg.


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

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

2015.02.24-14.38.49.jpg

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

2015.04.01-14.29.40.jpg  

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

2015.04.02-13.46.16.jpg

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

2015.04.02-13.48.24.jpg

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

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

2015.04.02-14.07.25.jpg

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

2015.04.02-14.09.27.jpg

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

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

2015.04.02-13.49.45.jpg

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

2015.04.01-15.30.33.jpg  

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

2015.04.02-13.50.07.jpg

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

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

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

Нажмите кнопку Сохранить.
Чтобы добавить новое изображение нужно нажать кнопку 2015.04.02-12.57.31.jpg.

Редактирование раздела "Преимущества"

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

2015.02.24-14.38.49.jpg

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

2015.04.01-14.29.40.jpg   

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

2015.04.02-13.57.18.jpg

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

2015.04.02-14.03.15.jpg

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

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

2015.04.02-14.07.25.jpg

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

2015.04.02-14.09.27.jpg

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


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

2015.04.02-13.58.17.jpg

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

2015.04.01-15.30.33.jpg   

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

2015.04.02-13.58.28.jpg

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

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

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

Нажмите кнопку Сохранить.
Чтобы добавить новое изображение нужно нажать кнопку 2015.04.02-12.57.31.jpg.

Редактирование раздела "Галерея"

2015.04.01-14.44.29.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.01-15.16.13.jpg

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

2015.04.01-15.16.57.jpg

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

2015.04.01-15.18.50.jpg

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

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

2015.03.31-15.42.26.jpg   

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


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

2015.03.05-13.09.15.jpg

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

Примечание      
Рекомендуемый размер Background 1900×600px.
Далее в Административном меню перейдем во вкладку Контент в меню функций выберем последовательно Start - landing page, Галерея.

2015.04.01-15.24.44.jpg

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

2015.04.01-15.30.33.jpg

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

2015.04.01-15.31.06.jpg

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

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

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

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

2015.04.01-15.34.41.jpg

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

Примечание  
Рекомендуемый размер картинки новости 728х560px
Нажмите кнопку Сохранить.

Чтобы добавить новое изображение в галерею нужно нажать кнопку  2015.04.01-15.35.57.jpg.

Редактирование раздела "Ваша команда"

2015.04.01-14.45.34.jpg

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

2015.02.24-14.38.49.jpg

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

2015.04.01-15.42.27.jpg

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

2015.04.01-15.45.20.jpg

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

2015.04.01-15.47.54.jpg

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

Теперь отредактируем карточки лучших сотрудников.
Щелкнем по фотографии левой кнопкой мыши, чтобы выделить ее.

2015.04.01-15.57.49.jpg

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

Теперь отредактируем ссылки на социальные сети.
2015.04.01-16.02.36.jpg
Вместо значка # вставьте ссылку на страничку Vk сотрудника.
Если вам не нежная ссылка на Vk, выделите область целиком и удалите.

2015.04.01-16.00.27.jpg
Таким же образом вставьте ссылку на facebook.

Далее выделим имя сотрудника "Александр Маканович", как показано на картинке, удалите его и вместо него впишите имя вашего сотрудника. 
Аналогично поступим с другими надписями.
2015.04.01-16.07.26.jpg

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

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

2015.03.31-15.42.26.jpg    

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


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

2015.03.05-13.09.15.jpg

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

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

Редактирование карты

2015.04.01-14.46.52.jpg

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

2015.02.24-14.38.49.jpg

В меню управления сайтом выберем пункт Компоненты 2015.03.10-11.36.44.jpg.

2015.04.01-16.15.31.jpg

В выпавшем меню выберем пункт Яндекс.Карты: настраиваемая карта.

2015.04.01-16.17.39.jpg

Открылось окно настроек параметров компонента.

2015.04.01-16.19.02.jpg

Изменим Данные, выводимые на карте. Для этого в соответствующем пункте нажмем на кнопку 2015.02.26-16.11.33.jpg. Открылось окно настройки карты.

2015.02.26-16.12.04.jpg

Снимем отметку в поле вид схемы 2015.02.26-16.13.17.jpg.  В поле Найти на карте, введем необходимый нам город, улицу, дом. Например, г.Томск, пр-кт Комсомольский, 70. 
Карта переместилась в необходимое нам место. Теперь нажмем на пункт Добавить точки и двойным нажатие левой кнопки мыши поставим отметку на карте, после чего появится поле ввода, в которое вы можете ввести название этой точки. Например, "Mars Digital". После чего закройте поле ввода, нажав на крестик в правом верхнем углу. 

2015.02.26-16.20.55.jpg
Теперь поставим отметку в поле вид схемы. 2015.02.26-16.13.17.jpg Также вы можете отрегулировать масштаб карты, использую кнопки "+" и "-" на шкале в левой части окна.
2015.02.26-16.22.02.jpg

 Нажмем Сохранить и выйдем из окна настроек карты. Также сохраним настройки в окне редактирования параметров компонента. 


Настройка компонента "Форма обратной связи"

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

2015.02.24-14.38.49.jpg

В меню управления сайтом выберем пункт Компоненты 2015.03.10-11.36.44.jpg.

2015.04.01-16.15.31.jpg 

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

2015.04.02-12.42.22.jpg

Открылось окно настроек параметров компонента.

2015.04.02-12.43.04.jpg

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

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

Изменить favicon

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

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

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

2015.04.01-14.55.34.jpg

Файл с именем  favicon.ico это и есть текущий 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 и иметь тип файла (*.ico)

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

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