Share
Mura verfügt über mehrere integrierte Anzeigeobjekte wie Anmeldeformulare, Kommentare, Navigationsnavigation, Kalender, Galerie usw. In diesem Lernprogramm erfahren Sie, wie Sie die Ausgabe dieser Objekte für Ihre Themen steuern.
Mit Mura CMS haben Sie viele Möglichkeiten, die automatisch generierte Ausgabe für Anzeigeobjekte anzupassen. Angenommen, Sie möchten das Aussehen und Verhalten des Standardanmeldeformulars bearbeiten. In deinem Motto contentRenderer.cfc, Es gibt eine Liste aller CSS-Variablen, die für diese Anzeigeobjekte verwendet werden:
this.loginWrapperClass = ""; this.loginWrapperInnerClass = "row"; 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 = "Ankreuzfeld"; this.loginFormSubmitWrapperClass = "col-lg-offset-3 col-lg-10"; this.loginFormSubmitClass = this.formButtonClass; this.notRegisteredLinkClass = "btn btn-primary";
Wenn Sie jemals herausfinden müssen, welche Variable an ein Objekt angehängt ist, öffnen Sie einfach die Datei des Objekts und werfen Sie einen Blick darauf. Alle dynamischen Referenzen werden entsprechend abgebildet:
Dies ist eine schnelle und sichere Methode zum Hinzufügen von CSS-Hooks zu Mura-Anzeigeobjekten.
Während die meisten Markierungen semantisch und flexibel sind, kann es vorkommen, dass Sie benutzerdefinierte Überschreibungen vornehmen möchten, entweder über CSS oder durch Hinzufügen zusätzlicher Funktionen für ein Anzeigeobjekt, die für Ihr Design spezifisch sind.
Hinweis: Mura-Anzeigeobjekte variieren in der Komplexität. Bestimmte Objekte wie Ordner, Galerien usw. sind in die Mura-Verwaltungsfunktion integriert und können sich auf die Benutzererfahrung auswirken, wenn sie falsch bearbeitet werden. Es wird dringend empfohlen, vor dem Bearbeiten dieser Dateien alle möglichen Styling-Methoden über CSS auszuprobieren.
Die Standardanzeigeobjekte befinden sich in Ihrem site id / include / display_objects Mappe.
Hinweis: Diese Dateien sollten nicht direkt bearbeitet werden. Änderungen an diesen Dateien werden überschrieben, wenn ein Benutzer eine Site-Aktualisierung im Mura-Administrator durchführt. Um Änderungen an diesen Dateien vorzunehmen, müssen Sie sie in Ihr Design kopieren display_objects Mappe: Site-ID / umfasst / themes / display_objects /
Der Ordner display_objects in Ihrem Design ist so konzipiert, dass ein Upgrade für Mura-Sites sicher ist. Jede Anzeigeobjektdatei, die sich in diesem Ordner befindet, überschreibt die Datei im Standortordner für Anzeigeobjekte. Wenn Sie Dateien überschreiben möchten, sollten sie genau so zugeordnet werden, wie sie in den Site-Anzeigeobjekten direkt sind. Wenn Sie beispielsweise die Galerie bearbeiten möchten, kopieren Sie das gesamte Galerieverzeichnis in den Ordner mit den Anzeigeobjekten und bearbeiten die Datei index.cfm von dort aus.
Beachten Sie, dass Anzeigeobjekte komplexe Funktionen enthalten können. Gehen Sie daher beim Bearbeiten von Inhalten vorsichtig vor und bleiben Sie bei den Markup-Tags, ohne die CFML-Logik in den Dateien zu beeinträchtigen.
Von hier aus sollten Sie in der Lage sein, alles zu tun, um Ihre Designstile auf Mura CMS-Objekte anzuwenden.
Accentsconagua