Una breve guida, utile per velocizzare l’inserimento di commenti sul proprio blog Wordpress.

Pochi, semplici passaggi per “moddare” la propria index: la modifica appenderà un box a scomparsa sotto ad ogni post, per la creazione di commenti veloci.

Per la realizzazione di questo hack sono stati utilizzati Javascript, CSS e alcune funzioni PHP built-in di wordpress. Ne potete vedere una dimostrazione su questo blog.

Per iniziare recuperiamo tra i file del template utilizzato da wordpress il codice che permette ai nostri utenti di commentare i post pubblicati: lo copieremo nella nostra index integrandolo al codice già presente.
Localizziamo quindi la cartella del nostro template: con un qualsiasi client ftp posizionatevi su wp-content\themes\[nometemplate] e aprite il file comments.php.
All’interno del file cercate le seguenti righe nello stesso ordine di successione:

<?php endif; ?>
<?php endif; ?>
<?php if ('open' == $post->comment_status) : ?>

Selezionate e copiate tutto il codice sottostante fino alla fine del file, compresa la riga:

<?php if ('open' == $post->comment_status) : ?>

Incollate tutto in un file di testo e tenetelo per un momento da parte.
Andiamo ora ad aprire il file index.php, sempre in wp-content\themes\[nometemplate] e cerchiamo la stringa:

the_content('

Troveremo qualcosa di simile a questo (prelevato dal template default):

<?php the_content('Read the rest of this entry &raquo;');
</div>

seguito da altro codice e da:

</div>
<?php endwhile; ?>

Bene, subito sopra queste ultime due linee inseriamo il nostro codice personalizzato per i “commenti veloci”, come segue:


<!– Inizio QuickReply –>
<div id=”quick-reply” style=”padding:10px;”>
<a name="quickr_<?php the_ID();?>" href="#quickr_<?php the_ID();?>"
onClick="toggle_qr('quick_r_<?php the_ID();?>')">
<b>&raquo; Lascia un commento veloce</b></a>
</div>
<div style="display:none;" id="quick_r_<?php the_ID();?>">
***codice commento***
</div>
<!– Fine QuickReply –>

dove al posto di ***codice commento*** inseriremo l’intero testo che avevamo tenuto da parte un attimo fa.

Salvate le modifiche e ricaricate la home del blog.

I “commenti veloci” sono ora implementati, ma per via dell’attributo display:none ancora non siamo in grado di far apparire il contenitore.

Andiamo quindi a modificare il file header.php inserendo in una qualsiasi posizione all’interno dei tag <head></head> questo codice Javascript:


<!– Inizio QuickReply –>
<script type=”text/javascript”>
function toggle_qr(divname){
if (document.getElementById(divname).style.display == ‘none’){
ShowDiv(divname);
}else{
HideDiv(divname);
}
}
function ShowDiv(divname){
document.getElementById(divname).style.display=’block’; //visualizza textbox
}
function HideDiv(divname){
document.getElementById(divname).style.display=’none’; //nascondi textbox
}
</script>
<!– Fine QuickReply –>

Ecco fatto, se volete applicare uno stile particolare all’elemento aggiungete al CSS la riga (opportunamente modificata):

#quick-reply {
[stile elemento]
}