วิธีปรับแต่งแบบฟอร์มความคิดเห็น WordPress อย่างง่ายดาย

เผยแพร่แล้ว: 2022-11-15

จากการสำรวจครั้งหนึ่ง ประมาณ 43.2% ของเว็บไซต์ทั้งหมดบนอินเทอร์เน็ตใช้ WordPress นั่นทำให้เป็นระบบจัดการเนื้อหา (CMS) ที่ได้รับความนิยมสูงสุด

ไม่น่าแปลกใจ! WordPress ใช้งานง่ายมาก แม้ว่าคุณจะไม่รู้อะไรเลยเกี่ยวกับการออกแบบเว็บหรือการเขียนโค้ด คุณก็ยังสามารถตั้งค่าเว็บไซต์ของคุณได้ภายในไม่กี่นาที

เมื่อคุณเริ่มโพสต์เนื้อหา วิธีหนึ่งที่ดีที่สุดในการมีส่วนร่วมกับผู้ชมของคุณคือผ่านส่วนความคิดเห็น ที่นี่พวกเขาสามารถแบ่งปันความคิดและความคิดเห็นเกี่ยวกับโพสต์ของคุณ!

การทำให้แบบฟอร์มความคิดเห็นของ WordPress มีสไตล์นั้นเป็นสิ่งจำเป็นหากคุณต้องการให้เว็บไซต์ของคุณโดดเด่นกว่าที่อื่น แบบฟอร์มความคิดเห็นที่ดูดีสามารถปรับปรุงความคิดเห็นของผู้คนที่มีต่อเว็บไซต์ของคุณและส่งเสริมการมีส่วนร่วม

บทความนี้จะแสดงวิธีปรับแต่งแบบฟอร์มความคิดเห็น WordPress ของคุณ!

  • แบบฟอร์มความคิดเห็น WordPress คืออะไร?
  • วิธีทำให้รูปแบบความคิดเห็นของ WordPress มีสไตล์
  • แนวคิดการออกแบบรูปแบบความคิดเห็นของ WordPress

แบบฟอร์มความคิดเห็น WordPress คืออะไร?

พูดง่ายๆ ก็คือ แบบฟอร์มความคิดเห็นคืออินเทอร์เฟซที่ผู้อ่านของคุณสามารถโพสต์ความคิดเห็นและโต้ตอบกับคุณได้ และในทางกลับกัน คุณสามารถมีส่วนร่วมกับผู้ชมได้โดยตรงผ่านแบบฟอร์มแสดงความคิดเห็น

นี่คือลักษณะของแบบฟอร์มความคิดเห็นพื้นฐานของ WordPress

pfo-wordpress-comment-form-example.php

โดยปกติจะมีโครงสร้างที่มีหลายช่องสำหรับให้ผู้อ่านกรอกชื่อและข้อมูลติดต่อ เช่น ที่อยู่อีเมล หมายเลขโทรศัพท์ ฯลฯ นอกจากนี้ ควรมีช่องขนาดใหญ่ที่ผู้อ่านสามารถพิมพ์สิ่งที่ต้องการแบ่งปันหรือพูดกับคุณ และ คนอื่น!

วิธีทำให้รูปแบบความคิดเห็นของ WordPress มีสไตล์

ธีม WordPress ควบคุมรูปลักษณ์และการทำงานของเว็บไซต์ของคุณ เป็นชุดไฟล์และโค้ดขนาดใหญ่ที่บอก WordPress ถึงวิธีการเรนเดอร์และแสดงรูปลักษณ์เว็บไซต์ของคุณ

แบบฟอร์มแสดงความคิดเห็นเป็นส่วนหนึ่งของธีมเว็บไซต์ของคุณ ดังนั้น หากคุณต้องการเปลี่ยน คุณต้องแก้ไขธีมโดยตรง ซึ่งคุณจะต้องมีความเข้าใจพื้นฐานของ CSS และ HTML

นอกจากนี้ยังจะมีการเข้ารหัสบางส่วนที่เกี่ยวข้อง เรามีเทมเพลตโค้ด! คุณต้องคัดลอกและวางลงในที่ที่ถูกต้องเท่านั้น

พร้อมที่จะเริ่ม? เอาล่ะ!

# 1 ใช้ปลั๊กอิน

