Aggiungi formati di numerazione alle note a piè di pagina

Quando creo le note a piè di pagina nell’editor del mio sito, nella anteprima appaiono così:

ma così

nel post. È… intenzionale? È un comportamento configurabile?

Sarebbe anche bello avere la possibilità di scegliere note a piè di pagina numerate, in diversi stili, come [1] o 1 o , o anche la tradizionale sequenza *, †, ‡, §, ‖, ¶, o comunemente usati * ** *** ****.

Il plugin OP dice che quello con \u003ckbd\u003e…\u003c/kbd\u003e è un’espansione inline e può essere controllato da questa impostazione:

1 Mi Piace

Ah, grazie. Me lo sono completamente perso anche se è proprio lì.

Quello che voglio davvero, però, è il comportamento numerato ma con espansione inline, e possibilmente con una cosa espandibile di "note a piè di pagina" in fondo.

3 Mi Piace

Sarebbe fantastico. Trovo che il pulsante puntini \u003ckbd\u003e…\u003c/kbd\u003e interrompa il testo parecchio e preferirei molto un apice. Nel pannello di anteprima dell’editor, la nota a piè di pagina numerata appare in fondo e le due etichette (inline e nota a piè di pagina nel piè di pagina) sembrano essere collegamenti ipertestuali tra loro, ma potrebbe essere solo il riferimento label() nel codice del programma. La “nota a piè di pagina in fondo” (che dovrebbe essere un caso di parlare ridondantemente ma non lo è perché abbiamo mescolato Nota Inline e Nota a piè di pagina con questa funzione) utilizza persino un carattere di ritorno ‘↩︎’ come ancora del collegamento.

Non ho un’installazione di Discourse per testare le impostazioni, ma spero che disattivare display_footnotes_inline produca la nota a piè di pagina APA standard.

La nota inline ha un suo posto e non c’è consenso su dscuss.python.org su quale sia preferito tra inline e nota a piè di pagina. Mi piacciono entrambi e vorrei averli, ma le note inline lasciano un po’ a desiderare. Ecco un elenco che ho messo insieme durante la discussione:

  1. PRO: comodo; cliccaci sopra per mostrarlo.
    CONTRO: non puoi semplicemente cliccare di nuovo per nasconderlo. È necessario un movimento del mouse prima del clic (fortunatamente, il software è altamente mutabile).
    NOTA A PIÈ DI PAGINA: La nota a piè di pagina renderizzata nell’anteprima del messaggio/post ha collegamenti ipertestuali che sembrano poter essere utilizzati per saltare rapidamente e comodamente alla nota e tornare al corpo. La nota stessa utilizza persino un carattere di “ritorno” per il collegamento ipertestuale.

  2. PRO: comodo; leggi la nota in situ e vai avanti.
    CONTRO: visivamente ostruente nella sua implementazione attuale.
    La grafica del pulsante puntini contrasta significativamente con il testo circostante e non è estetica (fortunatamente, il software è altamente mutabile – vedi il tema). I puntini potrebbero essere molto più piccoli e servire comunque al loro scopo.
    NOTA A PIÈ DI PAGINA: L’apice della nota a piè di pagina è sottile, specialmente con il testo del collegamento ipertestuale a basso contrasto nel tema scuro.

  3. PRO: buono per brevi note supplementari.
    CONTRO: lunghi passaggi sovrappongono il testo e disturbano l’orientamento del lettore all’interno del paragrafo. Può essere visivamente scioccante.
    NOTA A PIÈ DI PAGINA: Poiché le note a piè di pagina sono effettivamente un’appendice, possono essere lunghe senza disturbare il “flusso” del lettore attraverso il corpo.
    NOTA A PIÈ DI PAGINA: La nota a piè di pagina presentata su uno sfondo pulito/chiaro con margini tutto intorno è una presentazione più fluida (meno rumorosa) rispetto alla nota popup sovrapposta al testo del corpo del messaggio/post.

1 Mi Piace

Un po’ in ritardo, ma per visualizzare i numeri invece dei puntini (mentre mostri ancora la nota in un tooltip), puoi fare affidamento su un piccolo snippet CSS:

.cooked.inline-footnotes {
  counter-reset: foot-note;
}

.inline-footnotes a.expand-footnote {
  text-decoration: none !important;
  font-size: 0.77em;
  vertical-align: super;
  min-height: unset;
  border: 1px solid var(--primary-medium);
  padding: 0 0.4em;
  vertical-align: super;
}

.inline-footnotes a.expand-footnote:before {
    counter-increment: foot-note;
    content: counter(foot-note);
}

.inline-footnotes a.expand-footnote svg {
  display: none;
}

/* tutto ciò che segue sono alcune personalizzazioni aggiuntive */

#footnote-tooltip {
  border: 1px solid var(--primary-medium);
}

#footnote-tooltip #arrow:before {
  border-top: 1px solid var(--primary-medium);
  border-left: 1px solid var(--primary-medium);
}

#footnote-tooltip[data-popper-placement^=bottom]>#arrow {
  top: -6px !important;
}

Il risultato è questo:

8 Mi Piace

woah molto bello @iamntz, lo userò sicuramente :slight_smile:

2 Mi Piace

Ottimo lavoro. L’ho distribuito sul mio forum e funziona benissimo!

2 Mi Piace