Tempo di lettura: 2 minutiWordPress è nato per il blogging e di default permette la gestione dei commenti. Al fondo di ogni articolo (permette agli utenti di commentare) ci mette a disposizione un box commenti con dei campi di default, ma se volessimo inserire del testo personalizzato aggiuntivo, magari sotto al titolo o prima dei campi?
A volte i campi di default non bastano e ci rendiamo conto che, per garantire un’esperienza utente ancora più ottimale, è necessario dare qualche informazione in più.
Attraverso degli hook specifici di WordPress è possibile inserire nuovo codice all’interno di determinati punti del nostro tema o plugin.
Gli hook a disposizione sono 6 e possiamo utilizzarli a nostro piacimento:
- comment_form_before
- comment_form_top
- comment_form_before_fields
- comment_form_after_fields
- comment_form
- comment_form_after
Guardando questa immagine potete capire esattamente quale hook usare secondo le vostre necessita.
Facciamo un esempio pratico. In questo specifico caso, inserire del testo informativo appena sopra i campi del box del commento.
Inserite questo codice all’interno del file functions.php:
add_action('comment_form_top', 'aggiungi_testo_commenti_sopra_campi');
function aggiungi_testo_commenti_sopra_campi() {
$commenter = wp_get_current_commenter();
echo '<p class="informativacommento">Inseriamo il nostro testo personalizzato.</p>
}
Utilizzando un hook diverso, possiamo inserire il testo al di sopra del form.
add_action('comment_form_before', 'aggiungi_testo_commenti_sopra_form');
function aggiungi_testo_commenti_sopra_form() {
$commenter = wp_get_current_commenter();
echo '<p class="informativacommento">Testo sopra il form</p>';
}
Alla riga 1 cambiate l’hook con quello desiderato.
Alla riga 4 cambiate il testo personalizzato con quello desiderato.
Se lo desideriamo possiamo dare un pò di stile al nostro testo:
p.informativacommento {
background: #FFFFE0;
padding: 10px;
font-style: italic;
border: 2px solid #e6e600;
}
Note
Se l’utente non è registrato e abbiamo impostato che deve essere loggato per commentare, sarà disponibile un hook aggiuntivo comment_form_must_log_in_after. In questo caso, l’hook comment_form viene omesso.
Nel caso in cui i commenti siano chiusi, avrai un solo hook, ovvero comment_form_closed poiché il modulo di commento non viene visualizzato.
E’ stato utile? Fatemelo sapere nei commenti!
Inserire testo personalizzato sopra campi box commenti WordPress
WordPress è nato per il blogging e di default permette la gestione dei commenti. Al fondo di ogni articolo (permette agli utenti di commentare) ci mette a disposizione un box commenti con dei campi di default, ma se volessimo inserire del testo personalizzato aggiuntivo, magari sotto al titolo o prima dei campi?
A volte i campi di default non bastano e ci rendiamo conto che, per garantire un’esperienza utente ancora più ottimale, è necessario dare qualche informazione in più.
Attraverso degli hook specifici di WordPress è possibile inserire nuovo codice all’interno di determinati punti del nostro tema o plugin.
Gli hook a disposizione sono 6 e possiamo utilizzarli a nostro piacimento:
Guardando questa immagine potete capire esattamente quale hook usare secondo le vostre necessita.
Facciamo un esempio pratico. In questo specifico caso, inserire del testo informativo appena sopra i campi del box del commento.
Inserite questo codice all’interno del file functions.php:
add_action('comment_form_top', 'aggiungi_testo_commenti_sopra_campi'); function aggiungi_testo_commenti_sopra_campi() { $commenter = wp_get_current_commenter(); echo '<p class="informativacommento">Inseriamo il nostro testo personalizzato.</p> }Utilizzando un hook diverso, possiamo inserire il testo al di sopra del form.
add_action('comment_form_before', 'aggiungi_testo_commenti_sopra_form'); function aggiungi_testo_commenti_sopra_form() { $commenter = wp_get_current_commenter(); echo '<p class="informativacommento">Testo sopra il form</p>'; }Alla riga 1 cambiate l’hook con quello desiderato.
Alla riga 4 cambiate il testo personalizzato con quello desiderato.
Se lo desideriamo possiamo dare un pò di stile al nostro testo:
p.informativacommento { background: #FFFFE0; padding: 10px; font-style: italic; border: 2px solid #e6e600; }Note
Se l’utente non è registrato e abbiamo impostato che deve essere loggato per commentare, sarà disponibile un hook aggiuntivo comment_form_must_log_in_after. In questo caso, l’hook comment_form viene omesso.
Nel caso in cui i commenti siano chiusi, avrai un solo hook, ovvero comment_form_closed poiché il modulo di commento non viene visualizzato.
E’ stato utile? Fatemelo sapere nei commenti!
Emiliano Prelle