ในตลาด WordPress ปลั๊กอินต่าง ๆ เสนอคุณสมบัติที่แตกต่างกันสำหรับไซต์ของคุณ แบบฟอร์มความคิดเห็นขั้นสูงเป็นปลั๊กอินฟรียอดนิยมที่ช่วยให้คุณแก้ไขแบบฟอร์มความคิดเห็นได้จากแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ

pfo-ขั้นสูงความคิดเห็นแบบฟอร์มปลั๊กอิน

ช่วยให้คุณสามารถดำเนินการต่างๆ เช่น ลบหรือเพิ่มช่องข้อมูลใหม่ในแบบฟอร์มแสดงความคิดเห็น คุณยังสามารถแก้ไขข้อความและเปลี่ยนเค้าโครงของแบบฟอร์มได้อีกด้วย

ปลั๊กอินเป็นตัวเลือกที่ดีหากคุณไม่ต้องการใช้เวลาในการคอมไพล์โค้ดและไฟล์หลักของเว็บไซต์

อย่างไรก็ตาม โปรดทราบว่าปลั๊กอินเช่นแบบฟอร์มความคิดเห็นขั้นสูงนั้นไม่ยืดหยุ่น แม้ว่าพวกมันจะทำงานสำหรับการเปลี่ยนแปลงพื้นฐาน เช่น การกำหนดบรรทัดข้อความเองหรือการเพิ่มและลบฟิลด์ แต่พวกมันไม่สามารถช่วยคุณในการปรับใช้ม็อดและการเปลี่ยนแปลงขั้นสูงได้

#2 เปลี่ยนรหัสใน comments.php

สำหรับการแก้ไขและการเปลี่ยนแปลงขั้นสูง คุณจะต้องลงและสกปรกด้วยการเขียนโค้ดของธีม WordPress ของคุณ

ดังที่เราได้กล่าวไว้ก่อนหน้านี้ ความคุ้นเคยกับ CSS และ HTML เป็นสิ่งจำเป็นหากคุณต้องการแก้ไขไฟล์หลักของไซต์ WordPress ของคุณ ส่วนนี้จะค่อนข้างหนักในด้านเทคนิค ดังนั้นนี่อาจไม่ใช่วิธีที่ดีที่สุดสำหรับทุกคน

ภายในธีมส่วนใหญ่จะเป็นไฟล์ชื่อ comments.php นี่คือไฟล์หลักที่ควบคุมรูปลักษณ์และการทำงานของแบบฟอร์มความคิดเห็นของเว็บไซต์ของคุณ หากไม่มีไซต์ของคุณจะพบแบบฟอร์มความคิดเห็นที่ไม่แสดงข้อผิดพลาดของ WordPress

แบบฟอร์มแสดงความคิดเห็น WordPress เริ่มต้นจะมี 3 ฟิลด์: ชื่อ อีเมล และ เว็บไซต์ ถัดไปจะเป็นการเติม Textarea ที่ผู้อ่านสามารถพิมพ์ความคิดเห็นได้ ช่องทำเครื่องหมายเลือกรับข้อมูลส่วนบุคคลควรปฏิบัติตามเพื่อให้สอดคล้องกับกฎหมาย GDPR และสุดท้ายคือปุ่ม ส่ง

นั่นเป็นรูปลักษณ์เริ่มต้น หากคุณไม่พอใจกับมันและต้องการแสดงแบบฟอร์มความคิดเห็นของคุณในรูปแบบอื่น นี่คือแนวทางที่ควรทำ

จัดแต่งทรงผมแบบฟอร์ม

แบบฟอร์มความคิดเห็นของ WordPress สร้างขึ้นโดยฟังก์ชันเดียว:

 <?php comment_form(); ?>

มีสองพารามิเตอร์ในฟังก์ชันนี้

หนึ่งคือฟีเจอร์หลัก และอีกอันคือรหัสโพสต์ เมื่อรวมกันแล้ว ฟังก์ชันนี้จะแสดงแบบฟอร์มความคิดเห็นในโพสต์บางโพสต์ (สัมพันธ์กับ ID โพสต์) บนหน้า WordPress ของคุณ

ปรับแต่งฟังก์ชั่นของแบบฟอร์ม

เราจะแสดงตัวแปรบางอย่างที่คุณสามารถเรียกใช้และแก้ไขเพื่อเปลี่ยนลักษณะต่างๆ ของแบบฟอร์มความคิดเห็นได้

รหัสองค์ประกอบ

