Share
Mura incluye varios objetos de visualización incorporados, como formularios de inicio de sesión, comentarios, navegadores, calendario, galería, etc. Este tutorial le mostrará cómo controlar la salida de estos objetos para sus temas.
Con Mura CMS, tiene muchas opciones para personalizar la salida generada automáticamente para mostrar objetos. Por ejemplo, supongamos que desea editar la apariencia del formulario de inicio de sesión predeterminado. En su tema contentRenderer.cfc, hay una lista de todas las variables CSS que se utilizan en estos objetos de visualización:
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 = "casilla de verificación"; this.loginFormSubmitWrapperClass = "col-lg-offset-3 col-lg-10"; this.loginFormSubmitClass = this.formButtonClass; this.notRegisteredLinkClass = "btn btn-primary";
Si alguna vez necesita averiguar qué variable está asociada a un objeto, simplemente abra el archivo del objeto y eche un vistazo. Todas las referencias dinámicas serán mapeadas en consecuencia:
Esta es una forma rápida y segura de agregar ganchos CSS a los objetos de visualización Mura.
Si bien la mayoría de las anotaciones se escriben para que sean semánticas y flexibles, puede haber ocasiones en las que desee hacer reemplazos personalizados a través de CSS o agregar funcionalidad adicional para un objeto de visualización, específico para su tema.
Nota: Los objetos de visualización de Mura varían en complejidad. Ciertos objetos, como Carpetas, Galerías, etc., están relacionados con la funcionalidad de administración de Mura y pueden afectar la experiencia del usuario si se editan incorrectamente. Se recomienda probar todos los métodos posibles de estilo a través de CSS antes de editar estos archivos..
Los objetos de visualización predeterminados se encuentran en su id del sitio / includes / display_objects carpeta.
Nota: Estos archivos deben no ser editado directamente. Cualquier cambio en estos archivos se anulará cada vez que un usuario realice una actualización del sitio en el administrador de Mura. Para realizar cambios en estos archivos, deberá copiarlos en su Tema objetos de visualización carpeta: id del sitio / includes / themes / display_objects /
La carpeta display_objects en su tema está diseñada para ser segura para la actualización de los sitios Mura. Cualquier archivo de objeto de visualización que se encuentre en esta carpeta anulará el que se encuentra en la carpeta de objetos de visualización del sitio anterior. Si está buscando anular archivos, deben asignarse exactamente de la forma en que se encuentran en los objetos de visualización del sitio directamente. Por ejemplo, si desea editar la galería, debe copiar todo el directorio de la galería en la carpeta de objetos de visualización de temas y editar el archivo index.cfm desde allí..
Tenga en cuenta que los objetos de visualización pueden contener una funcionalidad compleja, por lo que debe tener cuidado al editar contenidos y atenerse solo a las etiquetas de marcado sin interferir con la lógica CFML dentro de los archivos..
Desde aquí, debe poder hacer todo lo que necesita para aplicar sus estilos de tema a los objetos de Mura CMS.
Accentsconagua