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. Mediante el uso de elementos del área de trabajo Styling, puede personalizar el tema para alinear la apariencia del sitio con requisitos de diseño, como una personalización específica de la imagen corporativa.

Estilos

Elija un tema de varios valores preestablecidos disponibles y, a continuación, aplique personalizaciones. Verá cualquier personalización inmediatamente en la página, lo que facilita el trabajo con el estilo básico.

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

También puede usar Copilot para generar un nuevo tema. Describa la marca o el aspecto que desee y Copilot cree un tema personalizado generado por ia que pueda revisar y aplicar. Esta característica está disponible en el área de trabajo Estilos.

CSS personalizado

Para satisfacer requisitos de estilo más complejos, 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 personalizada.

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

También puede aplicar estilos a páginas individuales mediante Visual Studio Code para el editor web. Al abrir una página en el editor, se cargan tres archivos: HTML, CSS y JavaScript. Los cambios en el archivo CSS solo se aplican a la página seleccionada.

Plantillas

En el caso de sitios complejos, es posible que los diseños estándar disponibles en El estudio de diseño de Power Pages no sean suficientes. En estos escenarios, Power Pages admite la creación de páginas mediante diseños personalizados.

En escenarios avanzados, los diseños personalizados se pueden crear como plantillas de página en la aplicación Administración del portal. Al definir una nueva plantilla de página, estará 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 sobre cómo crear plantillas de página personalizadas, consulte Creación y administración de plantillas de página y Almacenamiento de contenido de origen mediante plantillas web en la documentación de Power Apps.