Stile e sui modelli del sito

  • 3 minuti

Un tema descrive i colori, i tipi di carattere, i margini delle sezioni e altri elementi di progettazione di un sito Power Pages. Ogni sito viene fornito con un tema definito dal modello selezionato. Con gli elementi dell'area di lavoro Stile, è possibile personalizzare il tema per allineare l'aspetto del sito con i requisiti di progettazione, ad esempio il marchio aziendale specifico.

Stile

È possibile scegliere un tema tra diversi set preimpostati disponibili, quindi applicare le personalizzazioni. Qualsiasi personalizzazione viene applicata immediatamente al canvas, rendendo più semplice lavorare con lo stile di base.

Screenshot dell'area di lavoro per l'uso degli stili per selezionare e modificare un tema.

CSS personalizzato

Per esigenze stilistiche più complesse, la finestra di progettazione di Power Pages permette ai creatori di caricare file CSS personalizzati.

Screenshot dell'interfaccia di caricamento CSS personalizzata.

Dopo il caricamento, il file CSS viene applicato a tutti i temi e il canvas della pagina riflette gli stili applicabili. È possibile caricare più file CSS e impostarne l'ordine come richiesto. Per altre informazioni sui file CSS personalizzati, consultare Gestire i file CSS in Power Pages nella documentazione del prodotto.

Gli stili possono anche essere applicato a singole pagine usando Visual Studio Code per l'editor Web. Quando una pagina è aperta nell'editor, vengono caricati tre file, ovvero HTML, CSS e JavaScript. Le modifiche nel file CSS vengono applicate solo alla pagina selezionata.

Modelli

Per siti complessi, i layout standard disponibili nella finestra di progettazione di Power Pages potrebbero non essere sufficienti. Per questi scenari, Power Pages supporta la creazione di pagine mediante layout personalizzati.

Poiché Power Pages si basa sui portali Power Apps, può usare modelli di pagina messi a punto da creatori e sviluppatori professionisti nell'app Gestione del portale. Quando si definisce un nuovo modello di pagina, questo diventa disponibile nella finestra di progettazione come layout personalizzato.

Screenshot del modello di pagina personalizzato disponibile come layout nella finestra di progettazione di Power Pages.

Per informazioni dettagliate su come creare modelli di pagina personalizzati, accedere a Creare e gestire modelli di pagina e Archiviare contenuto di origine tramite modelli Web nella documentazione di Power Apps.