Share
Mura kommer med flere innebygde skjermobjekter som Inloggingsskjemaer, Kommentarer, Navs, Kalender, Galleri, etc. Denne opplæringen vil vise deg hvordan du kontrollerer utgangen av disse objektene for temaene dine.
Med Mura CMS har du mange alternativer for å tilpasse den automatisk genererte produksjonen for skjermobjekter. For eksempel, la oss si at du vil redigere utseende og følelse av standard påloggingsskjema. I temaet ditt contentRenderer.cfc, Det er en liste over alle CSS-variabler som brukes på disse skjermobjektene:
this.loginWrapperClass = ""; this.loginWrapperInnerClass = "rad"; this.loginFormClass = "form-horizontal form-signin"; this.forgotPasswordFormClass = "form-horisontal form-sendlogin"; this.loginFormGroupWrapperClass = this.formFieldWrapperClass; this.loginFormFieldLabelClass = "kontroll-label col-lg-3"; this.loginFormFieldWrapperClass = "col-lg-9"; this.loginFormFieldClass = this.formInputClass; this.loginFormPrefsClass = "col-lg-offset-3 col-lg-10"; this.loginFormCheckboxClass = "boksen"; this.loginFormSubmitWrapperClass = "col-lg-offset-3 col-lg-10"; this.loginFormSubmitClass = this.formButtonClass; this.notRegisteredLinkClass = "btn btn-primary";
Hvis du noen gang trenger å finne ut hvilken variabel som er festet til en gjenstand, bare åpne objektets fil og ta en titt. Alle dynamiske referanser vil bli kartlagt tilsvarende:
Dette er en rask og oppgradering sikker måte å legge CSS kroker til Mura display objekter.
Mens de fleste oppslag er skrevet for å være semantiske og fleksible, kan det være tider hvor du vil lage egendefinerte overstyringer enten via CSS eller legge til ekstra funksjonalitet for et visningsobjekt, spesifikt for temaet ditt.
Merk: Mura display objekter varierer i kompleksitet. Enkelte objekter som mapper, gallerier, etc., knytter seg til Mura admin-funksjonalitet og kan påvirke brukeropplevelsen dersom den er redigert feil. Det anbefales å prøve alle mulige metoder for styling via CSS før du redigerer disse filene.
Standard visning objekter er plassert i din site id / includes / display_objects mappe.
Merk: Disse filene skal ikke redigeres direkte. Eventuelle endringer i disse filene vil bli overstyrt når en bruker gjør en sideoppdatering i Mura admin. For å gjøre endringer i disse filene, må du kopiere dem til temaet ditt display_objects mappe: site id / includes / themes / display_objects /
Display_objects-mappen i temaet ditt er designet for å være oppgraderingssikkert for Mura-nettsteder. En hvilken som helst skjermobjektfil som er i denne mappen, tilsidesetter den i mappen for visningsobjektet ovenfor. Hvis du ønsker å overstyre filer, bør de kartlegges nøyaktig hvordan de er i nettstedets visningsobjekter direkte. Hvis du for eksempel vil redigere galleriet, vil du kopiere over hele galleri-katalogen til temavisningen til objektmappen og redigere index.cfm-filen derfra.
Husk at skjermobjekter kan inneholde komplisert funksjonalitet, så vær forsiktig når du redigerer innhold og hold deg til bare merketakene uten å forstyrre CFML-logikken i filene.
Herfra bør du kunne gjøre alt du trenger for å kunne bruke tema stiler til Mura CMS-objekter.
Accentsconagua