Link alternativi

Ritratto di Vanni

In questo articolo voglio presentare 2 diversi moduli per gestire i link all'interno delle nostre pagine. Entrambi sfruttano i link che inseriamo nel testo, ma creano un'alternativa al "solito" collegamento tra pagine. Tutti e 2 semplicissimi da usare e quindi possiamo addottarli in qualsiasi pagina e per qualsiasi scopo. Il primo modulo è Colorbox Node (fratello minore del famoso Colorbox) e il secondo è Clipped.me.

Colorbox Node

Questo modulo sfrutta la capacità di creare finestre in overlay di Colorbox, ma anzichè visualizzare in esse immagini, riproduce il contenuto di una pagina del sito. Attraverso questo modulo possiamo visualizzare qualsiasi tipo di pagina e quindi non soltanto nodi, ma anche viste, pagine webform e pagine utenti. Inoltre può essere integrato con i moduli Views, Panels e Context. La pagina visualizzata nella nuova finestra conterrà solo il testo del contenuto principale e quindi verranno "tagliati": intestazioni, barre laterali e footer.

Come usare il modulo Colorbox Node

  • installare e abilitare il modulo Colorbox Node
  • per funzionare devono essere presenti anche Colorbox e Libraries
  • non ha bisogno di configurazioni e quindi possiamo passare subito a creare un nuova pagina in cui lo utilizzeremo
  • all'interno del testo inserire dei link verso altre pagine, ma a questi link si deve asssociare la classe "colorbox-node"
  • se vogliamo impostare personalmente le dimensioni della finestra in overlay, l'Url del link deve terminare con la misura di larghezza e altezza

Qualche esempio di come funziona Colorbox Node

Cliccare su ognuno di questi link per vedere il risultato di questo modulo al lavoro (ho utilizzato le pagine del menù principale):

Questo è il codice che ho inserito per creare questi link:

<a class="colorbox-node" href="../../../../perche-drupal">Perchè Drupal ?</a>
<a class="colorbox-node" href="../../../../premesse?width=400&amp;amp;height=300">Premesse</a>
<a class="colorbox-node" href="../../../../elenco-siti-costruiti-con-drupal?width=900&amp;amp;height=200">Siti drupal</a>

Possono essere utilizzati sia Url assoluti che relativi.

Come si può notare nell'ultimo link, l'area commenti viene visualizzata.

ATTENZIONE: se linkiamo pagine a diverse profondità nella scala gerarchica del sito e le immagini in esse contenute hanno Url relative, le stesse potrebbero non venire visualizzate, cioè, se dalla homepage, quindi da un Url del tipo "nome_sito.com" vado a linkare una pagina che ha un Url del tipo "nome_sito.com/blog/2016/marzo/viva-drupal" e le immagini in quella pagina usano Url relative, quelle immagini non verrano visualizzate perchè non verranno trovate.

Clipped Me

Avete mai visto un link e vi siete chiesti se vale la pena cliccarci sopra?

L'intento di questo modulo è cercare di dare una risposta a questa domanda. Quando con il mouse si passa sopra ad un link, "Clipped Me" visualizza una piccola finestra in cui vengono elencati i punti chiave della pagina a cui quel link collega, in maniera che l'utente possa già capire di cosa parla e decidere se merita di essere visitata. Il massimo risultato si ha quando si linkano pagine con molto testo, come articoli, tutorial ecc.., in quanto questo modulo estrae porzioni di testo (tipo sommario) e le visualizza sottoforma di elenco puntato (bullet point).

Come usare il modulo Clipped Me

  • installare e abilitare il modulo Clipped.me
  • per funzionare necessita anche di Libraries e del plugin Poshy Tip jQuery: scompattare il file .zip del plugin e rinominare la cartella in "poshy_tip", successivamente spostare il folder in sites/all/libraries
  • la pagina di configurazione del modulo è molto minimalista, possiamo scegliere solamente tra 4 stili con cui visualizzare la finestra, altrimenti possiamo crearne uno personalizzato
  • pagina di configurazione del modulo clipped.me
  • possiamo ora andare a creare una nuova pagina con qualsiasi contenuto vogliamo, unica accortezza è di assegnare la classe "clippedme" ai link che vogliamo visualizzino la finestra/sommario

​Esempio di funzionamento del modulo Clipped Me

Riporto ora alcune immagini con i vari stili delle finestre:

  • stile di default (white and gray) 

visualizzazione della finestra/sommario con stile white and gray

  • stile "green"

finestra con stile "green"

  • stile black

finestra con stile "black"

  • stile yellow

finestra con stile "yellow"

Aggiungi un commento

Filtered HTML

  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.

Comment

  • Elementi HTML permessi: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linee e paragrafi vanno a capo automaticamente.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente

Plain text

  • Nessun tag HTML consentito.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente
  • Linee e paragrafi vanno a capo automaticamente.
Per tutelare la vostra privacy suggerisco l'uso di un nickname o lasciare anonimo...
CAPTCHA
Questa domanda e' per testare se sei un visitatore persona e non un software che genera spam
6 + 9 =
Risolvi la semplice domanda di matematica e inserisci il risultato. Es. se e' 1 + 3 inserisci 4.