Dimentica PowerPoint, come creare presentazioni in WordPress

Pubblicato: 2023-05-12


Stai cercando di creare una presentazione in WordPress, ma non sai da dove cominciare?

Creando una presentazione utilizzando un plug-in di WordPress, puoi essere certo che la presentazione finita avrà un bell'aspetto sul tuo sito Web WordPress. Può anche farti risparmiare tempo, fatica e denaro rispetto all'utilizzo di software specializzati come PowerPoint.

In questo articolo, ti mostreremo come creare presentazioni in stile PowerPoint in WordPress.

Forget PowerPoint, how to create presentations in WordPress

Perché creare presentazioni in WordPress?

L'aggiunta di una presentazione al tuo sito web può renderlo più interessante e coinvolgente, il che manterrà i visitatori sul tuo sito più a lungo. Questo invia segnali positivi ai motori di ricerca, che possono migliorare il SEO di WordPress.

È possibile creare una presentazione utilizzando software come Presentazioni Google o PowerPoint. Puoi quindi aggiungere la presentazione al tuo sito Web utilizzando un plug-in o un codice di incorporamento.

Tuttavia, la creazione di presentazioni in un programma autonomo può richiedere molto tempo e impegno e potrebbe anche essere necessario acquistare un software specializzato. Se utilizzi un programma esterno, non c'è alcuna garanzia che la presentazione finita abbia un bell'aspetto sul tuo sito Web WordPress.

La buona notizia è che puoi facilmente creare bellissime presentazioni ottimizzate per SEO all'interno della dashboard di WordPress. Utilizzando un plug-in di WordPress, puoi essere certo che la presentazione avrà un bell'aspetto sul tuo sito WordPress, indipendentemente dal dispositivo utilizzato dal visitatore.

Detto questo, vediamo come creare presentazioni in stile PowerPoint in WordPress.

Come creare presentazioni in WordPress

Il modo più semplice per creare presentazioni in WordPress è utilizzare Smart Slider 3. Questo plug-in gratuito funziona con qualsiasi tema WordPress ed è ottimizzato per SEO. Inoltre viene fornito con diapositive, animazioni e modelli predefiniti, così puoi creare bellissime presentazioni, velocemente.

Innanzitutto, dovrai installare e attivare Smart Slider 3. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin per WordPress.

Dopo l'attivazione, vai su Smart Slider »Dashboard e quindi fai clic su "Vai a Dashboard".

Creating a PowerPoint-style presentation in WordPress

Successivamente, fai semplicemente clic su "Nuovo progetto".

A questo punto, puoi decidere se iniziare con una tabula rasa o utilizzare uno dei modelli di presentazione già pronti di Smart Slider.

Se desideri creare rapidamente una presentazione dal design professionale, ti consigliamo di selezionare "Inizia con un modello".

Choosing a presentation template

Smart Slider ora mostrerà tutti i modelli disponibili.

Per dare un'occhiata più da vicino a un disegno, passaci sopra con il mouse e fai clic sull'icona a forma di occhio quando appare. Questo apre il modello di presentazione in una nuova scheda.

Choosing a presentation template

Quando trovi un modello che desideri utilizzare, passaci sopra con il mouse e fai clic sul pulsante "Importa".

Questo aprirà il modello scelto nell'editor Smart Slider.

How to create a PowerPoint style presentation in WordPress

Configura la tua presentazione in stile PowerPoint usando WordPress

Dopo aver scelto un modello, è una buona idea configurare le impostazioni della presentazione. Le opzioni visualizzate possono variare a seconda del modello, ma tratteremo tutte le impostazioni principali.

Configurare le impostazioni generali e dimensioni

Nella scheda "Generale", puoi assegnare un nome alla presentazione digitandolo nel campo "Nome".

Adding a title to an online presentation

Puoi anche aggiungere una miniatura, che può essere visibile ai visitatori a seconda di come configuri la presentazione.

Basta fare clic sull'icona "+" accanto a "Miniatura" e quindi scegliere un'immagine dalla libreria multimediale di WordPress o caricare un nuovo file dal tuo computer.

Adding a presentation thumbnail to a slideshow in WordPress

Fatto ciò, devi scorrere fino alla sezione "Slider Design".

Qui puoi modificare l'allineamento del dispositivo di scorrimento e aggiungere un margine per creare più spazio attorno alle diapositive.

Changing the presentation slider design

Successivamente, potresti voler ingrandire o ridurre le diapositive selezionando la scheda "Dimensioni".

Qui puoi impostare diverse dimensioni massime per gli utenti di tablet, dispositivi mobili e desktop. In questo modo, puoi essere certo che la presentazione avrà un bell'aspetto su tutti i dispositivi.

Per impostare queste dimensioni massime, fai semplicemente clic per attivare i dispositivi di scorrimento Desktop, Mobile e Tablet, quindi digita un numero nel campo "Max".

Setting a maximum slider size in a presentation

In "Layout", puoi scegliere se la presentazione deve riempire l'intera larghezza del browser ("Larghezza intera") o adattarsi al contenitore in cui è inserita ("Boxed").

Per impostazione predefinita, la presentazione verrà ridimensionata automaticamente per adattarsi allo schermo del visitatore. In genere vorrai lasciare abilitate queste impostazioni, ma potresti voler impostare un'altezza minima digitandola nella casella "Altezza minima".

Changing the slideshow layout in WordPress

Configura i controlli e le impostazioni di animazione

Successivamente, fai clic sulla scheda "Controlli". Qui puoi modificare il modo in cui i visitatori si spostano tra le diverse diapositive.

Le impostazioni predefinite dovrebbero essere adatte alla maggior parte dei blog e siti Web di WordPress, ma potresti voler cambiare l'aspetto delle frecce.

Ad esempio, puoi cambiare il colore delle frecce e del riquadro, che controlla dove appaiono le frecce sulla diapositiva.

Changing the arrow settings in a WordPress presentation

Mentre apporti modifiche, potresti voler vedere in anteprima come appariranno le frecce nella tua presentazione.

Per farlo, fai clic sull'icona a forma di occhio nella barra degli strumenti.

Previewing a presentation in WordPress

Fatto ciò, scorri semplicemente fino a "Punti elenco". Qui puoi personalizzare le icone tratteggiate che consentono ai visitatori di spostarsi tra le diverse diapositive. Puoi provare diversi stili di punto elenco, aggiungere un'ombra di riquadro, modificare il raggio dell'angolo e altro ancora.

Se vuoi mostrare il titolo di ogni diapositiva, fai clic per abilitare l'interruttore "Barra di testo".

How to configure a presentation in WordPress

Un'altra opzione è mostrare la miniatura di ciascuna diapositiva, che offre ai visitatori un altro modo per spostarsi tra le diapositive.

Per fare ciò, è necessario abilitare l'interruttore "Miniatura". Ora avrai accesso ad alcune impostazioni aggiuntive per perfezionare l'aspetto delle miniature.

Configuring a presentation's thumbnails

Infine, potresti voler aggiungere un'ombra nella parte inferiore della presentazione facendo clic sull'interruttore "Ombra".

Successivamente, puoi aprire il menu a discesa e scegliere tra i diversi stili di ombra.

Adding a shadow to a Google Slides style presentation

Le animazioni CSS sono un ottimo modo per catturare l'attenzione del visitatore e incoraggiarlo a interagire con la tua presentazione. Smart Slider è dotato di animazioni integrate, quindi assicurati di fare clic sulla scheda "Animazioni" per configurarle.

Qui, apri il menu a discesa "Animazione principale" e scegli l'effetto che verrà riprodotto da Smart Slider quando passa da una diapositiva all'altra. Puoi anche modificare la durata delle animazioni digitando un numero nel campo "Durata".

Adding slide animations and transition effects

A seconda del modello che stai utilizzando, potresti anche vedere un'opzione "Animazione di sfondo". Ciò consente di animare l'immagine di sfondo ei colori della diapositiva.

Tieni presente che le animazioni di sfondo non funzionano su video o presentazioni che utilizzano lo scorrimento parallasse.

Per dare un'occhiata più da vicino alle animazioni di sfondo di Smart Slider, fai clic sull'icona "+". Questo apre un editor in cui puoi provare diverse animazioni per vedere quali effetti puoi creare.

Adding background animations to slides in WordPress

Configura le impostazioni di riproduzione automatica

