CMS Made Simple - bevezetése a sablon

Képzeljük el, hogy van egy kész HTML sablont kell használni CMS Made Simple. A sablon a mester osztály vettem ingyen. Akkor töltse le. Ha szeretne gyakorolni, illetve, hogy hogyan néz ki. Ha a saját alapjait HTML és CSS, a következő lépések nem jelentenek semmilyen problémát az Ön számára. Ide admin panel CMS Made Simple.

A sablonok listáját, azt látjuk, az új sablont. Tegyünk 1) Az alapértelmezett sablon és 2) telepíteni minden oldalon. Az alapértelmezett sablon automatikusan alkalmazza az összes új oldalra. A linkre kattintva Telepítse az összes oldalt. szánunk az összes létező oldalt a sablon.

Ha jelenleg megnézi az oldalt a böngészőben, látni fogja, hogy az oldal már a mi HTML sablon kódot, de persze még mindig nem elég stílusok és a dinamika. Nézzük tehát először stílusokat.

Az admin felületen a főmenüben nyomja meg a készítése „stílusok, majd a linkre, hogy a stílus. Adjon meg bármilyen nevet a stílus és a tartalom a területen, másolja a tartalmát a fájlok és style.css menu.css. t. e. az összes használt stílusok a sablon változtatás nélkül. Kattintson a Küldés gombra. Stílus hozzá a listához a stílusok.

Most meg kell csatolni ezt a stílust, hogy mi sablon. Ehhez kattintson a listában a stílusok siniyu feliratú gombot a CSS-t a sor végére a stílus nevét. A következő ablakban válassza a HTML-sablont a legördülő menüből, és kattintson a Csatlakozás ezt a mintát.

Az első, de semmi sem változott, hiszen még ma is használják a statikus sablon. Itt az ideje, hogy dinamikusabbá. A főmenüben válassza a Megjelenés „sablonok és kattintson a sablon, hogy nyissa meg szerkesztésre.

Az első lépések a Smarty. Smarty - egy különleges nyelvet a sablon, amely lehetővé teszi, hogy helyezze be egy olyan helyen, ahová a dinamikus tartalom címkék fogszabályozó. Abban az időben a hívást az első oldalon Smarty tag átalakul, és függ a tartalmon. Kezdeni helyett statikus hívás stílus tag. Keresünk a minta sorokat:

És lecseréli azokat Smarty tag. kattintson az Apply és nézze meg az eredményt az első. Láthatjuk, hogy a stílus, hogy hoztunk létre a közigazgatási központ, és csatolni kell a sablon már automatikusan betöltődik az oldalon. Ha megnézzük a forráskód az oldalon, győződjön meg arról, hogy az a hely, ahol használja a címkét meg rendes tag a linket, automatikusan generált CMS Made Simple.

Most nézzük cserélje ki a cím az oldal és annak tartalmát. Ahhoz, hogy használni az oldal címe tag. és a tartalmát a tag.

A sablon keresik azokat a helyeket, ahol kell helyettesíteni az oldal címét. Ott voltak a kettő. Keresse meg a sorokat a minta, ahol szeretné, hogy helyettesítse a főcím:

és cserélje ki a statikus fejléceket Smarty címkék:

Kattintson az Apply, és nézze meg az eredményt az első. Fejléc a böngésző és az Oldal szerkesztése. Most keresünk egy helyet a sablont, amelyet fel kell tüntetni a tartalmát az oldal, és cserélje ki a statikus sablon tartalom a kulcsszó:

hozzáadása menü

Dinamizálását bal oldali menüben. Ahhoz, hogy ezt, meg a sablon statikus menü:

Ez mind nuzhnozamenit dinamikus menü kerül ki a lapok az első szinten. A menü, akkor használja a címkét. Nézzük cserélje ki a teljes kiadási statikus fenti menü, ezt a címkét. Add menü, de ez ad az oldalon minden szinten, így kóbor design. Finomhangolását a paramétereket a tag a címke használatával. Smarty paraméterek nagyon hasonló tulajdonságokat HTML-ben. Ezek adtunk közvetlenül a zárójelek Smarty tag bármilyen szekvencia lehet, és áll a paraméter és annak értéke, elválasztva egyenlőségjellel. Például, ha meg kell csak megjeleníti oldalain az első szinten, majd állítsa be a kulcsszó a következők szerint:

Kész. Ha valahol máshol kell használni a sablont a második szintű menü, add ezen a helyen

Igen, akkor a tag c különböző paraméterek belül bárhol egy sablont, valamint az adott oldal tartalma, ahányszor akarod.

Magához térít

Csak néhány részletet. A CMS Made Simple lehet (és kell) használni az egyes meta tagek minden oldalon, így a statikus szükséges eltávolítani a sablont. Keresünk az összes meta tagek:

És helyébe a Smarty tag. Ezen a helyen jelenik meg a globális tag, amely meg fogja találni az Webhely adminisztráció „Általános beállítások a globális metaadat. valamint az egyes metaadatok oldalakon megadható az oldal szerkesztésekor. Content »oldalak. megnyit egy oldalt szerkesztésre, menj a Beállítások menüpontra, és a meta tag a Meta (meta) mezőt az ezen az oldalon.

Észrevetted, mi volna chtou kép? Ez a kép betöltődik stíluskeveredések most nem találom. A legegyszerűbb megoldás. Az adminisztrációs panel, navigáljon a tartalom „Képkezelő és terhelési containerright-image.jpg kép CMS Made Simple. Most adjuk hozzá az utat, hogy a kép a stílusban. Készítése „stílusok. Kattintsunk a mi stílusunk, és keresse meg a sort

cserélni ezt a sort a

Ez a vonal is használják Smarty tag, de tekintettel arra, hogy a stílus már létezők zárójelek a stílus használata kettős zárójelbe. [[Root_url]] automatikusan helyébe a RLC az oldal.

Ez csak egy példa a végrehajtás a HTML-sablont CMS Made Simple. Mert itt dolgozunk HTML, CSS és Smarty, korlátozások a tervezés nem lehet. Biztosíthatom Önöket, hogy a CMS Made Simple, akkor végre olyan sablon, írt HTML és CSS.

A következő Master Class ismertetjük részletesen, hogyan kell végrehajtani a menük a komplexitás a CMS Made Simple. Mi feliratkozás. ha érdekel.

Kapcsolódó cikkek