Да си представим, че имаме готов HTML шаблон, който да бъде използван в CMS Made Simple. Шаблонът за майсторския клас взех безплатно. Можете да го изтеглите. ако искате да практикуват или да видите как изглежда. Ако сте собственик на основите на HTML и CSS, следващите стъпки, не би трябвало да представлява проблем за вас. Отиди до администраторския панел на CMS Made Simple.
В списъка с шаблони, ще видим новия шаблон. Нека да го 1) стандартния шаблон направи и 2) да го инсталирате за всички страници. темплейт, автоматично се прилага за всички нови страници. Кликнете на линка по Инсталиране на всички страници. ние възложи на всички съществуващи страници на този шаблон.
Ако в момента погледнете страницата в браузъра, ще видите, че страницата вече се използва от наш HTML кода на шаблона, но, разбира се, ние все още не разполагаме с достатъчно стилове и динамика. Първо нека стилове.
В администраторския панел в главното меню, натиснете решения "стилове и след това върху линка, за да добавите стил. Въведете име за стила и съдържанието на полето, копирате съдържанието на файловете и style.css menu.css. т. е. всички стилове, които се използват в шаблона без никаква промяна. Кликнете върху бутона Изпрати. Стил добавен към списъка на стилове.
Сега трябва да се приложи този стил в нашия шаблон. За да направите това, щракнете върху списъка на стилове siniyu бутонът с CSS в края на реда с името на стил. В следващия прозорец, изберете нашата HTML шаблон в падащото меню и кликнете върху Свързване към този модел.
В още отпред, нищо не се промени, тъй като има все още се използва нашия статичен шаблон. Време е да динамика. В главното меню, изберете "Външен вид шаблони и кликнете върху нашия шаблон, за да го отворите за редактиране.
Първи стъпки с Smarty. Smarty - е специален език за шаблон, който ви позволява да поставите на място, където искате динамичните тагове съдържание в скоби. По време на разговора в първа страница Smarty маркери ще бъдат трансформирани и варират в зависимост от нашия форум. За да започнете да заменяме статичния етикет стил повикване. Търсим най-линиите на модела:
И ги замества с Smarty маркер. кликнете върху Приложи и да видим резултата в предната част. Можете да видите, че стилът, че ние сме създали в административния панел и прикрепен към шаблона сега зареждат автоматично на страницата. Ако се вгледате в сорс кода на страницата, уверете се, че мястото, където можете да използвате маркера се появява обикновена връзка етикет, автоматично генерирана от CMS Made Simple.
Сега, нека да замени заглавието на страницата и нейното съдържание. За да използвате заглавието на страницата маркер. и за съдържанието на маркера.
Шаблонът търсят тези места, където има трябва да бъдат замествани заглавието на страницата. Те бяха там, за двама. Намерете най-линии в модела, в които искате да замени заглавието:
и да се замени статични заглавията на Smarty тагове:
Щракнете върху Приложи и да видим резултата в предната част. Заглавна част в браузъра и на страницата за редактиране. Сега ние търсим за място в шаблона, който трябва да покаже съдържанието на страницата, и да замени всички съдържанието на статично шаблон върху маркера:
меню Добавяне
Динамизиране лявото меню. За да направите това, да намерите на статично менюто с шаблони:
Всичко е nuzhnozamenit динамично меню, което ще излезе от страниците на първото ниво. За менюто, ние използваме маркера. Нека да замени цялата продукция на статичен меню по-горе, този маркер. Добави меню, но тя дава на страницата на всички нива, за да се отклони дизайн. За да направите фина настройка на параметрите на маркера чрез маркера. Smarty параметри са много подобни атрибути в HTML. Те се добавят директно към скоби Smarty маркер може да бъде всяка последователност, и се състои от параметъра и неговата стойност, разделени със знак за равенство. Например, ако имаме нужда само показва страници от първо ниво, а след това настроите маркера, както следва:
Готово. Ако някъде другаде, което трябва да използвате шаблона на менюто на второ ниво, добавете на това място
Да, можете да използвате маркера в различни параметри навсякъде в рамките на шаблон, както и в съдържанието на страницата, толкова пъти, колкото искате.
Припомням
Само няколко подробности. В CMS Made Simple може (и трябва) да се използват индивидуалните мета таговете за всяка страница, така че статично е необходимо да се отстрани от шаблона. Търсим всички мета тагове:
И заменя с Smarty маркер. На това място ще се появи в световен мащаб маркери, които можете да намерите под администрацията на сайта "Основни настройки в световната метаданните. както и отделни страници мета данни, които могат да бъдат определени при редактиране на страницата. Съдържание »Pages. се отваря страницата за редактиране, отидете на раздела Опции и задайте мета таг в полето Meta (мета) за тази страница.
Забелязали ли сте, че преминахме chtou снимка? Тази картина е заредена стилове и стил сега не мога да го намеря. Най-простият вариант. В административния панел, отидете до containerright-image.jpg картинката Съдържание "Управлението на изображенията и натоварване в CMS Made Simple. Сега добавете пътя към изображението в стил. Извършване на "стилове. Ние кликнете върху нашия стил и за линията изглежда
замени тази линия в
Тази линия се използва и Smarty етикет, но с оглед на факта, че в стиловете вече съществуващо скоби в стила, който използвате двойни скоби. [[Root_url]] автоматично се заменя от RLC на страницата си.
Това е само един пример за прилагането на HTML шаблона в CMS Made Simple. Защото тук се работи с HTML, CSS и Smarty, ограничения в дизайна не може да бъде. Мога да ви уверя, че в CMS Made Simple, можете да изпълни всеки шаблон, написан на HTML и CSS.
Следващата Майсторския клас ще бъдат описани подробно как да се приложи в менютата с всякаква сложност в CMS Made Simple. Ние се абонирате. ако се интересувате.
Свързани статии