Share
Mura est livré avec plusieurs objets d'affichage intégrés tels que les formulaires de connexion, les commentaires, la navigation, le calendrier, la galerie, etc. Ce tutoriel vous montrera comment contrôler la sortie de ces objets pour vos thèmes..
Avec Mura CMS, vous disposez de nombreuses options pour personnaliser la sortie générée automatiquement pour les objets d'affichage. Par exemple, supposons que vous souhaitiez modifier l'apparence du formulaire de connexion par défaut. Dans votre thème contentRenderer.cfc, il existe une liste de toutes les variables CSS utilisées sur ces objets d'affichage:
this.loginWrapperClass = ""; this.loginWrapperInnerClass = "rangée"; this.loginFormClass = "form-horizontal form-signin"; this.forgotPasswordFormClass = "formulaire-horizontal formulaire-sendlogin"; this.loginFormGroupWrapperClass = this.formFieldWrapperClass; this.loginFormFieldLabelClass = "étiquette de contrôle col-lg-3"; this.loginFormFieldWrapperClass = "col-lg-9"; this.loginFormFieldClass = this.formInputClass; this.loginFormPrefsClass = "col-lg-offset-3 col-lg-10"; this.loginFormCheckboxClass = "case à cocher"; this.loginFormSubmitWrapperClass = "col-lg-offset-3 col-lg-10"; this.loginFormSubmitClass = this.formButtonClass; this.notRegisteredLinkClass = "btn btn-primaire";
Si vous avez besoin de savoir quelle variable est attachée à un objet, ouvrez simplement le fichier de l'objet et jetez un coup d'œil. Toutes les références dynamiques seront mappées en conséquence:
C'est un moyen rapide et sûr d'ajouter des points d'ancrage CSS aux objets d'affichage Mura..
Bien que la plupart des balises soient écrites de manière à être sémantiques et flexibles, il peut arriver que vous souhaitiez créer des remplacements personnalisés via CSS ou en ajoutant des fonctionnalités supplémentaires pour un objet d'affichage, spécifiques à votre thème..
Remarque: Les objets d'affichage Mura varient en complexité. Certains objets tels que les dossiers, les galeries, etc. sont liés à la fonctionnalité de l'administrateur Mura et peuvent affecter l'expérience de l'utilisateur s'ils ne sont pas modifiés correctement. Il est fortement recommandé d'essayer toutes les méthodes possibles de style via CSS avant de modifier ces fichiers..
Les objets d’affichage par défaut sont situés dans votre identifiant de site / includes / display_objects dossier.
Remarque: Ces fichiers devraient ne pas être édité directement. Toute modification de ces fichiers serait remplacée chaque fois qu'un utilisateur effectue une mise à jour du site dans l'administrateur Mura. Pour modifier ces fichiers, vous devez les copier sur votre thème. objets d'affichage dossier: identifiant de site / includes / themes / display_objects /
Le dossier display_objects de votre thème est conçu pour être mis à niveau en toute sécurité pour les sites Mura. Tout fichier d'objet d'affichage qui se trouve dans ce dossier annulera celui du dossier d'objets d'affichage de site ci-dessus. Si vous souhaitez remplacer des fichiers, vous devez les mapper exactement comme ils sont dans les objets d'affichage du site. Par exemple, si vous souhaitez modifier la galerie, vous devez copier le répertoire entier de la galerie dans le dossier de votre objet d’affichage du thème, puis modifier le fichier index.cfm à partir de cet emplacement..
N'oubliez pas que les objets d'affichage peuvent contenir des fonctionnalités complexes. Par conséquent, soyez prudent lorsque vous modifiez le contenu et collez uniquement les balises de marquage sans interférer avec la logique CFML dans les fichiers..
À partir de là, vous devriez pouvoir faire tout ce dont vous avez besoin pour appliquer vos styles de thème aux objets Mura CMS..
Accentsconagua