{"id":2284,"date":"2025-02-16T14:14:11","date_gmt":"2025-02-16T05:14:11","guid":{"rendered":"https:\/\/prawn.mywire.org\/?p=2284"},"modified":"2025-03-04T09:50:38","modified_gmt":"2025-03-04T00:50:38","slug":"customize_comment_form","status":"publish","type":"post","link":"https:\/\/prawn.mywire.org\/en\/blog\/tech\/customize_comment_form\/","title":{"rendered":"WordPress comment form modification"},"content":{"rendered":"\n
\n
\n

This site uses WordPress system to manage contents.<\/p>\n\n\n\n

On article pages of this system, we can write comment for the article at a form that is displayed like the right (or following, if you uses smart phone) snapshot. Somehow, this form contains 'Website' field by default. But isn't this really necessary?<\/p>\n\n\n\n

On the other hand, the beginning message that says \"your email address is\u2026\" might be requested to add a reference link to the privacy policy page if it is prepared.<\/p>\n\n\n\n

These are why I have started modification of the comment form. <\/p>\n<\/div>\n\n\n\n

\n
<\/i>

Standard comment form<\/h4><\/div>
\n
\n
<\/div>
\n
\"Comment<\/figure>\n<\/div><\/div>\n\n\n\n
<\/div>
\n
\"Points<\/figure>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Only hiding the 'Website' input item, we can do it easily by adding the following setting into the additional CSS setting in the WordPress customization.<\/p>\n\n\n\n

CSS<\/span><\/path><\/path><\/svg><\/span>
.comment-form-url<\/span>{ <\/span>display<\/span>:<\/span>none<\/span>; }<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n
However, even with this, the \"Save my name and ...\" message still contains 'website' word.<\/p>\n\n\n\n
Additionally, it seems impossible to tweak the message before or after the \"Your email address will not be\u2026\" only by adding some  CSS settings.<\/p>\n\n\n\n
So, I decided to take the plunge and fix the problem by modifying the code as I will explain later, which allowed me to create the form shown on the right (or below if you are viewing this on a smartphone).<\/p>\n\n\n\n
<\/p>\n<\/div>\n\n\n\n
\n
<\/i>
Customized comment form<\/h4><\/div>
\n
\n
<\/div>
\n
\"Revised<\/figure>\n<\/div><\/div>\n\n\n\n
<\/div>
\n
\"Points<\/figure>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
<\/p>\n\n\n\n
On modification, we should not to modify original code of the WordPress in order to prepare for future updates of the WordPress system. So, the modifications are done on the child theme code which prepared separately. I had used 'add_filter()' function to add filter hook which applies additional feature to the original WordPress function.<\/p>\n\n\n\n
This time, I have added two filter hooks for the following WordPress functions:<\/p>\n\n\n\n
(1) comment_form_default_fields()<\/p>\n\n\n\n
Here, the 'Website' column is hidden regardless of the CSS settings, and the message of the \"Save my name...\" is modified according to the displayed language that can be identified by the get_locale() function.<\/p>\n\n\n\n
(2) comment_form_defaults()<\/p>\n\n\n\n
Here, the opening display message is modified according to the displayed language. <\/p>\n\n\n\n
Although I had tried to combine processes (1) and (2) into one of the functions, but that didn't seem possible, so I chose to do them separately.<\/p>\n<\/div>\n\n\n\n
\n
PHP<\/span><\/path><\/path><\/svg><\/span>
add_filter<\/span>(<\/span>'comment_form_default_fields'<\/span>, <\/span>function<\/span>(<\/span>$fields<\/span>) {<\/span><\/span>\n  <\/span>\/\/ Hide 'website' input field.<\/span><\/span>\n  <\/span>unset<\/span>(<\/span>$fields<\/span>[<\/span>'url'<\/span>]); <\/span><\/span>\n  <\/span>\/\/ Remove web site from cookie message<\/span><\/span>\n  <\/span>$cookies<\/span> <\/span>=<\/span> <\/span>$fields<\/span>[<\/span>'cookies'<\/span>];<\/span><\/span>\n  <\/span>switch<\/span>(<\/span>get_locale<\/span>()) {  <\/span><\/span>\n    <\/span>case<\/span> <\/span>'ja'<\/span>: <\/span>\/\/ Japanesen<\/span><\/span>\n      <\/span>$cookies<\/span> <\/span>=<\/span> <\/span>str_replace<\/span>(<\/span>'\u3001\u30b5\u30a4\u30c8'<\/span>,<\/span>''<\/span>,<\/span>$cookies<\/span>);<\/span><\/span>\n      <\/span>break<\/span>;<\/span><\/span>\n    <\/span>case<\/span> <\/span>'en_GB'<\/span>: <\/span>\/\/ English<\/span><\/span>\n      <\/span>$cookies<\/span> <\/span>=<\/span> <\/span>str_replace<\/span>(<\/span>', email, and website'<\/span>,<\/span>' and email'<\/span>,<\/span>$cookies<\/span>);<\/span><\/span>\n      <\/span>break<\/span>;<\/span><\/span>\n    <\/span>default<\/span>:<\/span><\/span>\n      <\/span>break<\/span>;<\/span><\/span>\n  }<\/span><\/span>\n  <\/span>$fields<\/span>[<\/span>'cookies'<\/span>]<\/span>=<\/span>$cookies<\/span>;<\/span><\/span>\n  <\/span>return<\/span> <\/span>$fields<\/span>;<\/span><\/span>\n});<\/span><\/span>\n<\/span>\nadd_filter<\/span>(<\/span>'comment_form_defaults'<\/span>, <\/span>function<\/span>(<\/span>$fields<\/span>) {<\/span><\/span>\n  <\/span>switch<\/span>(<\/span>get_locale<\/span>()) {<\/span><\/span>\n    <\/span>case<\/span> <\/span>'ja'<\/span>: <\/span>\/\/ Japanese<\/span><\/span>\n      <\/span>$add_note<\/span> <\/span>=<\/span> <\/span>'\u3054\u8a18\u5165\u3044\u305f\u3060\u304f\u500b\u4eba\u60c5\u5831\u306e\u53d6\u308a\u6271\u3044\u306b\u3064\u3044\u3066\u306f<a href="'<\/span> <\/span>.<\/span> <\/span>home_url<\/span>(<\/span>'\/privacy-policy'<\/span>) <\/span>.<\/span> <\/span>'">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\u3092\u3054\u53c2\u7167\u304f\u3060\u3055\u3044\u3002'<\/span>;<\/span><\/span>\n      <\/span>break<\/span>;                                       <\/span><\/span>\n    <\/span>case<\/span> <\/span>'en_GB'<\/span>: <\/span>\/\/ English<\/span><\/span>\n      <\/span>$add_note<\/span> <\/span>=<\/span> <\/span>'Regarding to handling of enterd personal information, refer <a href="'<\/span> <\/span>.<\/span> <\/span>home_url<\/span>(<\/span>'\/privacy-policy'<\/span>) <\/span>.<\/span> <\/span>'">Privacy Policy<\/a> page.'<\/span>;<\/span><\/span>\n      <\/span>break<\/span>;<\/span><\/span>\n    <\/span>default<\/span>:<\/span><\/span>\n      <\/span>break<\/span>;<\/span><\/span>\n  }<\/span><\/span>\n  <\/span>$dst_tag<\/span> <\/span>=<\/span> <\/span>'<span id="email-notes">'<\/span>;<\/span><\/span>\n  <\/span>$fields<\/span>[<\/span>'comment_notes_before'<\/span>] <\/span>=<\/span> <\/span>str_replace<\/span>(<\/span>$dst_tag<\/span>, <\/span>$dst_tag<\/span> <\/span>.<\/span> <\/span>$add_note<\/span> <\/span>.<\/span> <\/span>'<\/br>'<\/span>, <\/span>$fields<\/span>[<\/span>'comment_notes_before'<\/span>]) ;<\/span><\/span>\n  <\/span>return<\/span> <\/span>$fields<\/span>;<\/span><\/span>\n});<\/span><\/span><\/code><\/pre><\/div>\n<\/div>\n<\/div>\n\n\n\n
In the actual comment form of this site which will be displayed later, a character authentication function has been added to avoid spam posts.<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
This site uses WordPress system to manage contents. On article pages of this system, we can write comment for the article at a form that is displayed like the right (or following, if you uses smart phone) snapshot. Somehow, this form contains 'Website' field by default. But isn't this really necessary? On the other hand, […]<\/p>\n","protected":false},"author":2,"featured_media":1473,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"en_GB","_original_post":"https:\/\/prawn.mywire.org\/?p=2203","sitemap_hide":"","_veu_custom_css":"","vkexunit_cta_each_option":"","footnotes":""},"categories":[40],"tags":[49,46,48,50,43],"class_list":["post-2284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","tag-comment","tag-css","tag-customize","tag-filter-fook","tag-wordpress","en-GB"],"_links":{"self":[{"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/posts\/2284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/comments?post=2284"}],"version-history":[{"count":15,"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/posts\/2284\/revisions"}],"predecessor-version":[{"id":2335,"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/posts\/2284\/revisions\/2335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/media\/1473"}],"wp:attachment":[{"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/media?parent=2284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/categories?post=2284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prawn.mywire.org\/wp-json\/wp\/v2\/tags?post=2284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}