Come personalizzare facilmente il modulo di commento di WordPress

Secondo un sondaggio, circa il 43,2% di tutti i siti Web su Internet utilizza WordPress. Ciò lo rende il sistema di gestione dei contenuti (CMS) più popolare in circolazione.

Non è sorprendente! WordPress è così facile da usare che anche se non sai nulla di web design o programmazione, puoi comunque configurare il tuo sito web in pochi minuti.

Una volta che inizi a pubblicare contenuti, uno dei modi migliori per interagire con il tuo pubblico è attraverso una sezione dei commenti. Qui possono condividere i loro pensieri e opinioni sui tuoi post!

Stilizzare il modulo dei commenti di WordPress è un must se vuoi che il tuo sito web si distingua dagli altri. Un modulo di commento di bell'aspetto può migliorare le opinioni delle persone sul tuo sito Web e incoraggiare il coinvolgimento.

Questo articolo ti mostrerà come stilizzare il tuo modulo di commento WordPress!

• Che cos'è un modulo di commento di WordPress?
• Come stilizzare il modulo di commento di WordPress
• Idee per lo stile del modulo di commento di WordPress

Che cos'è un modulo di commento di WordPress?

In poche parole, il modulo dei commenti è l'interfaccia attraverso la quale i tuoi lettori possono pubblicare commenti e interagire con te. E viceversa, puoi interagire direttamente con il tuo pubblico attraverso il modulo dei commenti.

Ecco come appare un modulo di commento WordPress di base.

In genere è strutturato con diversi campi in cui il lettore può inserire il proprio nome e le informazioni di contatto come indirizzo e-mail, numero di telefono, ecc. Inoltre, dovrebbe esserci un campo ampio in cui possono digitare ciò che desiderano condividere o dirti e altri!

Come stilizzare il modulo di commento di WordPress

Un tema WordPress governa l'aspetto e la funzione del tuo sito web. È un grande pacchetto di file e codici che dicono a WordPress come eseguire il rendering e visualizzare l'aspetto del tuo sito web.

Il modulo dei commenti fa parte del tema del tuo sito web. Quindi, se vuoi cambiarlo, devi modificare direttamente il tema, il che richiederà una conoscenza di base di CSS e HTML.

Inoltre, ci saranno anche alcuni codici coinvolti. Abbiamo modelli di codice! Devi solo copiarli e incollarli nel posto giusto.

Pronto per iniziare? Cominciamo!

# 1 Usa un plug-in

Sul mercato di WordPress, diversi plugin offrono funzionalità diverse per il tuo sito. Advanced Comment Form è un popolare plugin gratuito che ti aiuta a modificare il modulo dei commenti direttamente dalla dashboard di amministrazione di WordPress.

Ti consente di eseguire varie operazioni, come rimuovere o aggiungere nuovi campi di informazioni nel modulo dei commenti. Puoi anche modificare i testi e cambiare il layout del modulo.

I plugin sono un'ottima opzione se non vuoi perdere tempo a esaminare i codici e i file principali del tuo sito web.

Tuttavia, tieni presente che i plug-in come Advanced Comment Form non sono flessibili. Sebbene funzionino per modifiche di base come la personalizzazione di una riga di testo o l'aggiunta e la rimozione di campi, non possono aiutarti a implementare modifiche e modifiche avanzate.

#2 Cambia il codice in comments.php

Per modifiche e modifiche più avanzate, dovrai scendere e sporcarti con la codifica del tuo tema WordPress.

Come accennato in precedenza, la familiarità con CSS e HTML è un must se si desidera modificare i file principali del proprio sito WordPress. Questa parte sarà piuttosto pesante dal punto di vista tecnico, quindi questo potrebbe non essere l'approccio migliore per tutti.

All'interno della maggior parte dei temi ci sarà un file chiamato comments.php . Questo è il file principale che controlla l'aspetto e la funzione del modulo dei commenti del tuo sito web. Senza di esso, il tuo sito si imbatterà nel modulo dei commenti che non mostra l'errore di WordPress.

Il modulo di commento predefinito di WordPress conterrà 3 campi: Nome , Email e Sito web . Il prossimo sarà un riempimento Textarea in cui i lettori possono digitare i loro commenti. Una casella di controllo della privacy opt-in dovrebbe seguirla per conformarsi alla legge GDPR e, infine, il pulsante Invia .

Questo è l'aspetto predefinito, però. Se non sei soddisfatto e vuoi mostrare il tuo modulo di commento in un design diverso, ecco l'approccio da adottare.

Stile della forma

Il modulo dei commenti di WordPress è generato da una funzione:

 <?php comment_form(); ?>

Ci sono due parametri in questa funzione.

