Sedan WordPress 4.4 har kommentarfältet visats ovanför fälten för namn, e-post och webbplats i standardkommentarsformuläret. Detta layout låter besökare dela sina tankar direkt, utan att behöva fylla i sina personliga uppgifter först.
Många webbplatsägare föredrar att flytta kommentarsrutan tillbaka till botten på grund av användarvänlighet och designpreferenser. I den här artikeln visar vi hur du flyttar kommentarfältet till botten i WordPress.
Flytta kommentarfältet till botten
Det enklaste sättet att flytta kommentarfältet till botten är genom att lägga till ett kodavsnitt på din webbplats med WPCode. Det är ett gratis plugin som låter dig lägga till PHP-kodavsnitt på din webbplats utan att den går sönder.
Installera och aktivera WPCode-pluginet först. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
När det är aktivt, gå till Code Snippets » + Add Snippet i din WordPress-instrumentpanel. Håll muspekaren över 'Add Your Custom Code (New Snippet)' och klicka på 'Add Custom Snippet'.
På nästa skärm, ge kodavsnittet en tydlig titel så att du enkelt kan hitta det senare.
Öppna sedan rullgardinsmenyn 'Code Type', välj 'PHP' och klistra in följande kod i redigeraren. Om du har WordPress's samtyckes-checkbox för kommentar-cookies aktiverad, flyttar kodavsnittet nedan även den under Kommentar-fältet.
function wpb_move_comment_field_to_bottom( $fields ) {
// Move the comment textarea to the end.
$comment_field = $fields['comment'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
// If the GDPR cookies consent checkbox is present, move it after the comment field.
if ( isset( $fields['cookies'] ) ) {
$cookies_field = $fields['cookies'];
unset( $fields['cookies'] );
$fields['cookies'] = $cookies_field;
}
return $fields;
}
add_filter( 'comment_form_fields', 'wpb_move_comment_field_to_bottom' );
När du är redo att göra koden live, klicka på 'Inactive'-växlingsknappen så att den ändras till 'Active'. Klicka sedan på 'Save Snippet'.
Besök nu ett inlägg på din webbplats som en utloggad användare för att se ändringen i praktiken:
Fungerar detta med blockteman?
Ja. Vi testade detta på WordPress 7.1 med Twenty Twenty-Five blocktema, och applicerade kodavsnittet via WPCode.
Post Comments Form-blocket erbjuder inga kontroller för fältordning i Site Editor, så kodavsnittet ovan är det enda sättet att ändra ordningen för tillfället.
Kan jag använda ett kommentarsplugin istället?
Om du redan använder (eller överväger) ett dedikerat kommentarplugin som Thrive Comments eller wpDiscuz, behöver du inte detta kodavsnitt. Dessa plugins styr sin egen fältordning genom sina inställningar. Se vår guide om de bästa WordPress-kommentarpluginsen om du vill jämföra dina alternativ.
Vi hoppas att den här artikeln hjälpte dig att flytta textfältet för kommentarer till botten i WordPress. Du kanske också vill se våra guider om hur du stilar WordPress-kommentarsformuläret och hur du tar bort webbplatsens URL-fält från ditt kommentarsformulär.
Om du gillade den här artikeln, prenumerera gärna på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Mariass
Det är ett underbart inlägg.
WPBeginner Support
Tack
Admin
molina
Detta är verkligen hjälpsamt. tack så mycket för att du delar med dig av så intressant och användbart.
wsef
hur man skapar ett formulär för att lämna ett svar
Kneema
Tack så jättemycket! Jag har letat efter den här koden länge... Gud välsigne dig
Andres
Hej där!
Tack så mycket, jag har löst mitt problem
lucy
jag gillar det här inlägget
Aleks
Vet du vad som vore trevligt, om du kunde ge ett exempel på hur man flyttar kommentarsrutan ovanför kommentarerna. Just nu fick jag gå igenom hela kommentarerna för att skriva det. Jag vill byta plats. Överst > Kommentarer ruta. Längst ner > Kommentarer. Så jag behöver inte scrolla. Jag kan se att det är ganska enkelt att göra i comments.php, men det är bättre om det fanns ett säkrare sätt att göra det på; barn-tema till exempel.
Shamim Mia
Det fungerade bra, tack så mycket för att du delade med dig av kodavsnittet!
Romee Prajapati
Det fungerar inte för mig. Jag använder temat understrap. Kan någon hjälpa till.
majid
Tack för att du delar med dig av din stora kunskap
Ivan Zhotev
Bra utdrag. Tack så mycket! Skål!
Umer Sheikh
Tack! Det är en användbar artikel.
Anhduc
Tack så mycket!!!!
Leo Nguyen
Tack så mycket. Detta är till stor hjälp för mig.
Susann
Ett stort tack för det där utdraget. Sparade mig en hel del tid
WPBeginner Support
Glad att du fann det hjälpsamt
Admin
Portekoi
Tack så mycket! Sparade min tid
Abhilash Sharma
tack så mycket
Emily
Du är fantastisk!!! Tack!!!
Ruby Ann Rosales
Fungerar som magi! Tack
Lucas
Fantastisk lösning på ett mycket irriterande problem. Detta borde rankas högre för att ordna om kommentarsfälten i WordPress. Det är den enda länken som faktiskt inkluderade en fungerande lösning.
Tack!
Lucas
Sabin
Tack så mycket. Detta var fantastiskt.
Efter 2 timmar att försöka fixa det tog det mig 1 minut att kopiera-klistra in den här koden. – WP 4.4.2.
Alejandro
Du räddade mitt liv, jag jobbade tre dagar med att försöka fixa det och trodde att det var temat.
Pascal
Tack!
Iman Dastbelaraki
Tack så mycket, mycket användbar artikel.
Erin Kodama
Precis vad jag letade efter. Tack!
Guyom
Mycket användbart utdrag! Tack så mycket för det.
Omid
Det är en användbar artikel, tack!
moho
tack för det här tipset, jag hade använt en kod för att automatiskt godkänna kommentarer från en specifik kategori men efter den senaste uppdateringen 4.4 fungerar inte den här koden, vet du hur man automatiskt godkänner kommentarer i inlägg från en specifik kategori?
Mr Darlington
Verkligen fantastiskt… Jag lärde mig precis några saker här.
fantastisk artikel..
Syams
Hur tar jag bort kolumnen för webbplats/URL?
Redaktionell personal
Den här artikeln bör hjälpa: https://www.wpbeginner.com/plugins/how-to-remove-website-url-field-from-wordpress-comment-form/
Admin
Simon Lock
Jag har kämpat med kommentarsavsnittet de senaste 3 dagarna på min frus reseblogg efter att det uppmärksammats att kommentarsavsnittet inte fungerade ordentligt. Naturligtvis hade jag inte insett att WordPress hade gjort ändringar som kunde påverka det området. Det verkar som att ordningen nu är:
Kommentar > Skriv (istället för inlägg > Namn > E-post > captcha
men den mer logiska ordningen borde verkligen vara:
Namn > E-post > Webbplats-URL (saknas just nu) > Kommentar > captcha > Publicera
Så din artikel var både aktuell och uppskattad, förutom att koden som tillhandahölls verkar inte fungera med det tema som för närvarande används (TeslaThemes ~ Epilog).
I temat tillhandahåller de en plats att lägga till anpassad kod, men när jag klistrade in din kod ändrades ingenting med ordningen på kommentarsfälten. Dessutom visar du en ruta för att ange en webbplats-URL och den visas inte ens i kommentarsområdet.
Kanske du kan föreslå vad som händer – jag experimenterade också med Jetpack för att försöka få kommentarerna att fungera och nu är hemsidan också förstörd och är mörkbrun istället för vit. Inte säker på om detta kommer från Epilog-temat eller från Jetpack.
Vägledning skulle definitivt uppskattas. URL:en för bloggen hölls undan enligt er policy men kan tillhandahållas om det är relevant för bedömningen av denna kommentar.
Tack
Simon
Redaktionell personal
Hej Simon,
Jag är inte säker på Epilog-temat, men de flesta teman har ett område för att infoga koder för front-end (dvs. HTML / CSS). Koden vi ber dig att ange här måste infogas som en webbplatsspecifik plugin eller i ditt temas functions.php-fil för att den ska fungera.
På vår webbplats har vi inaktiverat fältet för webbplatsen eftersom det lockar mycket skräppost.
Mer information om det här finns här: https://www.wpbeginner.com/plugins/how-to-remove-website-url-field-from-wordpress-comment-form/
Admin
Simon Lock
Tack för tipsen. Jag kunde inte lista ut var jag skulle lägga den här koden i Functions.php, men när jag utforskade utseendeeditorn upptäckte jag en fil som heter Comment.php. Även om jag inte riktigt förstår all kodning placerade jag din kod på vad jag trodde var rätt ställe. Jag upptäckte också platsen för knappen "Skriv" och ändrade den till "Skicka din kommentar".
Detta flyttade framgångsrikt runt saker utom Captcha-koden som skapats av BestWebSoft. Ordningen nu med din kod infogad är:
Namn > E-post > Captcha > Meddelande > Skicka din kommentar
Problemet är att jag nu får ett felmeddelande "Tidsgränsen är slut. Ange CAPTCHA-värdet igen".
Om jag tar bort kravet på en Captcha, dvs
Namn > E-post > Meddelande > Publicera din kommentar
då fungerar allt utmärkt!!
Finns det någon ytterligare kod jag bör lägga till för att placera Captcha efter kommentarsblocket, ELLER bör jag bara eliminera behovet av att ange en Captcha.
Om du rekommenderar att utelämna Captcha, vad är nackdelen – lämnar jag webbplatsen sårbar för spambots eller finns det någon annan mekanism för att skydda mot detta?
Tack för att du delar med dig av din stora kunskap
Simon
WPBeginner Support
Som du redan har listat ut är det ditt recaptcha-plugin. Det finns andra recaptcha-plugins du kan använda.