Come creare una finestra pop-up per i commenti

Quando si progetta il design di un blog può essere spesso necessario per distinguersi dalla massa utilizzare delle tecniche inconsuete che rendano il tema unico nel suo genere.

Una di queste possibilità è l’apertura della maschera per i commenti di Wordpress, invece che nella solita posizione in fondo al post, in una finestra pop-up.

Vi devo però avvertire subito che questa funzione ha (a mio avviso) un grave difetto: in base alle istruzioni del Codex di Wordpress, questa tecnica non funziona infatti né con i post singoli (single.php) né con le pagine statiche (page.php), ma solamente nella pagina principale (index.php).
Il motivo non lo so purtroppo spiegare, ho provato a inserirlo anche nelle suddette pagine, ma non c’è stato verso di farlo funzionare.

Come abilitare la finestra pop-up per i commenti?

Il procedimento è molto semplice, dato che si tratta di una sola linea di codice che si trova nel file header.php. Innanzitutto apriamo il suddetto file con un editor a piacere e cerchiamo la seguente linea di codice:

<<?php //comments_popup_script(); // off by default ?>

Da questa linea dovrete cancellare semplicemente le prime due barre oblique per farla diventare cose segue:

<<?php comments_popup_script(); // off by default ?>

Nel caso in cui la linea di codice non fosse presente, dovrete semplicemente inserirla manualmente al di sopra della linea <<?php wp_head(); ?> e la tecnica dovrebbe comunque funzionare.

Con questo semplice passaggio la funzione di apertura dei commenti in una finestra pop-up sarà abilitata per il blog.

APPROFONDIMENTO: la grandezza standard della finestra pop-up di Wordpress è di 400x450 pixel. Questa può essere modificata in base alle proprie esigenze immettendo semplicemente due nuovi valori all’interno delle parentesi del codice divisi da una virgola come segue:

<<?php comments_popup_script(LARGHEZZA,ALTEZZA); // off by default ?>

Come personalizzare la finestra pop-up

Se ora nel nella pagina principale del vostro blog premerete sul link per lasciare un commento ad un post si dovrebbe aprire una finestra pop-up con un form per lasciare un commento.

Questa pagina, in maniera (almeno per me) alquanto sorprendete, viene creata da Wordpress utilizzando il file comments-popup.php che si trova all’interno della cartella DEFAULT (il tema di default di Wordpress). Il motivo personalmente non lo so spiegare.

Comunque per ovviare a questa “stranezza” e poter personalizzare la finestra di pop-up basterà creare un file denominato comments-popup.php nella cartella del nostro tema e copiarvi all’interno tutto il codice del primo file per poter così in seguito poterlo personalizzare in base alle nostre esigenze.

La personalizzazione attraverso CSS è molto semplice dato che tutto il codice HTML del file comments-popup.php è identificato attraverso un ID nel tag BODY chiamato COMMENTSPOPUP che racchiude tutto il form della finestra. (Per poter utilizzare i CSS dovrà prima essere inserito l’apposito link all’interno dell’HEADER del file).

In questo modo lavorando un po’ con i CSS e eliminando dal file comments-popup.php le parti di codice che non si desiderano utilizzare, dovreste essere in grado di poter creare una finestra pop-up per i commenti da implementare nel vostro tema per Wordpress e personalizzarla in base al vostro tema.

Problemi, sviste o consigli per migliorare questo tutorial sono come sempre ben accetti tra i commenti…

Lascia un commento