Continuăm să înțelegem MODX Revolution. Și astăzi veți vedea una dintre căile de integrare a aspectului original în sistemul MODX Revolution. Deci, există o instalare curată a sistemului, o pagină principală, are un șablon inițial. Cu versiunea 2.5.0, a apărut un șablon de testare pentru pornire. Există o structură a unei pagini html cu fișierele atașate, în care există stiluri, fonturi, imagini, scripturi ... Acum veți vedea una dintre modalitățile posibile de integrare a acestora în MODX. Totul se face foarte simplu.
Integrarea planurilor
Numai caracteristicile regulate ale administratorului MODX Revolution vor fi utilizate. Tot ce trebuie să faceți este să mergeți la șablonul inițial, să găsiți "codul șablonului" în care este inserat aspectul și să înlocuiți acest cod cu cel pregătit în avans (preluat din fișierul html cu aspect). Copiați conținutul fișierului, reveniți la zona de administrare, înlocuiți complet conținutul și apăsați "salvați".
Acum rămâne doar transferul tuturor bunurilor acestei pagini. Intrăm în dosarul de materiale, selectăm toate și îl aruncăm în dosarul activelor proiectului nostru. Acum actualizăm pagina principală și obținem aspectul, complet integrat în sistemul MODX. Totul se face în câteva secunde.
Crearea de "bucăți" în două clicuri
Vom reveni la șablon și vom vedea o temă de contrast întunecată. De asemenea, apare funcționalitatea extinderii codului șablonului pe întregul ecran. Acum trebuie să tăiați codul în bucăți mici, pe care le vom folosi în alte șabloane pentru alte pagini.
Componenta pe care le-am stabilit un al doilea - TagElementPlugin - adaugă un interesant comenzi rapide de la tastatură, care permit pe zbura pentru a crea bucăți mici de html-aspect, așa-numitele „bucăți» MODX. Iată cum: cu capul tăiat complet de la începutul codului (ctrl + x), și inserați codul de aici bucată următoare - și numesc, «$ cap». Acum, selectați numele următoarei bucată de semnul $, apasă ctrl + Enter - și va apărea o fereastră dinamic cu întrebarea: „bucată nu a fost găsit, pe care doriți să-l creați?“ - apăsați „da“ și trece la crearea bucată.
Numele este deja prezent aici, introducem codul tăiat, îl salvăm. Apoi treceți la antetul site-ului. Selectați pălăria și «ctrl + x», în locul său un apel pentru a scrie viitorul Umflatul (acum «$ header»), este eliberat împreună cu semnul $, apasă ctrl + Enter -> introduceți, numele bucată este deja acolo, pur și simplu introduceți tăiat cod, apăsați "salvați". Înainte este conținutul paginii în sine, îl vom restrânge și îl vom plasa direct în resursă. Apoi avem codul pluginului, subsolul și scripturile. Dintre acestea, vom face acum butașii. Tăiați codul pluginului, introduceți bucata, sunați-l "$ plugin", selectați, ctrl + enter -> creați bucata, lipiți codul tăiat, salvați-l. Subsol este acum gol, așa că nu-l va tăia și se taie un bloc de script-uri, ctrl + x, introduceți bucată îl numesc «$ script», selectați-l (cu $), ctrl + libera inițiativă> introduceți, tăiat și inserați codul din nou. Acesta este motivul pentru care întregul nostru șablon a devenit. Reducerea la programul complet =)
Rămâne doar să tăiem această bucată de cod în resursa în sine. Mergem la cea principală (este necesar să fii salvat după toate schimbările, să nu uiți de el!), Și tot conținutul paginii principale este de asemenea schimbat la codul care tocmai a fost tăiat și salvat. Acum trebuie să afișați conținutul resursei în șablon folosind o etichetă specială MODX cu un asterisc, să numim această etichetă "conținut". Acum, șablonul ar trebui să rămână pe deplin operațional. Intrăm în conținut -> mergi la site și vezi dacă totul funcționează: galerie, scripturi, ... Deci, am tăiat șablonul cu mijloace standard de MODX plus două componente suplimentare. Acum ne uităm în panoul "bucăți" - au apărut doar bucăți create "în mișcare", iar acum le putem folosi în alte șabloane pentru alte pagini ale site-ului. Iată o modalitate de a dezvolta un proiect despre MODX-Revolution.
În următoarele lecții voi arăta alte două căi. Vă mulțumim pentru atenție și vă vom vedea curând!
Articole similare
Trimiteți-le prietenilor: