TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come aggiungere un lettore audio nel sito WordPress senza plugin?

84

I media sono molto importanti per attirare utenti e mantenerli sul tuo sito web. Puoi facilmente incorporare YouTube e altri video sul tuo WordPress. Allo stesso modo, se desideri incorporare un audio sul tuo sito, ecco come puoi farlo. WordPress ha un lettore audio HTML5 integrato per mostrare i tuoi file audio in modo semplice. Puoi creare un lettore con un singolo audio o con più file audio come playlist. In questo articolo spiegheremo come aggiungere un lettore audio nel sito WordPress utilizzando lo shortcode audio predefinito.



Aggiungi audio in WordPress senza plugin

WordPress ha uno shortcode audio integrato per inserire un lettore audio HTML5 nei tuoi post, pagine e widget. Supporta tutti i tipi di file supportati da HTML5 come .mp3, .egg e .wav.

Inserimento di un singolo file audio

Simile a qualsiasi altra immagine e video, carica il tuo file audio tramite il pulsante "Aggiungi media" nell’editor di post di WordPress. Dopo che il file è stato caricato, inserisci i dettagli della traccia nella schermata dei media. WordPress ti consente di aggiungere dettagli della traccia come il titolo del tuo audio, nome dell’artista, nome dell’album, didascalia e descrizione del file audio come mostrato di seguito.

Come aggiungere un lettore audio nel sito WordPress senza plugin?

Aggiungere i dettagli della traccia del file audio in WordPress

Sebbene il lettore audio a file singolo non utilizzi questi dettagli sullo schermo, questi dettagli vengono mostrati nella playlist. Scorri verso il basso fino alla fine del riquadro e verifica di aver selezionato l’opzione "Incorpora Media Player". Dovrebbe essere selezionato dal menu a discesa in "Incorpora o collega" nella sezione "Impostazioni di visualizzazione dell’allegato".

Come aggiungere un lettore audio nel sito WordPress senza plugin?

Scegli l’opzione Incorpora lettore multimediale

Questa è un’impostazione importante che consente a WordPress di inserire un lettore audio invece di collegarsi al file multimediale o alla pagina degli allegati. Fai clic sul pulsante "Inserisci nel post" per aggiungere il file al tuo post WordPress. WordPress aggiungerà automaticamente il lettore audio HTML5.

Di seguito è riportato un esempio di lettore audio HTML5 predefinito inserito utilizzando lo shortcode audio.

Il lettore audio ha controlli minimi con pulsanti di riproduzione / pausa, barra di avanzamento che mostra la durata del tempo, controllo del volume e barra del volume. Il lettore audio predefinito è reattivo e occupa la larghezza disponibile in base alla larghezza del browser. E l’articolo pubblicato avrà lo stesso lettore audio che vedi all’interno dell’editor dei post.

Personalizzazione dello shortcode audio

Ora fai clic sulla scheda "Testo" nell’editor per vedere che il file audio utilizza fondamentalmente uno shortcode da visualizzare come lettore.

[if lt IE 9]><script>document.createElement('audio');</script><![endif]

Sebbene lo shortcode abbia tag sia di apertura che di chiusura, il tag audio di chiusura non è obbligatorio. Puoi anche aggiungere i file audio di fallback utilizzando lo shortcode sottostante. In questo caso, se c’è un problema nella riproduzione del file .mp3, WordPress sceglierà l’opzione di fallback .ogg e poi .wav.

Audio Player

Le opzioni di looping e autoplay possono essere aggiunte come di seguito:

Audio Player

Assicurati di abilitare l’opzione di riproduzione automatica solo se necessario per fornire una buona esperienza utente.

Inserimento di una playlist

Fai clic sul pulsante "Aggiungi media" nel tuo editor di post, quindi fai clic sull’opzione "Crea playlist audio". Carica o seleziona i file audio richiesti da mostrare nella playlist e fai clic sul pulsante "Crea una nuova playlist".

Come aggiungere un lettore audio nel sito WordPress senza plugin?

Creazione di playlist audio in WordPress

Verrai indirizzato alla schermata di modifica della playlist come mostrato di seguito. Trascina e rilascia i file per riordinare la sequenza di riproduzione e modificare le didascalie se necessario.

Come aggiungere un lettore audio nel sito WordPress senza plugin?

Modifica della playlist audio in WordPress

Nel riquadro "Impostazioni playlist" sul lato destro, abilita o disabilita l’elenco dei brani, il nome dell’artista e le immagini in primo piano da mostrare o meno nel lettore audio.

Infine fai clic su "Inserisci playlist audio" e vedrai il lettore audio con playlist come di seguito:

Come aggiungere un lettore audio nel sito WordPress senza plugin?

Lettore audio con playlist in WordPress

Nota: per aggiungere un’immagine in primo piano per i file audio, vai al menu "Media > Libreria". Modifica i file audio che hai caricato e aggiungi l’immagine in primo piano a ciascun file audio.


Articoli Correlati:


Personalizzazione dello shortcode della playlist

Quando passi alla scheda "Testo", troverai di nuovo che WordPress utilizza lo shortcode per inserire una playlist come di seguito:

[playlist ids="xxx,xxx,xxx"]

Puoi aggiungere i seguenti parametri per personalizzare la playlist:

Parametro Valore predefinito Altri possibili valori Descrizione
genere Audio video Cambia lettore audio in lettore video (è necessario che siano caricati i video richiesti).
ordine ASC DESC Ordine crescente o decrescente
ID ID allegati Separato con virgola
escludere vuoto Inserisci gli ID degli allegati Gli ID inseriti verranno esclusi dalla playlist
tracklist vero falso Mostra o nascondi playlist
numeri di traccia vero falso Mostra o nascondi i numeri dei brani nella playlist
immagini vero falso Mostra o nascondi l’immagine in primo piano nel player
artisti vero falso Mostra o nascondi il nome dell’artista nella playlist
stile leggero buio Applicare la pelle chiara o scura

Ad esempio, puoi cambiare il lettore di stile chiaro predefinito in stile scuro e disabilitare i numeri di traccia nell’elenco utilizzando il seguente shortcode:

[playlist ids="xxx,xxx,xxx" style="dark" tracknumbers="false"]

Inserisci lettore audio nella barra laterale e nel piè di pagina

Lo scopo dell’utilizzo dello shortcode è molto semplice: può essere inserito in qualsiasi area del tuo sito come barra laterale e piè di pagina. In "Aspetto> Widget" trascina e rilascia il widget "Testo" nella barra laterale o nell’area del piè di pagina in cui desideri aggiungere il giocatore.

Come aggiungere un lettore audio nel sito WordPress senza plugin?

Aggiungi lettore audio nell’area widget

Inserisci gli shortcode audio o playlist con la tua personalizzazione come spiegato sopra. Salva il tuo widget e il giocatore verrà mostrato nell’area widget selezionata.

Parole finali

Sebbene l’incorporamento dell’audio integrato sia una buona opzione, è semplice e potrebbe non soddisfare quando è necessaria la configurazione completa del lettore audio. Le opzioni alternative consistono nell’utilizzare un plug-in del lettore audio o incorporare un lettore audio da siti Web di terze parti come SoundCloud.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More