Plantillas y estilo del sitio

  • 3 minutos

Un tema describe los colores, las fuentes, los márgenes de sección y otros elementos de diseño de un sitio de Power Pages. Cada sitio se aprovisiona con un tema definido por la plantilla seleccionada. Con los elementos del espacio de trabajo Estilos puede personalizar el tema para alinear la apariencia del sitio con los requisitos de diseño, como marcas corporativas específicas.

Estilos

Puede elegir un tema de varios ajustes preestablecidos disponibles y luego aplicar personalizaciones. Cualquier personalización se aplica inmediatamente a la página en el lienzo, lo que facilita el trabajo con la aplicación de estilos básica.

Captura de pantalla del uso del espacio de trabajo Estilos para seleccionar y modificar un tema.

CSS personalizada

Para requisitos de aplicación de estilos más compleja, el estudio de diseño de Power Pages permite a los creadores cargar archivos CSS personalizados.

Captura de pantalla de la interfaz de carga de CSS personalizado.

Una vez que se carga el archivo CSS personalizado, se aplicará a todos los temas y el lienzo de la página reflejará los estilos aplicables. Puede subir varios archivos CSS y establecer su orden según sea necesario. Para obtener más información sobre CSS personalizado, consulte Administrar archivos CSS en Power Pages en la documentación del producto.

También se pueden aplicar estilos a páginas individuales empleando el editor Visual Studio Code para la web. Cuando se abre una página en el editor, se cargan tres archivos: HTML, CSS y JavaScript. Cualquier cambio en el archivo CSS se aplicará solo a la página seleccionada.

Plantillas

Para sitios complejos, los diseños estándar disponibles en el estudio de diseño de Power Pages pueden no ser suficientes. Para estos escenarios, Power Pages admite la creación de páginas utilizando diseños personalizados.

Dado que Power Pages se basa en los Portales de Power Apps, puede usar plantillas de página creadas por creadores y desarrolladores profesionales en la aplicación Administración del portal. Cuando se define una nueva Plantilla de página, está disponible en el estudio de diseño como un diseño personalizado.

Captura de pantalla de la plantilla de página personalizada disponible como diseño en estudio de diseño de Power Pages.

Para obtener información detallada acerca de cómo crear plantillas de página personalizadas, vaya a Crear y administrar plantillas de página y Almacenar contenido de origen mediante plantillas web en la documentación de Power Apps.