How to Add Footnotes in WordPress
Tempo di lettura: 6 minuti

Stai cercando un modo semplice per aggiungere note a piè di pagina ai tuoi articoli?

Le note a piè di pagina sono informazioni aggiuntive che vedrai in fondo a una pagina. È un modo comune per aggiungere citazioni, fornire fonti e aggiungere chiarezza ai tuoi contenuti.

In questo articolo, ti mostreremo come aggiungere note a piè di pagina semplici ed eleganti ai post del tuo blog WordPress.

Perché aggiungere note a piè di pagina ai post del tuo blog?

Le note a piè di pagina sono un ottimo modo per fornire riferimenti per i tuoi contenuti in fondo a un articolo. Aiuta a creare fiducia con i tuoi lettori mostrando loro la fonte delle tue informazioni.

Puoi anche utilizzare le note a piè di pagina per aggiungere commenti, evidenziare fatti importanti e fornire ulteriori informazioni sui tuoi contenuti.

Le note a piè di pagina possono rendere il tuo sito più professionale e affidabile. Ad esempio, se pubblichi articoli di ricerca o copri eventi storici, i tuoi lettori potrebbero cercare note a piè di pagina con citazioni.

Detto questo, diamo un’occhiata a come puoi aggiungere note a piè di pagina al tuo Sito Web WordPress.

Aggiungi note a piè di pagina in WordPress usando un plugin

Il modo più semplice per aggiungere note a piè di pagina ai tuoi contenuti è usare a Plugin WordPress. Un plug-in offre maggiore flessibilità e controllo sullo stile delle note a piè di pagina e non dovrai modificare il codice.

Per questo tutorial, useremo il note a piè di pagina plugin per WordPress. Sebbene ci siano molte altre opzioni, le note a piè di pagina sono facili da usare, offrono più opzioni di personalizzazione ed è totalmente gratuito.

Per prima cosa, dovrai installare e attivare il note a piè di pagina plugin per WordPress. Per maggiori dettagli, puoi fare riferimento alla nostra guida su come installare un plugin per WordPress.

Una volta che il plugin è attivo, puoi navigare su Impostazioni » note a piè di pagina dal pannello di amministrazione di WordPress. Ora vedrai diverse opzioni per personalizzare le note a piè di pagina.

Ad esempio, puoi selezionare gli shortcode di inizio e fine per le note a piè di pagina dal menu a discesa. Usando questi shortcode, sarai in grado di aggiungere note a piè di pagina ai tuoi contenuti.

Seleziona gli shortcode di inizio e fine

Se sai quale shortcode utilizzare per aggiungere una nota a piè di pagina ai tuoi contenuti, puoi iniziare a utilizzare il plug-in per aggiungere note a piè di pagina nei tuoi post e pagine WordPress. Il resto delle impostazioni sono completamente opzionali.

Per aggiungere una nota a piè di pagina, vai avanti e crea un nuovo post o modifica un articolo esistente. Quando sei nel Editor di WordPress, aggiungi semplicemente lo shortcode che hai selezionato per le note a piè di pagina.

Ad esempio, se scegli la doppia parentesi come shortcode, inseriscila nel contenuto in cui desideri aggiungere la nota a piè di pagina. Quindi puoi inserire l’URL della tua fonte o qualsiasi altra cosa desideri includere nella nota a piè di pagina.

Sarebbe simile a questo:

Aggiungi lo shortcode della nota a piè di pagina nel tuo contenuto

Successivamente, puoi visualizzare l’anteprima del tuo post per verificare se i collegamenti alle note a piè di pagina funzionano correttamente. Quando sei soddisfatto delle impostazioni, vai avanti e pubblica il tuo Post del blog WordPress per vedere le note in azione.

Esempio di nota a piè di pagina

Ora, se desideri personalizzare le note a piè di pagina e modificarne l’aspetto, il plug-in per le note a piè di pagina offre più opzioni.

Puoi iniziare andando su Impostazioni » note a piè di pagina e fare clic sulla scheda “Impostazioni generali”.

Vedrai le impostazioni per la scelta di uno stile di numerazione. Il plugin ti consente di scegliere tra numeri semplici, numeri romani, lettere maiuscole e minuscole e altro ancora.

Scegli uno stile di numerazione

Successivamente, puoi configurare il comportamento di scorrimento delle note a piè di pagina nel contenuto. Sono disponibili opzioni per impostare la durata dello scorrimento e aggiungere un ritardo quando un visitatore fa clic su una nota a piè di pagina.

