Stile e sui modelli del sito

  • 3 minuti

Un tema descrive i colori, i tipi di carattere, i margini di sezione e altri elementi di progettazione di un sito di Power Pages. Ogni sito viene fornito con un tema definito dal modello selezionato. Usando gli elementi dell'area di lavoro Styling, è possibile personalizzare il tema per allineare l'aspetto del sito ai requisiti di progettazione, come il branding aziendale specifico.

Stile

Scegliere un tema da diversi set di impostazioni disponibili e quindi applicare personalizzazioni. Tutte le personalizzazioni vengono visualizzate immediatamente nella pagina, semplificando l'uso dello stile di base.

Screenshot dell'utilizzo dello spazio di lavoro Styling per selezionare e modificare un tema.

È anche possibile usare Copilot per generare un nuovo tema. Descrivere il marchio o l'aspetto desiderato e Copilot crea un tema personalizzato generato dall'intelligenza artificiale che è possibile rivedere e applicare. Questa funzionalità è disponibile nell'area di lavoro Stili.

CSS personalizzato

Per requisiti di stile più complessi, Power Pages design studio consente ai creatori di caricare file CSS personalizzati.

Screenshot dell'interfaccia di caricamento CSS personalizzata.

Dopo aver caricato il file CSS personalizzato, si applica a tutti i temi e l'area di disegno della pagina riflette gli stili applicabili. È possibile caricare più file CSS e impostarne l'ordine in base alle esigenze. Per altre informazioni su CSS personalizzato, vedere Gestire i file CSS in Power Pages nella documentazione del prodotto.

È anche possibile applicare stili a singole pagine usando Visual Studio Code per l'editor Web. Quando si apre una pagina nell'editor, vengono caricati tre file: HTML, CSS e JavaScript. Tutte le modifiche apportate al file CSS si applicano solo alla pagina selezionata.

Modelli

Per i siti complessi, i layout standard disponibili in Power Pages Design Studio potrebbero non essere sufficienti. Per questi scenari, Power Pages supporta la creazione di pagine usando layout personalizzati.

Per scenari avanzati, i layout personalizzati possono essere creati come modelli di pagina nell'app Gestione portale. Quando si definisce un nuovo modello di pagina, diventa disponibile nello studio di progettazione come layout personalizzato.

Screenshot del modello di pagina personalizzato disponibile come layout in Power Pages Design Studio.

Per informazioni dettagliate su come creare modelli di pagina personalizzati, vedere Creare e gestire modelli di pagina e Memorizzare contenuti di origine usando modelli web nella documentazione di Power Apps.