La scheda successiva è "Riproduzione automatica".

Per impostazione predefinita, i visitatori dovranno spostarsi manualmente tra le diapositive. Se invece desideri che la presentazione venga riprodotta automaticamente, fai semplicemente clic per abilitare il dispositivo di scorrimento "Riproduzione automatica".

How to create an autoplaying presentation in WordPress

Se abiliti questa opzione, avrai accesso ad alcune impostazioni aggiuntive in cui puoi modificare per quanto tempo la presentazione mostra ogni diapositiva e come i visitatori possono interrompere la presentazione.

Aggiunge anche una sezione "Pulsanti", in cui è possibile personalizzare il pulsante "Riproduci" della presentazione.

Adding a Play button to a slideshow

Ottimizza la tua presentazione

Successivamente, seleziona la scheda "Ottimizza". Qui troverai le impostazioni per il caricamento lento di Smart Slider.

Per impostazione predefinita, il dispositivo di scorrimento si carica immediatamente, il che è una buona scelta se la presentazione è la prima cosa che le persone vedono quando visitano la pagina.

Tuttavia, se hai intenzione di posizionare la presentazione più in basso nella pagina, ti consigliamo di aprire il menu a discesa "Tipo di caricamento" e scegliere "Dopo il caricamento della pagina".

Enabling the lazy loading feature

Ciò può aumentare la velocità e le prestazioni di WordPress, oltre a migliorare l'esperienza del visitatore caricando prima il resto della pagina.

Un'altra opzione è "Dopo il ritardo", che consente di impostare un ritardo di caricamento per il dispositivo di scorrimento.

Adding a delay to a WordPress presentation

Configura le impostazioni della diapositiva

Per impostazione predefinita, le immagini copriranno l'intera diapositiva, anche se Smart Slider deve ritagliare l'immagine per adattarla. Questo tende a funzionare bene per la maggior parte delle presentazioni, ma puoi modificare questa impostazione predefinita selezionando la scheda "Diapositive".

Qui, apri semplicemente il menu a discesa "Slide Background Image Fill" e scegli un'opzione diversa dall'elenco, come stretch, center o sfocatura.

How to create a PowerPoint style presentation in WordPress

La scheda "Sviluppatore" ha alcune impostazioni avanzate, inclusa un'area in cui puoi aggiungere CSS personalizzati alle tue presentazioni.

La maggior parte dei proprietari di siti Web non avrà bisogno di utilizzare queste impostazioni. Tuttavia, se vuoi saperne di più su una qualsiasi delle opzioni "Sviluppatore", passa semplicemente con il mouse sopra la piccola icona "i". Questo mostrerà un suggerimento con alcune informazioni in più, oltre a un collegamento alla documentazione di Smart Slider.

Advanced developer settings in the Smart Slider WordPress plugin

Crea diapositive per la tua presentazione in stile PowerPoint in WordPress

Quando sei soddisfatto di come è configurata la presentazione, è ora di iniziare a creare diapositive.

Basta fare clic sul pulsante "Aggiungi diapositiva" per iniziare.

Creating presentation slides in the WordPress dashboard

Smart Slider ti consente di creare diversi tipi di diapositive. Ha anche un'opzione "Post", che ti consente di incorporare un post di WordPress all'interno di una diapositiva.

Puoi sperimentare le diverse opzioni, ma in questa guida utilizzeremo il design "Vuoto" come esempio.

Smart Slider's presentation types

Dopo aver scelto un tipo di diapositiva, vedrai la miniatura della diapositiva nella parte superiore dello schermo.

Basta passare il mouse sopra la miniatura e quindi fare clic sul pulsante "Modifica" quando appare.

Editing slides in the WordPress editor

Questo apre l'editor Smart Slider.

Nella parte superiore dello schermo è presente una barra di navigazione breadcrumb in cui è possibile spostarsi tra le diverse diapositive della presentazione.

Smart Slider's breadcrumb navigation

Lungo il lato sinistro dello schermo ci sono tutti i livelli che compongono la diapositiva. Puoi passare il mouse su qualsiasi icona per vedere il nome del livello, ad esempio Immagine o Riga.

