Mura levereras med flera inbyggda visningsobjekt som inloggningsformulär, kommentarer, nav, kalender, galleri etc. Denna handledning visar hur du kontrollerar produktionen av dessa objekt för dina teman.
Med Mura CMS har du många alternativ för att anpassa den automatiskt genererade utsignalen för visningsobjekt. Till exempel, låt oss säga att du vill redigera utseendet på standardinloggningsformuläret. I ditt tema contentRenderer.cfc, Det finns en lista över alla CSS-variabler som används på dessa visningsobjekt:
this.loginWrapperClass = ""; this.loginWrapperInnerClass = "rad"; this.loginFormClass = "form-horizontal form-signin"; this.forgotPasswordFormClass = "form-horizontal form-sendlogin"; this.loginFormGroupWrapperClass = this.formFieldWrapperClass; this.loginFormFieldLabelClass = "kontrollmärke col-lg-3"; this.loginFormFieldWrapperClass = "col-lg-9"; this.loginFormFieldClass = this.formInputClass; this.loginFormPrefsClass = "col-lg-offset-3 col-lg-10"; this.loginFormCheckboxClass = "checkbox"; this.loginFormSubmitWrapperClass = "col-lg-offset-3 col-lg-10"; this.loginFormSubmitClass = this.formButtonClass; this.notRegisteredLinkClass = "btn btn-primary";
Om du någonsin behöver ta reda på vilken variabel som är kopplad till ett objekt, öppna bara objektets fil och ta en titt. Alla dynamiska referenser kommer att kartläggas enligt följande:
Detta är ett snabbt och uppgraderat säkert sätt att lägga till CSS-krokar på Mura-visningsobjekt.
Medan de flesta markeringar skrivs för att vara semantiska och flexibla kan det finnas tider där du vill göra egna överstyrningar antingen via CSS eller lägga till ytterligare funktionalitet för ett visningsobjekt som är specifikt för ditt tema.
Notera: Mura visningsobjekt varierar i komplexitet. Vissa objekt som mappar, gallerier, etc. kopplar till Mura admin-funktionalitet och kan påverka användarupplevelsen om den inte är korrekt redigerad. Det rekommenderas starkt att prova alla möjliga metoder för styling via CSS innan du redigerar dessa filer.
Standardvisningsobjekten finns i din site id / includes / display_objects mapp.
Notera: Dessa filer ska inte redigeras direkt. Eventuella förändringar av dessa filer skulle bli överrättade när en användare gör en webbplatsuppdatering i Mura-administratören. För att göra ändringar i dessa filer behöver du kopiera dem till ditt tema display_objects mapp: site id / includes / themes / display_objects /
Display_objects-mappen i ditt tema är utformad för att vara uppgraderingssäker för Mura-webbplatser. Alla visningsobjektfiler som finns i den här mappen kommer att åsidosätta den i mappen för mapp för visningsobjekt ovan. Om du vill överväga filer ska de kortläggas exakt hur de är direkt på webbplatsen. Om du till exempel vill redigera galleriet skulle du kopiera över hela gallerikatalogen till din temavisningsobjektmapp och redigera index.cfm-filen därifrån..
Tänk på att visningsobjekt kan innehålla komplex funktionalitet, var försiktig när du redigerar innehåll och klibbar bara markuptaggarna utan att störa CFML-logiken inom filerna.
Härifrån bör du kunna göra allt du behöver för att kunna använda dina tematyper till Mura CMS-objekt.