Share
Mura wordt geleverd met verschillende ingebouwde weergaveobjecten zoals aanmeldingsformulieren, opmerkingen, Navs, Agenda, Galerij, etc. Deze tutorial laat u zien hoe u de uitvoer van deze objecten voor uw thema's kunt regelen.
Met Mura CMS hebt u veel opties om de automatisch gegenereerde uitvoer aan te passen voor weergaveobjecten. Laten we bijvoorbeeld zeggen dat u het uiterlijk en het gevoel van het standaardaanmeldingsformulier wilt bewerken. In je thema's contentRenderer.cfc, er is een lijst met alle CSS-variabelen die op deze weergaveobjecten worden gebruikt:
this.loginWrapperClass = ""; this.loginWrapperInnerClass = "rij"; this.loginFormClass = "form-horizontal form-signin"; this.forgotPasswordFormClass = "form-horizontal form-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 = "checkbox"; this.loginFormSubmitWrapperClass = "col-lg-offset-3 col-lg-10"; this.loginFormSubmitClass = this.formButtonClass; this.notRegisteredLinkClass = "btn btn-primary";
Als u ooit wilt achterhalen welke variabele aan een object is gekoppeld, opent u het bestand van het object en bekijkt u het. Alle dynamische referenties worden overeenkomstig in kaart gebracht:
Dit is een snelle en upgrade-veilige manier om CSS-hooks toe te voegen aan Mura-weergaveobjecten.
Hoewel de meeste markeringen als semantisch en flexibel worden geschreven, kan het voorkomen dat u aangepaste opheffingen wilt uitvoeren via CSS of extra functionaliteit toevoegt voor een weergaveobject dat specifiek is voor uw thema..
Notitie: Mura-weergaveobjecten variëren in complexiteit. Bepaalde objecten, zoals mappen, galerijen, enzovoort, sluiten aan bij de Mura-beheerfunctionaliteit en kunnen de gebruikerservaring beïnvloeden als ze niet goed worden bewerkt. Het wordt ten zeerste aanbevolen om alle mogelijke methoden voor het stylen via CSS uit te proberen voordat u deze bestanden bewerkt.
De standaard weergaveobjecten bevinden zich in uw site id / includes / display_objects map.
Notitie: Deze bestanden zouden moeten niet direct worden bewerkt. Wijzigingen in deze bestanden zouden worden opgeheven wanneer een gebruiker een site-update uitvoert in de Mura-beheerder. Om wijzigingen in deze bestanden aan te brengen, moet u deze naar uw thema kopiëren display_objects map: site id / includes / themes / display_objects /
De map display_objects in uw thema is ontworpen als upgrade veilig voor Mura-sites. Elk weergaveobjectbestand dat zich in deze map bevindt, overschrijft het bestand in de bovenstaande map Siteweergaveobjecten. Als u bestanden wilt overschrijven, moeten deze exact worden toegewezen aan de objecten in de siteweergave. Als u bijvoorbeeld de galerij wilt bewerken, kopieert u de hele galeriemap naar uw themaweergave-objectmap en bewerkt u het index.cfm-bestand vanaf daar.
Houd er rekening mee dat weergaveobjecten complexe functionaliteit kunnen bevatten, dus wees voorzichtig bij het bewerken van de inhoud en houd u alleen aan de markup-tags zonder de CFML-logica in de bestanden te beïnvloeden.
Vanaf hier zou u alles moeten kunnen doen om uw themastijlen toe te passen op Mura CMS-objecten.
Accentsconagua