Personalizzare lo Stile delle Slide con Pandoc e Reveal.js

Questo video accompagna la guida Personalizzare lo Stile delle Slide con Pandoc e Reveal.js e riprende i passaggi principali con una spiegazione più diretta e visuale.

Sintesi del video

Scopri come personalizzare l’aspetto delle tue presentazioni create con Pandoc e reveal.js. Questo articolo ti guiderà attraverso i vari metodi per configurare e stilizzare le tue slide, dal cambiamento dei temi e delle transizioni all’aggiunta di CSS personalizzati. Imparerai come sfruttare al meglio le potenzialità di reveal.js per creare presentazioni visivamente accattivanti e professionali, perfettamente adattate alle tue esigenze.

Punti trattati

• Temi Predefiniti di reveal.js
• CSS Personalizzato
• Creazione file presentazione slides.md
• Slide 1
• Slide 2

Testo di supporto

Le presentazioni generate con Pandoc e reveal.js hanno uno stile moderno e professionale, basato sul tema predefinito di reveal.js. Negli articoli Creare Slides in Markdown Usando Pandoc e Reveal.js su Linux e Creare Slides in Markdown Usando Pandoc, Reveal.js e Docker abbiamo mostrato come generare presentazioni utilizzando Markdown e configurando opportunamente il proprio ambiente di lavoro.

Questo articolo vuole mostrarti alcune opzioni di personalizzazione offerte da reveal.js, che puoi sfruttare per adattare lo stile delle tue presentazioni alle tue esigenze.

• Titoli grandi: I titoli delle presentazioni sono resi con un carattere grande e ben visibile.
• Layout pulito: Le presentazioni hanno un design minimalista e pulito, con molto spazio bianco per una facile leggibilità.
• Transizioni fluide: Le presentazioni cambiano con transizioni fluide e accattivanti.
• Supporto per multimedia: le presentazioni possono includere immagini, video, codice e altro contenuto multimediale.

Hai la possibilità di mantenere tutte queste peculiarità con uno stile diverso sia nei font che nelle colorazioni. Puoi personalizzare lo stile delle tue presentazioni in diversi modi.

reveal.js include vari temi predefiniti che puoi applicare utilizzando l’opzione -V theme=THEME_NAME in Pandoc.

• black
• white
• league
• beige
• sky
• night
• serif
• simple
• solarized

Un’altra alternativa per personalizzare l’aspetto delle tue presentazioni è tramite l’utilizzo di CSS personalizzati.

Puoi creare un file CSS personalizzato ed applicarlo alle tue presentazioni. Supponiamo di creare il seguente file, denominato custom.css.

Per applicare le regole CSS descritte, usa l’opzione -V css=custom.css, come segue:

Facciamo un esempio completo di generazione di una presentazione che utilizzi il tema night e aggiunga qualche stile personalizzato.

Approfondimento scritto

Per comandi, esempi e passaggi completi puoi leggere l’articolo collegato: Personalizzare lo Stile delle Slide con Pandoc e Reveal.js .