В този прост урок ще покажем как в менюто може да се персонализира.
Един ден аз бях помолен да се определи за грешка в менюто на един сайт - някои елементи упорито не искат да се подредят в един ред, но вместо да излезе в страницата неочаквани места, когато на курсора на мишката. Грешката не се състои в нарушаване на CSS, както аз предложих в началото, но в Кривото конфигуриран повикване Wayfinder.
Какво е Wayfinder - този фрагмент, който се използва, когато искате да се изброят заглавието / и документи. В резултат на фрагмента, генерирани неподреден списък. С помощта на различни параметри в този списък, можете да направите всичко, което искате :) Повече можете да прочетете в документацията. или чрез въвеждане на Google - "Wayfinder MODx уики".
1. Това е MODx като MODx инсталиране, как да се организира структурата на документите от HTML да се направи модел, който е парче, и така нататък. начинаещ въпроси в този урок аз няма да помисли.
2. Контейнерът, който ще използвам в урока са изброени във формат, който "разбира» Evo версия. Каква е разликата, вижте например:
Така че, ние обясни създаването на стъпки от менюто.
За урок нарисува тук е менюто:
Тук, за по-голяма яснота, аз прилага различни стилове и на различни нива в менюто. На мястото, където менюто бъг фикс е бил почти същият - на нивото на всеки стил на менюто.
Предпечатна подготовка - подробности за разположението в приложното поле на този урок, не са включени, така че този код да получа:
След възхищавах на кода, ние определяме за себе си кой клас в нашето меню е отговорен за това, което (ако се ровя в кода на някой друг, и по начин, трябва да е ясно):
клас = "меню" ул - клас от всички меню
Ли клас = "отгоре" - класа на менюто най-високо ниво
клас = "top_link" - клас за връзките в елементите на най-високо ниво
ул клас = "суб" - клас за подменюта
Е, клас обхват = "надолу" за регистрация на елементи от първо ниво
Стъпка 2: Създаване на трите документа
- продукти
- доставка
- Доставчици
В документа "Продукти" Създаване на детето документи "серум на истината", "The Makropulos афера", "универсален лек".
Стъпка 3. меню Layout в отделно парче
В шаблона, на мястото, където трябва да има меню, премахнете всички ненужни код (HTML код себе си меню), вместо напиши
По този начин, ние правим меню в отделен парче. Тогава ние се създаде нов парче и го наричат меню. Докато съдържанието на парчето могат да бъдат копирани на кода на меню, което да наложи. За по-голяма яснота.
Се е случило? Добре, но това не е в менюто. Vdohnom живот в него с помощта на Wayfinder.
Премахване на цялото съдържание на менюто парче и вместо да се обадите на фрагмент Wayfinder.
Докато ние пиша това:
създаване startId - показва кой документ, за да започнете да създавате списък. Ние Задайте 0 - това означава, че списъкът е съставен от документа за корен.
Нека да видим какво се е случило:
Това - на работещи и живеещи меню. Преименуване на документи, изтриване, добавяне - меню ще се формира в съответствие с дървото на документа.
5.1. Teper даде на външния вид на менюто към нормалното
Wayfinder подразбиране създава прост код (
В началото на урока, установихме какво CSS класове в нашето меню за този отговор. В Wayfinder са задължителни параметри: outerClass - клас за контейнера с менюта. Сравнявайки нашия налагане, получаваме Wayfinder разговор:
можете да зададете един клас определя ниво на вмъкване - ниво = `2`.
Тук аз препоръчвам проверка, която показва на изходния код в браузъра - ако има пасажи, по-добре е да ги премахнете в самото начало:
клас в менюто е - правилно