Configura il comportamento di scorrimento

Il plug-in utilizzerà “Riferimenti” come intestazione predefinita per i tuoi collegamenti nella nota a piè di pagina, ma puoi modificare il testo dell’intestazione e il modo in cui viene visualizzato nella sezione “Contenitore dei riferimenti”.

Impostazioni contenitore di riferimento

Il plug-in offre più impostazioni, come la visualizzazione delle note a piè di pagina negli estratti, la configurazione delle impostazioni dell’ID frammento URL e l’abilitazione AMP modalità di compatibilità. Quando hai finito con le modifiche, fai clic sul pulsante “Salva modifiche”.

Successivamente, puoi andare alla scheda “Riferimenti e suggerimenti”. Qui vedrai le impostazioni per cambiare il simbolo del backlink che apparirà nei link delle note a piè di pagina.

Puoi scegliere tra diversi simboli offerti dal plugin o aggiungerne di tuoi. Oltre a ciò, ci sono opzioni per modificare le impostazioni del referrer e scegliere se vuoi che i numeri delle note a piè di pagina appaiano tra parentesi.

Modifica le impostazioni del referrer e dei suggerimenti

Oltre a ciò, il plug-in offre impostazioni per abilitare i suggerimenti, ovvero una casella di testo che mostra il collegamento della tua fonte quando un utente passa con il mouse su un numero di nota a piè di pagina. È possibile modificare la posizione della descrizione comando, le dimensioni, i tempi, il testo e utilizzare altre opzioni per la personalizzazione.

Nella scheda “Ambito e priorità”, puoi impostare il livello di priorità che determina se le note a piè di pagina verranno eseguite prima di altri plugin.

Inoltre, puoi aggiungi CSS personalizzato andando alla scheda ‘Custom CSS’. Non dimenticare di fare clic sul pulsante “Salva modifiche” quando hai finito di apportare modifiche.

Aggiungi manualmente note a piè di pagina in WordPress usando HTML

Oltre a utilizzare un plug-in, puoi anche aggiungere note a piè di pagina utilizzando HTML nei post del tuo blog WordPress.

Questo metodo richiede più tempo e le note a piè di pagina non funzioneranno se si commettono errori durante l’immissione del codice HTML. Per i principianti e per chiunque non abbia mai modificato l’HTML prima, consigliamo di utilizzare un plug-in per aggiungere note a piè di pagina.

Detto questo, l’HTML è una buona opzione se hai solo bisogno di aggiungere note a piè di pagina a un singolo articolo o pagina.

Per iniziare, devi prima modificare o aggiungere una nuova pagina o un post. Quindi, vai al contenuto in cui desideri aggiungere la nota a piè di pagina.

Nel tuo editor di blocchi di WordPress, puoi aggiungere apici facendo clic sul menu a tre punti nel blocco di paragrafo e quindi selezionando l’opzione “Apice”.

Aggiungi apici nell'editor di blocchi di WordPress

Successivamente, dovrai fare nuovamente clic sul menu a tre punti e selezionare l’opzione “Modifica come HTML”. Per maggiori dettagli, puoi consultare la nostra guida su come modificare HTML in WordPress.

Una volta fatto, vai avanti e inserisci il seguente codice HTML nel tuo numero in apice:

<a href="#example_link">your superscript</a>

Dovrebbe assomigliare a qualcosa di simile a questo:

Inserisci il codice HTML nell'editor di WordPress

Dopodiché, dovrai aggiungere il seguente codice HTML al tuo link di riferimento o citazione in fondo al post. In questo modo, quando un utente fa clic sul numero della nota a piè di pagina, viene indirizzato al rispettivo URL.

id="example_link"

Ecco come apparirebbe nell’editor di WordPress:

Inserisci il codice ID HTML nel collegamento alla nota a piè di pagina

Ora vai avanti e visualizza in anteprima il tuo post sul blog per verificare se le note a piè di pagina funzionano correttamente. Successivamente, puoi pubblicare il tuo post sul blog e vedere le note a piè di pagina in azione.

Anteprima delle note a piè di pagina utilizzando HTML

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere note a piè di pagina semplici ed eleganti nei post del tuo blog WordPress. Potresti anche dare un’occhiata alla nostra guida su come scegliere la migliore piattaforma di blogging, o guarda il nostro confronto esperto di miglior hosting gratuito di siti web.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale Youtube per i video tutorial di WordPress. Ci trovi anche su Twitter e Facebook.



Source link

Di Simone Serra

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.