How to add the "Add a comment" below each blog post

[Marinaol]

Hi there,

I would like to know if you could tell me how I could add below each of my blog posts the typical “Add a comment” structure.

I show you below two images of what I have on mind:

And, could you also let me know how could I show below each blog related articles? Something like this:

Thanks,
Marina.

[ruenel]

Hello Marina,

Thanks for writing in! I have checked your site and it seems that you are not using a child theme. This means that the comments sections were disabled in Settings > Discussions. Please check out this tutorial to know how you can enable back the comments:

• https://www.wpbeginner.com/wp-tutorials/how-to-completely-disable-comments-in-wordpress/

By the way, the related post items below the single blog post usually comes from a 3rd party plugin. Perhaps one of these plugins might help you:

• https://wordpress.org/plugins/search/related+post/

We would love to know if this has worked for you. Thank you.

[Marinaol]

Hi Ruenel,

It worked out! Thank you so much.
How can I now change the appearance of the add your comments section?

Thanks,
Marina.

[jade]

Hi Marina,

It will require some custom CSS code to customize the display of the comment area. However, please note that this would fall into custom development which goes beyond the scope of our support.

You might want to check these search results to get started:

https://www.google.com/search?q=customize+wordpress+comment+form&rlz=1C5CHFA_enVN883VN883&oq=customize+wordpress+comment&aqs=chrome.0.0j69i57j0l6.4113j1j7&sourceid=chrome&ie=UTF-8

Hope this helps.

[Marinaol]

Hi Jade,

Aren’t there any plugin to make this easier? I am not good with coding. I tried already with the codes they recommended and it didn’t work. And I am not good at coding.

I would like to add something similar to this, which is what I have in my contact form.

Also, I am aware that you don’t help with coding but I have tried to eliminate the field website through the codes that everyone recommends and it didn’t work. Any suggestion?

This is the code I got:
// Change Text on Comment Form
function ia_comment_form_text ($fields) {
$fields[‘label_submit’] = ‘Add Comment’;
$fields[‘title_reply’] = ‘Leave a comment’;
return $fields;
}
add_filter(‘comment_form_defaults’,‘ia_comment_form_text’);

// Remove Fields on Comment Form
function ia_comment_form_fields($fields){
$fields[‘email’] = ‘’; //removes email field
$fields[‘url’] = ‘’; //removes website field
return $fields;
}
add_filter(‘comment_form_default_fields’,‘ia_comment_form_fields’);

[jade]

Hello Marina,

Kindly follow the suggestions here:

How to Remove Website URL Field from WordPress Comment Form

You could either do it through a plugin or the custom code to be added in the functions.php file of the child theme.

Hope this helps.

[Marinaol]

Hi Jade,

I followed them and they neither work. Would you give me any advice on what to do now?

Also, is it possible to adapt the blog comments section for the mobile platform? It looks really weird as you can see below. In the line to put your email, there is kind of a white square. And in the submit button you cannot see the whole text.

Best,
Marina.

[ruenel]

Hello Marina,

It seems that you have added a custom css. Please modify your custom css and use this:

@media ( max-width: 700px ) {
     #commentform textarea, #commentform input[type="text"], #commentform input[type="email"],
     .comment-form-author, .comment-form-email, .comment-form-url,
     #commentform input, #commentform textarea,
     #commentform input#submit {
         text-shadow: none !important;
         width: 100%!important;
    }
}

This is just an example code on how you can set back the width of an element back to 100% in smaller screens. If you are interested you can learn more about CSS selectors and details here

Best Regards.