Mura vine cu mai multe obiecte de afișare cum ar fi Formulare de conectare, Comentarii, Navigare, Calendar, Galerie etc. Acest tutorial vă va arăta cum să controlați rezultatele acestor obiecte pentru temele dvs..
Cu Mura CMS, aveți multe opțiuni pentru a personaliza ieșirea generată automat pentru obiectele de afișare. De exemplu, să presupunem că doriți să modificați aspectul și forma de conectare prestabilită. În tema ta contentRenderer.cfc, există o listă cu toate variabilele CSS care sunt utilizate pentru aceste obiecte de afișare:
this.loginWrapperClass = ""; this.loginWrapperInnerClass = "rândul"; this.loginFormClass = "formă-formă orizontală-signin"; this.forgotPasswordFormClass = "formă-formă orizontală-sendlogin"; this.loginFormGroupWrapperClass = this.formFieldWrapperClass; this.loginFormFieldLabelClass = "control-label col-lg-3"; this.loginFormFieldWrapperClass = "col-lg-9"; this.loginFormFieldClass = this.formInputClass; this.loginFormPrefsClass = "col-lg-offset-3 col-lg-10"; this.loginFormCheckboxClass = "caseta"; this.loginFormSubmitWrapperClass = "col-lg-offset-3 col-lg-10"; this.loginFormSubmitClass = this.formButtonClass; this.notRegisteredLinkClass = "btn btn-primar";
Dacă vreodată trebuie să dați seama ce variabilă este atașată unui obiect, trebuie doar să deschideți fișierul obiectului și să aruncați o privire. Toate referințele dinamice vor fi cartografiate în consecință:
Aceasta este o modalitate rapidă și de upgrade pentru a adăuga cârlige CSS la obiectele de afișare Mura.
În timp ce majoritatea marcajelor sunt scrise pentru a fi semantice și flexibile, pot exista momente în care doriți să creați suprascrieri personalizate fie prin CSS, fie adăugând funcționalități suplimentare pentru un obiect afișat, specific temei dvs..
Notă: Obiectele de afișare Mura variază în complexitate. Anumite obiecte, cum ar fi Foldere, Galerii, etc., se leagă de funcționalitatea administratorului Mura și pot afecta experiența utilizatorului dacă sunt editate incorect. Este recomandat să încercați toate metodele posibile de styling prin CSS înainte de a edita aceste fișiere.
Obiectele de afișare implicite sunt situate în site id / include / display_objects pliant.
Notă: Ar trebui să fie aceste fișiere nu editați direct. Orice modificare a acestor fișiere ar putea fi înlocuită ori de câte ori un utilizator face o actualizare a site-ului în adminul Mura. Pentru a face modificări în aceste fișiere, va trebui să le copiați în Tema display_objects pliant: site id / include / temele / display_objects /
Dosarul display_objects din tema dvs. este conceput pentru a fi actualizat în siguranță pentru site-urile Mura. Orice fișier obiect de afișare care se află în acest dosar va înlocui cel din dosarul obiectelor de afișare de site de mai sus. Dacă doriți să înlocuiți fișierele, acestea ar trebui să fie mapate exact cum se află în obiectele de afișare a site-ului direct. De exemplu, dacă doriți să editați galeria, veți copia peste întregul director al galeriei în folderul de obiecte afișat în temă și editați fișierul index.cfm de acolo.
Rețineți că obiectele de afișare pot conține funcționalități complexe, deci aveți grijă când editați conținutul și rămâneți la doar etichetele de marcare fără a interfera cu logica CFML din fișiere.
De aici, ar trebui să fii capabil să faci tot ce ai nevoie pentru a aplica stilurile tale tematice la obiectele Mura CMS.