Una è la caratteristica principale e l'altra è l'ID del post. Una volta assemblata, questa funzione visualizzerà il modulo di commento su un determinato post (correlato all'ID del post) sulla tua pagina WordPress.

Personalizzazione della funzione del modulo

Ti mostreremo alcune delle variabili che puoi chiamare e modificare per modificare diversi aspetti del modulo di commento.

ID elemento

Gli ID elemento sono una classe di parametri che consentono di modificare l'ID degli elementi nel modulo. id_form ti darà il controllo sull'ID del modulo di commento stesso. E puoi controllare l'ID del pulsante di invio tramite il parametro id_submit .

Etichette e titoli

Quattro funzioni ti daranno il controllo sui titoli nel tuo modulo di commento.

• title_reply è la funzione che puoi utilizzare per modificare il titolo nella parte superiore del modulo quando scrivi un commento di primo livello (il commento al post stesso).
• title_reply_to può aiutarti a modificare il titolo del modulo di commento quando stai scrivendo una risposta al commento di un'altra persona.
• cancel_reply_link controlla il testo nel link di annullamento, che, se cliccato, eliminerà il commento.

Ecco la differenza tra un commento di primo livello e un commento di risposta.

L'unica etichetta che appare in un modulo di commento standard sarà l'etichetta del pulsante Invia , noto come label_submit .

Note e testi

Se desideri che gli utenti accedano ai propri account prima di pubblicare un commento, puoi chiamare due parametri:

• Must_log_in : questo testo appare nel modulo dei commenti quando l'utente non ha effettuato l'accesso. Di solito viene utilizzato per avvisare l'utente che non è ancora connesso e gli chiederà di effettuare l'accesso.

• Log_in_as : Una volta effettuato l'accesso, verrà visualizzato il testo impostato in questo parametro.

Due parametri controlleranno la nota di testo vista prima e dopo il modulo di commento. Sono: comment_notes_before e comment_notes_after .

In genere, comment_notes_after è impostato per informare l'utente di elementi HTML funzionali. Tuttavia, non sembra piacevole sul sito Web, quindi la maggior parte delle persone non ha bisogno di conoscere o utilizzare comunque questi elementi. Invece, scelgono di lasciare comment_notes_after vuoto inserendovi una stringa vuota.

Campi

Esistono due tipi di campi in un modulo di commento di WordPress. Puoi personalizzarli scrivendo i loro codici HTML completi.

• fields : questo parametro consente di modificare il campo dell'autore, dell'e-mail e dell'URL.

• comment_field : come suggerisce il nome, questo è il parametro per il campo dei commenti (dove i lettori digitano i loro commenti).

Idee per lo stile del modulo di commento di WordPress

Dopo aver compreso le nozioni di base su come modellare e modificare il modulo dei commenti di WordPress, ecco alcune idee ingegnose che puoi applicare al tuo sito web.

#1 Aggiungi il testo della politica al modulo dei commenti

La sezione dei commenti è un ottimo modo per i lettori di interagire con te e interagire tra loro. Tuttavia, è nell'interesse di tutti avere una politica sui commenti in cui stabilire le regole di base su quale tipo di commento o linguaggio è consentito.

Puoi aggiungere una sezione che si collega a una pagina dedicata per questo prima del modulo di commento con questo modello di codice:

 funzione commento_testo_prima($arg) {
$arg['comment_notes_before'] .= '<p class="comment-policy"">La sezione dei commenti è moderata. Ecco la nostra <a href="http://www.example.com/comment-policy/" >norme sui commenti</a>.</p>';
ritorna $arg;
}

add_filter('comment_form_defaults', 'comment_text_before');

#2 Sposta il modulo dei commenti in fondo alla pagina

Per impostazione predefinita, WordPress visualizza prima la casella di testo per il commento. Quindi inserisce i campi per nome, e-mail e simili in fondo. Se vuoi capovolgere questo layout e visualizzare prima le caselle per nome, e-mail, ecc., Ecco un comodo codice che puoi usare:

 function move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['comment'];
unset( $campi['commento'] );
$fields['comment'] = $comment_field;
restituire $ campi;
}

add_filter( 'comment_form_fields', 'move_comment_field_to_bottom');

# 3 Elimina gli URL del sito Web dai commenti

Lo spam è qualcosa che praticamente ogni sito Web su Internet deve affrontare. Ed è soprattutto nella sezione dei commenti che gli spammer prosperano. La maggior parte dei contenuti spam contiene un URL. Quindi, se imposti un codice per rimuovere automaticamente qualsiasi commento che contiene un link, puoi ridurre lo spam sul tuo sito web.

Questo codice può aiutarti a fare proprio questo:

 function remove_comment_url($arg) {
$arg['url'] = '';
ritorna $arg;
}

add_filter('comment_form_default_fields', 'remove_comment_url');

Dai stile al tuo modulo di commento WordPress ora!

Sebbene il modulo dei commenti possa sembrare semplice, modificarlo e stilizzarlo può essere difficile.

Per la maggior parte delle persone, consigliamo vivamente di utilizzare i plug-in di WordPress per moduli di commenti personalizzati. Sono facili da usare e soddisfano le esigenze della stragrande maggioranza degli utenti.

Ma per gli utenti avanzati e gli amministratori web di livello professionale, immergersi direttamente nella codifica ti darà un maggiore controllo sull'aspetto e sulla funzione del modulo di commento del tuo sito web!

In ogni caso, il modulo dei commenti è parte integrante di qualsiasi sito web. Se lo rendi abbastanza carino o utile, i tuoi spettatori rimarranno colpiti e, quindi, aumenterai la probabilità di restituire il traffico.

Quindi, dedica più tempo possibile a stilizzarlo e personalizzarlo! Una volta terminato con il modulo dei commenti, è il momento di imparare a gestire i campi dei commenti.

Se hai domande sul modulo di commento di WordPress, faccelo sapere nella sezione commenti qui sotto!