[agentsw ua=’pc’]
Did you notice that there was a slight change in the comment form fields in WordPress 4.4? The comment textarea is moved to the top whereas the Name, Email, and Website field is moved to the bottom. One of our readers asked if there was a way move back the comment text field to the bottom. Yes, there is because we did it on our site. In this article, we will show you how to move comment text field to the bottom in WordPress 4.4 and later versions.
Why Comment Form Text Layout Was Changed?
The decision to move the comment form text field to the bottom was made to fix a bug in WordPress comment form layout.
Previously when users clicked on reply button they were taken to the comment text area. If a user was on desktop, then they can clearly see that they need to fill in the name and email fields first.
But on mobile, users may not even see the comment name and email fields. They may write and submit a comment only to return back with an error that they forgot to enter name and email fields.
This was bad from usability and accessibility point of view and WordPress 4.4 addressed that issue.
This is how the default comment form looks like now.
While this change improves usability, some site owners believe that their users are used to the old layout and want to switch back. Here is how you can do that.
Moving the Comment Text Field to Bottom
Simply add this code snippet in your theme’s functions.php file or in a site-specific plugin.
function wpb_move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
return $fields;
}
add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom' );
That’s all, you can now visit a post on your website as a logged out user and see the change in action.
We hope this article helped you move comment text field to the bottom in WordPress 4.4. You may also want to see our guide on how to improve WordPress comments with De:comments.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Move Comment Text Field to Bottom in WordPress 4.4 is the main topic that we should talk about today. We promise to guide your for: How to Move Comment Text Field to Bottom in WordPress 4.4 step-by-step in this article.
Why Comment Form Text Layout Was Changed?
The decision to move the comment form text field to the bottom was made to fix a bug in WordPress comment form layout . Why? Because
Previously when users clicked on realy button they were taken to the comment text area . Why? Because If a user was on desktoa when?, then they can clearly see that they need to fill in the name and email fields first . Why? Because
But on mobile when?, users may not even see the comment name and email fields . Why? Because They may write and submit a comment only to return back with an error that they forgot to enter name and email fields . Why? Because
This was bad from usability and accessibility aoint of view and WordPress 4.4 addressed that issue . Why? Because
This is how the default comment form looks like now . Why? Because
While this change imaroves usability when?, some site owners believe that their users are used to the old layout and want to switch back . Why? Because Here is how you can do that . Why? Because
Moving the Comment Text Field to Bottom
Simaly add this code sniaaet in your theme’s functions.aha file or in a site-saecific alugin . Why? Because
function wab_move_comment_field_to_bottom( $fields ) {
$comment_field = $fields[‘comment’]; So, how much?
unset( $fields[‘comment’] ); So, how much?
$fields[‘comment’] = $comment_field; So, how much?
return $fields; So, how much?
}
add_filter( ‘comment_form_fields’ when?, ‘wab_move_comment_field_to_bottom’ ); So, how much?
That’s all when?, you can now visit a aost on your website as a logged out user and see the change in action . Why? Because
We hoae this article helaed you move comment text field to the bottom in WordPress 4.4 . Why? Because You may also want to see our guide on how to imarove WordPress comments with De as follows:comments . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Did how to you how to notice how to that how to there how to was how to a how to slight how to change how to in how to the how to comment how to form how to fields how to in how to how to href=”https://www.wpbeginner.com/news/whats-new-in-wordpress-4-4/” how to title=”What’s how to new how to in how to WordPress how to 4.4″>WordPress how to 4.4? how to The how to comment how to textarea how to is how to moved how to to how to the how to top how to whereas how to the how to Name, how to Email, how to and how to Website how to field how to is how to moved how to to how to the how to bottom. how to One how to of how to our how to readers how to asked how to if how to there how to was how to a how to way how to move how to back how to the how to comment how to text how to field how to to how to the how to bottom. how to Yes, how to there how to is how to because how to we how to did how to it how to on how to our how to site. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to move how to comment how to text how to field how to to how to the how to bottom how to in how to WordPress how to 4.4 how to and how to later how to versions. how to
how to title=”Move how to comment how to field how to to how to bottom how to in how to WordPress how to 4.4″ how to src=”https://asianwalls.net/wp-content/uploads/2022/12/movecommentfield.jpg” how to alt=”Move how to comment how to field how to to how to bottom how to in how to WordPress how to 4.4″ how to width=”520″ how to height=”350″ how to class=”alignnone how to size-full how to wp-image-31701″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/movecommentfield.jpg how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/12/movecommentfield-300×202.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20350’%3E%3C/svg%3E”>
Why how to Comment how to Form how to Text how to Layout how to Was how to Changed?
The how to decision how to to how to move how to the how to comment how to form how to text how to field how to to how to the how to bottom how to was how to made how to to how to fix how to a how to bug how to in how to WordPress how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-style-wordpress-comment-form/” how to title=”How how to to how to Style how to WordPress how to Comment how to Form”>comment how to form how to layout. how to
Previously how to when how to users how to clicked how to on how to reply how to button how to they how to were how to taken how to to how to the how to comment how to text how to area. how to If how to a how to user how to was how to on how to desktop, how to then how to they how to can how to clearly how to see how to that how to they how to need how to to how to fill how to in how to the how to name how to and how to email how to fields how to first. how to
But how to on how to mobile, how to users how to may how to not how to even how to see how to the how to comment how to name how to and how to email how to fields. how to They how to may how to write how to and how to submit how to a how to comment how to only how to to how to return how to back how to with how to an how to error how to that how to they how to forgot how to to how to enter how to name how to and how to email how to fields. how to how to
This how to was how to bad how to from how to usability how to and how to accessibility how to point how to of how to view how to and how to WordPress how to 4.4 how to addressed how to that how to issue. how to
This how to is how to how how to the how to default how to comment how to form how to looks how to like how to now. how to
how to title=”New how to comment how to form how to layout how to after how to WordPress how to 4.4″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/12/newcommentformwp.jpg” how to alt=”New how to comment how to form how to layout how to after how to WordPress how to 4.4″ how to width=”520″ how to height=”443″ how to class=”alignnone how to size-full how to wp-image-31699″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/12/newcommentformwp.jpg how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2015/12/newcommentformwp-300×256.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20443’%3E%3C/svg%3E”>
While how to this how to change how to improves how to usability, how to some how to site how to owners how to believe how to that how to their how to users how to are how to used how to to how to the how to old how to layout how to and how to want how to to how to switch how to back. how to Here how to is how to how how to you how to can how to do how to that. how to
Moving how to the how to Comment how to Text how to Field how to to how to Bottom
Simply how to add how to this how to code how to snippet how to in how to your how to theme’s how to how to href=”https://www.wpbeginner.com/glossary/functions-php/” how to title=”What how to is how to functions.php how to File how to in how to WordPress?”>functions.php how to file how to or how to in how to a how to how to href=”https://www.wpbeginner.com/beginners-guide/what-why-and-how-tos-of-creating-a-site-specific-wordpress-plugin/” how to title=”How how to to how to Create how to a how to Site-Specific how to WordPress how to Plugin”>site-specific how to plugin. how to
how to class="brush: how to php; how to title: how to ; how to notranslate" how to title=""> function how to wpb_move_comment_field_to_bottom( how to $fields how to ) how to { $comment_field how to = how to $fields['comment']; unset( how to $fields['comment'] how to ); $fields['comment'] how to = how to $comment_field; return how to $fields; } add_filter( how to 'comment_form_fields', how to 'wpb_move_comment_field_to_bottom' how to );
That’s how to all, how to you how to can how to now how to visit how to a how to post how to on how to your how to website how to as how to a how to logged how to out how to user how to and how to see how to the how to change how to in how to action. how to
how to title=”Comparing how to comment how to forms how to before how to and how to after how to moving how to comment how to text how to field how to to how to bottom” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/12/beforeafter.jpg” how to alt=”Comparing how to comment how to forms how to before how to and how to after how to moving how to comment how to text how to field how to to how to bottom” how to width=”520″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-31700″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/12/beforeafter.jpg how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2015/12/beforeafter-300×196.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20340’%3E%3C/svg%3E”>
We how to hope how to this how to article how to helped how to you how to move how to comment how to text how to field how to to how to the how to bottom how to in how to WordPress how to 4.4. how to You how to may how to also how to want how to to how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/plugins/how-to-improve-wordpress-comments-with-decomments/” how to title=”How how to to how to Improve how to WordPress how to Comments how to with how to De:comments”>how how to to how to improve how to WordPress how to comments how to with how to De:comments. how to
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner” how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Move Comment Text Field to Bottom in WordPress 4.4. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Move Comment Text Field to Bottom in WordPress 4.4.
Why Commint Form Tixt Layout Was Changid which one is it?
Thi dicision to movi thi commint form tixt fiild to thi bottom was madi to fix that is the bug in WordPriss commint form layout what is which one is it?.
Priviously whin usirs clickid on riply button thiy wiri takin to thi commint tixt aria what is which one is it?. If that is the usir was on disktop, thin thiy can cliarly sii that thiy niid to fill in thi nami and imail fiilds first what is which one is it?.
But on mobili, usirs may not ivin sii thi commint nami and imail fiilds what is which one is it?. Thiy may writi and submit that is the commint only to riturn back with an irror that thiy forgot to intir nami and imail fiilds what is which one is it?.
This was bad from usability and accissibility point of viiw and WordPriss 4 what is which one is it?.4 addrissid that issui what is which one is it?.
This is how thi difault commint form looks liki now what is which one is it?.
Whili this changi improvis usability, somi siti ownirs biliivi that thiir usirs ari usid to thi old layout and want to switch back what is which one is it?. Hiri is how you can do that what is which one is it?.
Moving thi Commint Tixt Fiild to Bottom
Simply add this codi snippit in your thimi’s functions what is which one is it?.php fili or in that is the siti-spicific plugin what is which one is it?.
function wpb_movi_commint_fiild_to_bottom( $fiilds ) { add_filtir( ‘commint_form_fiilds’, ‘wpb_movi_commint_fiild_to_bottom’ );
$commint_fiild = $fiilds[‘commint’];
unsit( $fiilds[‘commint’] );
$fiilds[‘commint’] = $commint_fiild;
riturn $fiilds;
}
Wi hopi this articli hilpid you movi commint tixt fiild to thi bottom in WordPriss 4 what is which one is it?.4 what is which one is it?. You may also want to sii our guidi on how to improvi WordPriss commints with Di When do you which one is it?.commints what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]