И так делаем все по порядку:
Имеем верстку 2-го шаблона с ФОТО-ШАПКОЙ:
[maxbutton id="12" text="Посадка HEADER" ]
[maxbutton id="14" url="#edit-menu" text="РЕДАКТИРУЕМ МЕНЮ" ]
[maxbutton id="16" url="#simple-section-1" text="Посадка простой СЕКЦИИ" ]
Создадим КАТЕГОРИЮ для всех материалов новой страницы:
Скобки в названии категории не сохраняться - ну и ладно.
Далее, создаем ШАБЛОН на вкладке "Элементы" с нашей уже созданной категорией:
Далее переходим в "РЕСУРСЫ" и создадим уже новую страницу на основе НОВОГО ШАБЛОНА (Преимущества):
Посмотрим что получается:
Поэтому проверим:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
* * [[$head? &bodyClass=`ishome`]] [[$header-public]] [[$s-article]] [[$s-footer-public-1]] * * |
Нужно создать ЧАНК для "НАШИ ПРЕИМУЩЕСТВА", что бы выводить его в новом шаблоне:
ВАЖНО что мы будем вставлять в этот чанк.
У НАС 7 НОВЫХ СЕКЦИЙ
Поэтому нам нужно создать 7 новых чанков - в том числе и для HEADER:
Смотрим что получилось:
Теперь создадим ЧАНК для <HEADER>
Далее создадим НОВЫЙ отдельный ЧАНК HEADER (2-го шаблона) и вставим туда скопированный код:
И смотрим что получается:
1 2 3 4 5 6 7 8 9 10 11 |
* * "assets/app/img/logo_ikon_media.svg" И [[++site_name]] * * |
Смотрим что получилось...
Перезалил СТИТЛИ и смотрим:
ЗАТЕМ ОТРЕДАКТИРУЕМ ПОКА ТОЛЬКО ГЛАВНОЕ МЕНЮ - НА ГЛАВНОЙ СТРАНИЦЕ:
ОТЛИЧНО - ПУНКТ МЕНЮ теперь ведет на страницу "Преимущества"... ПРИЧЕМ ВСЕ 4 МЕНЮ ГЛАВНОЙ СТРАНИЦЫ ОБНОВИЛИСЬ: (
1 - MЕНЮ ХЕДЕР
2 - Мобильное МЕНЮ ХЕДЕР
3 - МЕНЮ ФУТЕР
4 - Мобильное МЕНЮ ФУТЕР
И сразу сделаем ОБРАТНОЕ МЕНЮ - т.е. на САМОЙ СТРАНИЦЕ "ПРЕИМУЩЕСТВА":
И зададим ИМЯ ЧАНКУ с новым МЕНЮ:
[maxbutton id="14" text="РЕДАКТИРУЕМ МЕНЮ" ]
Отредактируем МЕНЮ:
1 2 3 4 5 6 7 8 9 10 11 12 |
* * <li ><a href="https://www.ikon-media.ru/">Главная</a></li> <li ><a href="https://www.ikon-media.ru/#portfolio">Сайты</a></li> <li class="active"><a href="#">Преимущества</a></li> <li ><a href="https://www.ikon-media.ru/#cena">Цена</a></li> <li ><a href="https://www.ikon-media.ru/index/web-development.html">Создание сайтов</a></li> <li ><a href="https://www.ikon-media.ru/#contacts">Контакты</a></li> * * |
И заодно опубликуем МЕНЮ "Главной страницы"
1 2 3 4 5 6 7 8 9 10 11 12 |
* * <li class="active"><a href="#">Главная</a></li> <li class="scroll-menu"><a href="#portfolio">Сайты</a></li> <li><a href="https://www.ikon-media.ru/index/preimushhestva.html">Преимущества</a></li> <li class="scroll-menu"><a href="#cena">Цена</a></li> <li><a href="https://www.ikon-media.ru/index/web-development.html">Создание сайтов</a></li> <li class="scroll-menu"><a href="#contacts">Контакты</a></li> * * |
И еще МЕНЮ - с ссылками активного пункта (сам-на себя):
1 2 3 4 5 6 7 8 9 10 11 12 |
* * <li ><a href="https://www.ikon-media.ru/">Главная</a></li> <li ><a href="https://www.ikon-media.ru/#portfolio">Сайты</a></li> <li><a href="https://www.ikon-media.ru/index/preimushhestva.html">Преимущества</a></li> <li ><a href="https://www.ikon-media.ru/#cena">Цена</a></li> <li class="active"><a href="https://www.ikon-media.ru/index/web-development.html">Создание сайтов</a></li> <li ><a href="https://www.ikon-media.ru/#contacts">Контакты</a></li> * * |
И теперь выведем чанк Нового МЕНЮ на странице "Преимущества":
И в ФУТЕРЕ ТОЖЕ!!!
Но для этого - мы должны продублировать FOOTER - что бы у нас был отдельный футер!!!
Дали ему имя,
Зайдем в него и поменяем выводимые чанки МЕНЮ:
Отлично - С МЕНЮ ВРОДЕ РАЗОБРАЛИСЬ:
Теперь можем продолжать посадку остальных секций нашей новой странички:
И так у нас остались еще секции:
[maxbutton id="16" text="Посадка ПРОСТОЙ СЕКЦИИ" ]
Погнали - ПРОСТАЯ СЕКЦИЯ:
Попробуем все упорядочить:
Далее идем в Sublime:
И вставим в новый чанк:
И выводим в Шаблоне чанк Простой секции:
ОТЛИЧНО:
Теперь выведем следующую секцию с картинкой.
Но по категориям - пусть у нас это будет разбито - как одна секция: [Простая секция] + [Секция с картинкой]
И GO создавать чанк:
И сразу подправим путь до картинки:
1 2 3 4 5 6 7 |
* * assets/app/img/image-public/prog_block_2.jpg * * |
И теперь выведем этот созданный чанк в нашем ШАБЛОНЕ:
1 2 3 4 5 6 7 |
* * [[$Image-Section-1]] * * |
И не забудь ЗАГРУЗИТЬ КАРТИНКИ Добавляемых Секций НА ХОСТИНГ:
И грузим в нее картинки:
Сохраняем и смотрим:
И далее таким же образом ДЕЛАЕМ ПОСАДКУ - ВЫВОД остальных секциий:
Смотрим что ВСЕ СЕКЦИИ ВЫВЕДЕНЫ:
Смотрим)))
И у нас НЕ РАБОТАЕТ СКРОЛЛ-ПОИНТ.
ПОСМОТРИМ - В ЧЕМ ПРИЧИНА:
КАРОЧЕ - КАК Я ВСЕ ПОЧИНИЛ!
И обновим файл со скриптом:
ГОТОВО! РАБОТАЕТ!