รหัสองค์ประกอบคือคลาสของพารามิเตอร์ที่อนุญาตให้คุณแก้ไขรหัสขององค์ประกอบในแบบฟอร์ม id_form จะช่วยให้คุณควบคุม ID ของแบบฟอร์มความคิดเห็นได้ และคุณสามารถควบคุม ID ของปุ่มส่งผ่านพารามิเตอร์ id_submit

ป้ายกำกับและชื่อเรื่อง

สี่ฟังก์ชั่นจะช่วยให้คุณควบคุมชื่อเรื่องในแบบฟอร์มความคิดเห็นของคุณ

  • title_reply เป็นฟังก์ชันที่คุณสามารถใช้เพื่อแก้ไขชื่อที่ด้านบนสุดของฟอร์ม เมื่อคุณเขียนความคิดเห็นระดับบนสุด (ความคิดเห็นไปยังโพสต์เอง)
  • title_reply_to สามารถช่วยคุณแก้ไขชื่อแบบฟอร์มความคิดเห็นเมื่อคุณเขียนตอบกลับความคิดเห็นของบุคคลอื่น
  • cancel_reply_link ควบคุมข้อความในลิงค์ยกเลิก ซึ่งเมื่อคลิกแล้ว จะเป็นการยกเลิกความคิดเห็น

นี่คือความแตกต่างระหว่างความคิดเห็นระดับบนสุดและความคิดเห็นตอบกลับ

pfo-top-comment-vs-reply-comment

ป้ายกำกับเดียวที่ปรากฏในฟอร์มความคิดเห็นมาตรฐานคือป้ายกำกับของปุ่ม ส่ง ซึ่งเรียกว่า label_submit

บันทึก & ข้อความ

หากคุณต้องการให้ผู้ใช้ลงชื่อเข้าใช้บัญชีของตนก่อนที่จะโพสต์ความคิดเห็น คุณสามารถเรียกใช้พารามิเตอร์สองตัว:

  • Must_log_in : ข้อความนี้ปรากฏในแบบฟอร์มความคิดเห็นเมื่อผู้ใช้ไม่ได้เข้าสู่ระบบ โดยปกติจะใช้เพื่อเตือนผู้ใช้ว่าพวกเขายังไม่ได้เข้าสู่ระบบ และจะแจ้งให้เข้าสู่ระบบ
  • Log_in_as : เมื่อพวกเขาเข้าสู่ระบบแล้ว ข้อความที่ตั้งค่าในพารามิเตอร์นี้จะปรากฏขึ้น

พารามิเตอร์สองตัวจะควบคุมบันทึกข้อความที่เห็นก่อนและหลังแบบฟอร์มความคิดเห็น ได้แก่: comment_notes_before และ comment_notes_after

โดยปกติแล้ว comment_notes_after จะถูกตั้งค่าให้แจ้งผู้ใช้เกี่ยวกับองค์ประกอบ HTML ที่ใช้งานได้ อย่างไรก็ตาม มันดูไม่น่าพอใจบนเว็บไซต์ ดังนั้นคนส่วนใหญ่จึงไม่จำเป็นต้องรู้หรือใช้องค์ประกอบเหล่านี้อยู่ดี แต่เลือกที่จะปล่อยให้ comment_notes_after ว่างไว้โดยใส่สตริงว่างลงไปแทน

เขตข้อมูล

มีฟิลด์สองประเภทในแบบฟอร์มความคิดเห็นของ WordPress คุณสามารถปรับแต่งได้โดยการเขียนโค้ด HTML แบบเต็ม

  • ฟิลด์ : พารามิเตอร์นี้อนุญาตให้คุณแก้ไขฟิลด์ผู้เขียน อีเมล และ URL
  • comment_field : ตามชื่อที่แนะนำ นี่คือพารามิเตอร์สำหรับฟิลด์ความคิดเห็น (ที่ผู้อ่านพิมพ์ความคิดเห็น)

แนวคิดการออกแบบรูปแบบความคิดเห็นของ WordPress

เมื่อคุณเข้าใจพื้นฐานของวิธีการจัดรูปแบบและแก้ไขแบบฟอร์มแสดงความคิดเห็นของ WordPress แล้ว ต่อไปนี้คือแนวคิดดีๆ บางประการที่คุณสามารถนำไปใช้กับเว็บไซต์ของคุณเองได้

#1 เพิ่มข้อความนโยบายในแบบฟอร์มความคิดเห็น