Per modificare un livello, basta fare clic nel menu a sinistra. Questo apre un popup con tutte le impostazioni che puoi usare per personalizzare quel livello.

The Smart Slider presentation and slideshow editor

Puoi anche selezionare un livello facendo clic su di esso nell'anteprima dal vivo. Ad esempio, per sostituire parte del testo predefinito con i tuoi messaggi, fai clic per selezionare quel livello.

Nel popup che appare, digita il tuo messaggio nel campo "Testo".

Adding text to a presentation in WordPress

Puoi anche modificare l'aspetto del testo facendo clic sulla scheda "Stile".

Qui puoi cambiare il colore del testo, il carattere, le dimensioni e altro.

Changing the text style in a slideshow

Per personalizzare la diapositiva, fai semplicemente clic sui diversi livelli e quindi apporta le modifiche nel popup che appare.

Se desideri eliminare un livello, passaci sopra con il mouse e fai clic sull'icona tratteggiata. Nel menu a discesa, devi selezionare "Elimina".

Deleting layers in Smart Slider

Vuoi aggiungere più livelli alla diapositiva?

Basta fare clic sull'icona verde "+" nel menu a sinistra.

Adding layers to a WordPress presentation

La scheda "Livelli" mostra alcuni livelli di base, come immagini, pulsanti e testo.

Puoi aggiungere uno qualsiasi di questi livelli alla diapositiva utilizzando il trascinamento della selezione.

Adding layers to a slideshow in WordPress

Smart Slider ha anche una libreria di diapositive predefinite che puoi aggiungere alla tua presentazione.

Per dare un'occhiata a queste opzioni, fai clic sulla scheda "Libreria".

The Smart Slider library

Ora puoi continuare a lavorare su questa diapositiva aggiungendo livelli e personalizzandoli con i tuoi contenuti e le tue impostazioni.

Quando sei soddisfatto dell'impostazione della diapositiva, fai clic sul pulsante "Salva".

Saving a presentation in WordPress

Per iniziare a lavorare sulla diapositiva successiva, devi fare clic su "Diapositive" nella barra degli strumenti.

Quindi, seleziona "Aggiungi diapositiva".

Adding slides to a presentation

Come pubblicare una presentazione su WordPress

Quando hai finito di lavorare sulla presentazione, fai semplicemente clic su "Indietro" per tornare alla dashboard principale di Smart Slider.

Per impostazione predefinita, Smart Slider pubblica tutte le tue diapositive, ma vale comunque la pena verificare che sia presente un segno di spunta verde accanto a ogni diapositiva che desideri mostrare sul tuo sito.

Publishing slides to a website or blog

Se vedi una "x" accanto a una diapositiva, significa che la diapositiva non è pubblicata. Dovrai fare clic sulla "x" per trasformarla in un segno di spunta verde, che rende la diapositiva attiva.

Successivamente, sei pronto per aggiungere la presentazione al tuo negozio online, sito Web o blog. Basta aprire qualsiasi post o pagina e quindi fare clic sull'icona '+'.

Successivamente, devi digitare "Smart Slider 3" nel popup e selezionare il blocco giusto quando appare.

Adding the Smart Slider 3 block to a page or post

Questo aggiunge un blocco Smart Slider alla pagina.

Successivamente, vai avanti e fai clic sul pulsante "Seleziona dispositivo di scorrimento".

How to add the Smart Slider 3 block to a page or post

Questo apre un popup che mostra tutte le presentazioni che hai creato.

È sufficiente fare clic sulla presentazione che si desidera utilizzare e quindi selezionare "Inserisci".

Adding a Smart Slider 3 block to WordPress

Questo aggiunge la presentazione al tuo sito web. Ora puoi fare clic su "Aggiorna" o "Pubblica" per pubblicare la presentazione.

Ora, se visiti il ​​tuo sito web, vedrai la presentazione in stile PowerPoint in azione.

A PowerPoint-style presentation, created using a WordPress plugin

Speriamo che questo articolo ti abbia aiutato a imparare come creare presentazioni in WordPress. Potresti anche voler vedere il nostro elenco dei migliori page builder drag and drop di WordPress o la nostra guida su come scegliere il miglior software di web design.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i video tutorial di WordPress. Puoi trovarci anche su Twitter e Facebook.