Skip to content

bSEM: un grassetto per domarli tutti

Sommario:

bSEM è un’estensione per wordpress che aggiunge un nuovo tipo di grassetto alla pagina.
In breve l’idea nasce dal fatto che ogni volta che scriviamo un testo per pubblicarlo sul web siamo costretti a privilegiare un certo tipo di lettura piuttosto che un’altra.
Se ascoltiamo la voce del SEM mettiamo i grassetti per creare un sommario dell’articolo in modo che alla prima lettura veloce e superficiale e l’utente consideri una buona idea approfondire la lettura.
Se invece ascoltiamo il nostro vecchio professore d’italiano mettiamo i grassetti come appiglio visivo ai concetti più importanti del testo e quindi aiutiamo l’utente ad approfondire.
L’idea e le scelte implementative sono spiegate più in dettaglio in questi post:

Descrizione del funzionamento

Definizione di bSEM:

il bSEM è un pezzo di testo il cui contenuto vuole essere promosso ad una prima affrettata lettura, a questo scopo è stilisticamente diverso dal testo normale e dal grassetto.

L’estensione fa si che dopo un tempo congruo i bSEM perdano di importanza rispetto ai grassetti normali senza però rimuovere gli indici spaziali acquisiti durante la prima lettura.
Il tempo di “degradazione” dei bSEM è calcolato in base al loro numero.
Il conto alla rovescia parte dal momento in cui si ha il primo scroll della pagina.
Per impedire che i bSEM “degradino” troppo presto e per concedere all’utente la possibilità di tornare indietro a scorrere il testo già letto il conto del tempo viene resettato ad ogni scroll della pagina.

Elenco delle feature

  • mantenimento degli indici spaziali del testo
  • calcolo del tempo di degradazione in base al numero di bSEM inseriti
  • inizio del countdown di “degradazione” al primo scroll della pagina
  • reset del countdown ad ogni scroll della pagina (per testi lunghi e per poter rivedere il testo
  • Possibilità di innestare i tag <strong> all’interno dei bSEM
  • Possibilità di innestare i bSEM all’interno dei tag <strong>

Download

Il pacchetto (bsem.zip) lo potete scaricare da qui.

contenuto:

  • bsem/
    • css/
      • bsem.css
    • js/
      • bsem.js
    • bsem.php

Istruzioni d’installazione

Come tutti i plugin basta trascinarlo nella cartella “wp-content/plugin/” e dimenticarsene.
Nel post-installazione invece è necessario aprire il file “wp-content/plugin/bsem/css/bsem.css” e modificarlo per uniformare l’estensione allo stile del blog.
Raccomando di toccare solo la prima riga:
span.evidence, strong.evidence {color:#460103; font-weight:bold}
Tipicamente sarà necessario modificare solo la proprietà “color” per uniformare i bSEM allo schema colori.

Altro parametro che può essere interessante/necessario modificare è il tempo di lettura per ogni bSEM.
Si trova nel file “wp-content/plugin/bsem/js/bsem.js”

/**
* Parametri di configurazione
*/

var noumeno = 1000; //tempo di lettura per ogni bSEM

/*************/

Ecco fatto, ora anche voi potete smettere di scendere a compromessi.

Istruzioni per l’uso

Molto semplici:
utilizzare il tag <strong> per i grassetti classici e la tag <span class=”evidence”> per i bSEM.

Problemi noti

Considerazioni generali

Aggiungere un tipo di grassetto aumenta la complessità del testo, quindi le parole da evidenziare vanno scelte con consapevole attenzione così come gli stili da inserire nel css, percio:

Avvertenza

L’estensione peggiora la leggibilità dell’articolo se non usata con accortezza, specie se ai bSEM e ai grassetti vengono applicati degli stili “eccessivi”.

A questo proposito vi rimando alla pagina bSEM – consigli di stile (presto on-line) dove è trattato l’argomento con consigli su come rendere la formattazione più efficace.

Sviluppi futuri

  • condurre test estensivi sull’efficacia con le varie font-family
  • calcolare la durata del countdown in base alla densità dei bSEM nel testo e non semplicemente in base al loro numero
  • rendere più preciso l’inizio del countdown vincolandolo all’attività generica sulla pagina piuttosto che al solo evento scroll
  • rendere l’estensione maggiormente efficace per i blog che in homepage mettono l’articolo intero e non l’abstract (come il mio peraltro)
  • aggiungere il pulsante bSEM al tinyMCE integrato con wordpress

Noterete che i commenti nella pagina sono disabilitati perchè preferirei raccoglierli tutti nel post “la terza faccia della medaglia” che continuerà ad essere aggiornato nel tempo.

By lghinelli 2:42 pm