ส่วนความคิดเห็นเป็นวิธีที่ยอดเยี่ยมสำหรับผู้อ่านในการโต้ตอบกับคุณและมีส่วนร่วมซึ่งกันและกัน อย่างไรก็ตาม ทุกคนมีความสนใจที่จะมีนโยบายความคิดเห็นซึ่งคุณวางกฎพื้นฐานเกี่ยวกับประเภทความคิดเห็นหรือภาษาที่อนุญาต

คุณสามารถเพิ่มส่วนที่เชื่อมโยงไปยังเพจเฉพาะสำหรับสิ่งนี้ก่อนแบบฟอร์มความคิดเห็นด้วยเทมเพลตรหัสนี้:

 ฟังก์ชัน comment_text_before($arg) {
$arg['comment_notes_before'] .= '<p class="comment-policy"">ส่วนความคิดเห็นมีการตรวจสอบ นี่คือ <a href="http://www.example.com/comment-policy/" >นโยบายความคิดเห็น</a></p>';
ส่งคืน $arg;
}

add_filter('comment_form_defaults', 'comment_text_before');

#2 ย้ายแบบฟอร์มความคิดเห็นไปที่ด้านล่างของหน้า

ตามค่าเริ่มต้น WordPress จะแสดงกล่องข้อความสำหรับความคิดเห็นก่อน จากนั้นจะใส่ฟิลด์สำหรับชื่อ อีเมล และอื่นๆ ที่ด้านล่าง หากคุณต้องการพลิกเค้าโครงนี้และแสดงช่องสำหรับชื่อ อีเมล ฯลฯ ก่อน ต่อไปนี้คือรหัสที่มีประโยชน์ที่คุณสามารถใช้ได้:

 ฟังก์ชัน move_comment_field_to_bottom( $fields ) {
$comment_field = $fields['ความคิดเห็น'];
unset( $fields['comment'] );
$fields['comment'] = $comment_field;
ส่งคืนฟิลด์ $;
}

add_filter( 'comment_form_fields', 'move_comment_field_to_bottom');

#3 ลบ URL ของเว็บไซต์ออกจากความคิดเห็น

สแปมเป็นสิ่งที่แทบทุกเว็บไซต์บนอินเทอร์เน็ตต้องรับมือ และส่วนใหญ่จะอยู่ในส่วนความคิดเห็นที่ผู้ส่งสแปมเติบโต เนื้อหาสแปมส่วนใหญ่มี URL ดังนั้น หากคุณตั้งรหัสเพื่อลบความคิดเห็นใดๆ ที่มีลิงก์โดยอัตโนมัติ คุณจะสามารถลดสแปมบนเว็บไซต์ของคุณได้

รหัสนี้สามารถช่วยคุณได้:

 ฟังก์ชัน remove_comment_url($arg) {
$arg['url'] = '';
ส่งคืน $arg;
}

add_filter('comment_form_default_fields', 'remove_comment_url');

จัดรูปแบบความคิดเห็น WordPress ของคุณเองตอนนี้!

แม้ว่าแบบฟอร์มความคิดเห็นอาจดูเรียบง่าย แต่การแก้ไขและปรับแต่งอาจเป็นเรื่องยาก

สำหรับคนส่วนใหญ่ เราขอแนะนำให้ใช้ปลั๊กอิน WordPress ในรูปแบบความคิดเห็นที่กำหนดเอง ใช้งานง่ายและตอบสนองความต้องการของผู้ใช้ส่วนใหญ่

แต่สำหรับผู้ใช้ขั้นสูงและผู้ดูแลเว็บระดับมืออาชีพ การเจาะลึกลงไปในโค้ดจะช่วยให้คุณควบคุมรูปลักษณ์และการทำงานของแบบฟอร์มความคิดเห็นของเว็บไซต์ของคุณได้มากขึ้น!

ไม่ว่าในกรณีใด แบบฟอร์มความคิดเห็นเป็นส่วนสำคัญของเว็บไซต์ใดๆ หากคุณทำให้มันสวยหรือมีประโยชน์เพียงพอ ผู้ชมของคุณจะประทับใจ ดังนั้นคุณจะเพิ่มโอกาสในการกลับมาเข้าชม

ดังนั้นใช้เวลามากที่สุดเท่าที่คุณจะทำได้! เมื่อคุณทำแบบฟอร์มความคิดเห็นเสร็จแล้ว ก็ถึงเวลาเรียนรู้วิธีจัดการฟิลด์ความคิดเห็น

หากคุณมีคำถามใด ๆ เกี่ยวกับแบบฟอร์มความคิดเห็นของ WordPress โปรดแจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง!