Share
Mura viene fornito con diversi oggetti di visualizzazione incorporati come Login Form, Commenti, Nav, Calendario, Galleria, ecc. Questo tutorial ti mostrerà come controllare l'output di questi oggetti per i tuoi temi.
Con Mura CMS, hai molte opzioni per personalizzare l'output generato automaticamente per gli oggetti di visualizzazione. Ad esempio, supponiamo di voler modificare l'aspetto del modulo di accesso predefinito. Nel tuo tema contentRenderer.cfc, c'è una lista di tutte le variabili CSS usate su questi oggetti di visualizzazione:
this.loginWrapperClass = ""; this.loginWrapperInnerClass = "riga"; 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";
Se hai bisogno di capire quale variabile è collegata a un oggetto, apri il file dell'oggetto e dai un'occhiata. Tutti i riferimenti dinamici verranno mappati di conseguenza:
Questo è un modo rapido e aggiornabile per aggiungere ganci CSS agli oggetti di visualizzazione Mura.
Mentre la maggior parte dei markup è scritta per essere semantica e flessibile, ci possono essere momenti in cui si vorrà fare override personalizzate tramite CSS o aggiungendo funzionalità aggiuntive per un oggetto di visualizzazione, specifiche per il tema.
Nota: Gli oggetti di visualizzazione Mura variano in complessità. Alcuni oggetti come cartelle, gallerie, ecc. Si collegano alla funzionalità di amministrazione di Mura e possono influire sull'esperienza dell'utente se modificati in modo errato. Si consiglia vivamente di provare tutti i possibili metodi di styling tramite CSS prima di modificare questi file.
Gli oggetti di visualizzazione predefiniti si trovano nel tuo id sito / include / display_objects cartella.
Nota: Questi file dovrebbero non essere modificato direttamente Qualsiasi modifica a questi file verrebbe ignorata ogni volta che un utente esegue un aggiornamento del sito nell'amministratore di Mura. Per apportare modifiche a questi file, è necessario copiarli sul tema display_objects cartella: id sito / include / themes / display_objects /
La cartella display_objects nel tema è progettata per essere un aggiornamento sicuro per i siti Mura. Qualsiasi file di oggetto di visualizzazione che si trova in questa cartella sovrascriverà quello nella cartella degli oggetti di visualizzazione del sito sopra. Se stai cercando di sovrascrivere i file, questi dovrebbero essere mappati esattamente come sono negli oggetti di visualizzazione del sito direttamente. Ad esempio, se si desidera modificare la galleria, si copierà l'intera directory della galleria nella cartella dell'oggetto di visualizzazione del tema e si modificherà il file index.cfm da lì.
Tieni presente che gli oggetti di visualizzazione possono contenere funzionalità complesse, quindi fai attenzione quando modifichi i contenuti e rimani fedele ai tag di marcatura senza interferire con la logica CFML all'interno dei file.
Da qui, dovresti essere in grado di fare tutto il necessario per applicare gli stili del tema agli oggetti Mura CMS.
Accentsconagua