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

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

นี่คือสิ่งที่เราจะทำ:

  • การปรับแต่งเต็มรูปแบบ
  • การออกแบบรูปลักษณ์
  • การนับจำนวนความคิดเห็น
  • การนับข้อความต่อผู้ใช้
  • กำหนดสถานะให้กับผู้ใช้แต่ละคน
  • และสิ่งเล็กๆ น้อยๆ อื่นๆ

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

การปรับแต่งความคิดเห็น

ใน WordPress ความคิดเห็นจะแสดงผ่านฟังก์ชัน wp_list_comments ซึ่งโดยปกติจะอยู่ในไฟล์ comment.php และจากเทมเพลตจะใช้การก่อตัวของฟังก์ชันแต่ละฟังก์ชันรวมถึงวงจรของตัวเองด้วย ไฟล์ระบบความคิดเห็น template.php แต่ในบางกรณีที่เกิดขึ้นไม่บ่อยนัก การตั้งค่าอาจอยู่ในไฟล์ธีม WordPress, Functions.php หรือ Comments.php

ดังนั้น หากธีมของคุณไม่จัดอยู่ในกรณีที่หายากและคุณต้องทำการตั้งค่าของคุณเอง ให้เปิดไฟล์ function.php และก่อนเครื่องหมาย ?> ให้เพิ่มโค้ดต่อไปนี้:

ถ้า (! function_exists("my_comment")) : function my_comments($comment, $args, $ledge) ( global $commentnumber; $GLOBALS["comment"] = $comment; switch ($comment->comment_type) : case " pingback" : case "trackback" : ?>

    • หลังจากการปรับเปลี่ยนเหล่านี้ ความคิดเห็นของคุณจะถูกสร้างขึ้นโดยใช้ฟังก์ชันเทมเพลตจากไฟล์ function.php ของธีมปัจจุบัน

    การนับความคิดเห็นต่อผู้ใช้

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

    เราเปิดไฟล์ function.php ที่เราคุ้นเคยอยู่แล้ว และเพิ่มโค้ดต่อไปนี้ที่ส่วนท้ายก่อนเครื่องหมาย ?>:

    //ฟังก์ชันการนับข้อความของผู้ใช้ bac_comment_count_per_user() ( global $wpdb; $comment_count = $wpdb->get_var("SELECT COUNT(comment_ID) FROM ". $wpdb->comments." WHERE comment_author_email = "" . get_comment_author_email() ." " AND comment_approved = "1" AND comment_type NOT IN ("pingback", "trackback")"); if ($comment_count == 1) ( echo " 1 ข้อความ"; ) else ( echo " " . $comment_count . " ข้อความ "; ) )

    ตอนนี้สิ่งที่เหลืออยู่คือการเพิ่มฟังก์ชันการโทรไปยังตำแหน่งที่คุณต้องการ:

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

    เรากำหนดสถานะให้กับผู้ใช้แต่ละคนขึ้นอยู่กับจำนวนความคิดเห็น

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

    เปิดไฟล์ function.php อีกครั้ง และก่อนเครื่องหมาย ?> ให้เพิ่มโค้ดต่อไปนี้:

    //ฟังก์ชันสถานะผู้ใช้ get_author_class($comment_author_email,$user_id)( global $wpdb; $adminEmail = get_option("admin_email"); $author_count = count($wpdb->get_results("SELECT comment_ID as author_count FROM $wpdb->AdminUseR "; if($author_count>=1 && $author_count=50 && $author_count=100 && $author_count=250 && $author_count=400 &&$author_count=800 && $author_countProfessor"; )

    และในตำแหน่งที่ต้องการเราจะแสดงฟังก์ชันการโทร:

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

    รหัสความคิดเห็นที่เสร็จสมบูรณ์โดยสมบูรณ์

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

    เปิดไฟล์ function.php และต่อท้ายก่อนเครื่องหมาย ?> ให้เพิ่มโค้ดต่อไปนี้:

    //ฟังก์ชันการนับข้อความของผู้ใช้ bac_comment_count_per_user() ( global $wpdb; $comment_count = $wpdb->get_var("SELECT COUNT(comment_ID) FROM ". $wpdb->comments." WHERE comment_author_email = "" . get_comment_author_email() ." " AND comment_approved = "1" AND comment_type NOT IN ("pingback", "trackback")"); if ($comment_count == 1) ( echo " 1 ข้อความ"; ) else ( echo " " . $comment_count . " ข้อความ "; ) ) // ฟังก์ชั่นสถานะผู้ใช้ get_author_class($comment_author_email,$user_id)( global $wpdb; $adminEmail = get_option("admin_email"); $author_count = count($wpdb->get_results("SELECT comment_ID as author_count FROM $ wpdb->ความคิดเห็น WHERE comment_author_email = "$comment_author_email" ")); if($comment_author_email ==$adminEmail) echo "Admin"; if($user_id!=0 && $comment_author_email !=$adminEmail) echo "UseR"; if ($author_count>=1 && $author_count=50 && $author_count=100 && $author_count=250 && $author_count=400 &&$author_count=800 && $author_count=1200 && $comment_author_email !==$adminEmail) echo "ศาสตราจารย์"; ) //ปรับแต่งความคิดเห็น if (! function_exists("wordsmall_comment")) : function wordsmall_comment($comment, $args, $ledge) ( global $commentnumber; $GLOBALS["comment"] = $comment; switch ($comment- > comment_type) : case "pingback" : case "trackback" : ?> @ ตอบกลับ:

    เปลี่ยนเป็นสิ่งนี้:

    ขั้นตอนสุดท้าย เปิดไฟล์ style.css และในตอนท้ายให้เพิ่มสไตล์ต่อไปนี้:

    My_commentlist( border-top:none; ) .my_commentlist .comment( padding:0 0 15px 0; border:none; ) .my_commentlist .pingback( padding:0 0 15px 0; border:none; ) .my_commentlist .comment .children ( list-style-type: none; padding:0px; margin-left:0px;/*ถ้าคุณต้องการระยะขอบสำหรับ coms รูปต้นไม้ ให้ใส่ 15px*/ .my_commentlist .comment .children .comment( margin:15px 0 0 0 ; เส้นขอบ: ไม่มี; การขยาย: 0; ) #comments ( พื้นหลัง: #fff; ) #comments .my_commentlist ( ระยะขอบ: 10px 0; การขยาย: 0; สไตล์รายการ: ไม่มี; พื้นหลัง: #ebf0f3; การขยาย: 5px; ) # ความคิดเห็น .my_commentlist .comment ( margin:0; padding: 0 0 10px; พื้นหลัง: #fff; ) #comments .my_commentlist .my_comment-author ( จอแสดงผล: อินไลน์; border-right: 1px solid #e0e0e0; width: 100px; float: ซ้าย; ระยะขอบ : 0px 15px 10px 0; ) #comments .my_commentlist .commentmetadata ( float:left; ) #comments .my_commentlist p ( clear:none; color: #555; font: 14px arial; line-height: 23px; ) # ความคิดเห็น .my_commentlist .comment-content ( ขอบซ้าย: 116px; ช่องว่างภายในขวา: 10px; ) #comments .my_commentlist .reply ( text-align:right; ) #comments .my_commentlist .reply a( พื้นหลัง: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 2px; color : #515456; display: font-size: 13px; line-height: 30px; min-height: 0 12px; float: ไม่มี; ระยะขอบ: 5px อัตโนมัติ; การขยาย: 0px; จอแสดงผล: ตาราง; ) .my_commentlist .comment-header( ความสูง: 30px; พื้นหลัง: #DEE5EB; ระยะขอบล่าง: 15px; ) .my_commentlist cite.fn( สี: # 444; แบบอักษร: ตัวหนา 13px/30px arial; ลอย: ขวา; ช่องว่างภายใน: 15px; ) .my_commentlist -body ( ล้น: ซ่อนอยู่ ตำแหน่ง: ญาติ; พื้นหลัง:#fff; ) .my_commentlist .rep-authorcom ( color: #25394e; font-size: 13px; line-height: 30px; ) .my_commentlist .edit-link a ( พื้นหลัง: none !important; border: none !important; border-radius: 0 !important; color: #999!important; text-align: none; ; สี: #666; จอแสดงผล: บล็อก; ขนาดตัวอักษร: 11px; เส้นขอบ: ปานกลาง ไม่มี แบบอักษร: ตัวหนา 13px arial; แสดงผล: บล็อก; ระยะขอบ- ด้านล่าง: 5px; ตกแต่งข้อความ: ไม่มี; ;) .vip2 (สี: #BE005E;).vip7 (สี: #99A400;).vip (สี: #4c5176;ขนาดตัวอักษร: 11px;ระยะขอบ: 0 ;)

    โค้ดทำงานได้อย่างสมบูรณ์และไม่ก่อให้เกิดข้อผิดพลาด แต่อาจจำเป็นต้องเปลี่ยนแปลงสไตล์ CSS เล็กน้อย

    สวัสดีเพื่อน! Vladimir Savelyev กำลังติดต่ออยู่ วันนี้ผมจะแสดงวิธีสร้าง ปรับแต่ง และออกแบบแบบฟอร์มแสดงความคิดเห็น WordPress อย่างสวยงาม ทั้งแบบมีและไม่มีปลั๊กอิน... และเราจะดูคำถามที่สำคัญมาก: ความคิดเห็นส่งผลต่อการจัดอันดับของบล็อกใน เครื่องมือค้นหา- แต่สิ่งแรกก่อนอื่น...

    ในบทความนี้ฉันจะตอบคำถามต่อไปนี้:

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

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

    อย่างไรก็ตาม ขอแสดงความยินดีกับหิมะแรก! ฉันไม่รู้เกี่ยวกับคุณ แต่วันนี้ในเมืองของเราหิมะตกทั้งวัน และคาดว่าจะมาถึง ปีใหม่และกลิ่นส้มเขียวหวาน =) ฉันไม่มีเวลาสนุกกับฤดูร้อนที่ผ่านมา ฉันยุ่งกับธุรกิจและงานตลอดเวลา ฉันไม่สังเกตว่าฤดูร้อนผ่านไปอย่างไร = (เอาล่ะ ฉันจะยัง มีเวลาพักผ่อน อย่างที่ภรรยาที่รักบอก เธอเกษียณแล้ว ฉันจะพักผ่อน!

    เอาล่ะ กลับเข้าประเด็นกันดีกว่า!

    เริ่มต้นด้วยความคิดเห็นของ WordPress ส่งผลต่อการจัดอันดับบล็อกในเครื่องมือค้นหาอย่างไร! คำตอบนั้นชัดเจน - นี่คืออิทธิพลของ PF นั่นคือปัจจัยด้านพฤติกรรม!

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

    และในบล็อกที่มีการแสดงความคิดเห็นหลังจากอ่านบทความแล้วผู้เยี่ยมชมก็จะอ่านความคิดเห็นด้วย มันน่าสนใจว่าคนอื่นเขียนอะไรในหัวข้อนี้ที่น่าสนใจ! และถ้าผู้เยี่ยมชมร่วมสนทนาด้วยก็จะงดงามมาก =) เขาจะเข้ามาที่หน้านี้กี่ครั้งเพื่อดูว่ามีใครตอบเขาหรือยัง?!

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

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

    เอาล่ะ ทฤษฎีเพียงพอแล้ว มาดูภาคปฏิบัติกันดีกว่า!

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

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

    วิธีการออกแบบแบบฟอร์มแสดงความคิดเห็นให้สวยงาม

    ในขั้นตอนนี้ คุณจะต้องมีความรู้พื้นฐานเกี่ยวกับ CSS และ html เป็นอย่างน้อย หากคุณไม่มีให้ทำด้วยความเสี่ยงและอันตรายและอย่าลืมบันทึกรหัสต้นฉบับก่อนทำการแก้ไข

    หากต้องการเปลี่ยนการออกแบบความคิดเห็นคุณต้องค้นหาในการตั้งค่า ลักษณะ - ตัวแก้ไข - สไตล์ชีต (style.css) ประมาณรหัสต่อไปนี้:

    รายการความคิดเห็น div.comment(พื้นหลัง:#f6f6f6;margin-bottom:15px;padding:10px 10px 10px 80px;position:relative;border: 1px solid #bbb; border-radius: 8px;)

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

    วิธีเน้นความคิดเห็นของผู้เขียนโดยไม่ต้องใช้ปลั๊กอิน

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

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

    หากต้องการใช้คุณลักษณะนี้กับโค้ดโดยไม่ต้องใช้ปลั๊กอิน คุณจะต้องเพิ่มคลาสสไตล์ใหม่ด้วยการเข้าสู่ระบบของผู้ดูแลบล็อกในการตั้งค่า: ลักษณะที่ปรากฏ – ตัวแก้ไข – สไตล์ชีต (style.css)

    ในกรณีของฉันรหัสมีลักษณะดังนี้:

    Commentlist div.comment-author-การเข้าสู่ระบบของคุณเมื่อเข้าสู่แผงผู้ดูแลระบบ (สีพื้นหลัง:#f5f5e1!important;margin-bottom:15px;padding:10px 10px 10px 80px;position:relative;border: 1px solid #bbb; border- รัศมี : 8px;)

    และเปลี่ยนดีไซน์แตกต่างจากคอมเมนต์อื่น! มันง่ายมาก!

    เพื่อป้องกันไม่ให้ผู้โจมตีค้นพบการเข้าสู่ระบบที่แท้จริงของคุณ ให้เขียนโค้ดใน Functions.php

    ฟังก์ชั่น del_login_css ($css) (
    foreach ($css เป็น $key => $class) (
    if (strstr ($class, "การเข้าสู่ระบบจริงของคุณ")) (
    $css[$key] = "ลองจินตนาการถึงตัวละคร"; -
    กลับ $css;
    }
    add_filter("comment_class", "del_login_css");

    วิธีทำกราวาตาร์ของคุณเอง (ภาพในความคิดเห็น)

    หากคุณต้องการให้รูปภาพของคุณแสดงเมื่อแสดงความคิดเห็นในบล็อกของคุณหรือบล็อกอื่นๆ และไม่ใช่ภาพว่างเปล่า คุณต้องดำเนินการดังต่อไปนี้ ลงทะเบียนได้ที่ https://ru.gravatar.com

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

    สำคัญ ปลั๊กอิน WordPressสำหรับการแสดงความคิดเห็น

    ฉันจะแสดงรายการปลั๊กอินแสดงความคิดเห็นหลักสามรายการที่ฉันมีในบล็อกของฉัน ฉันแนะนำให้คุณติดตั้งด้วย!

    • ความคิดเห็นเปลี่ยนเส้นทางโดย Yoast – ขอบคุณปลั๊กอินสำหรับความคิดเห็นแรก! ก่อนอื่นคุณต้องสร้างหน้าขอบคุณและป้อนเส้นทางไปยังการตั้งค่าปลั๊กอิน!
    • WordPress Zero Spam เป็น captcha ที่มองไม่เห็น ออกแบบมาเพื่อป้องกันสแปม มันไม่รบกวนผู้แสดงความเห็นในการแก้ตัวอย่างทางคณิตศาสตร์ เพียงแต่พวกเขาไม่เห็น...
    • – สมัครสมาชิกเพื่อแสดงความคิดเห็น วิธีการทำงาน: โดยการเขียนความคิดเห็น ผู้เยี่ยมชมสามารถสมัครรับข้อมูลอัปเดตของตน รวมถึงจัดการการสมัครรับข้อมูลได้
    อีโมติคอนในรูปแบบความคิดเห็นของ WordPress

    อ่านบทความเกี่ยวกับวิธีการสร้างอีโมติคอน รวมถึงวิธีแทนที่อีโมติคอนมาตรฐานด้วยอิโมติคอนอื่น ๆ

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


    ขอแสดงความนับถือ Vladimir Savelyev

    บทเรียนระดับพรีเมียมจาก webformyself club นี่คือผลิตภัณฑ์ปฏิวัติใหม่ในด้านการฝึกอบรมการสร้างเว็บไซต์! วิดีโอสอนที่ดีที่สุดทั้งหมดรวบรวมไว้ในที่เดียวและแบ่งออกเป็นหมวดหมู่: WordPress, Joomla, PHP, HTML, CSS และ JavaScript... ฐานข้อมูลได้รับการอัปเดตอย่างต่อเนื่องและมีบทเรียนมากกว่า 200 บทอยู่แล้ว! ในเวลาเพียงหนึ่งปี คุณสามารถเป็นเว็บมาสเตอร์ที่มีประสบการณ์ได้ตั้งแต่เริ่มต้น!

    รายละเอียดเพิ่มเติม

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

    ขั้นตอนที่ 1 ทำความเข้าใจฟังก์ชัน comment_form และอาร์กิวเมนต์

    มาดูฟังก์ชัน comment_form ของ WordPress กันดีกว่า มีหน้าที่แสดงแบบฟอร์มแสดงความคิดเห็นที่ปรากฏบนเพจหรือโพสต์ การเรียกใช้ฟังก์ชันนี้ส่วนใหญ่สามารถพบได้ในไฟล์ comment.php ในโฟลเดอร์ธีม ไฟล์นี้รวมอยู่ในตำแหน่งต่างๆ เช่น ในไฟล์ single.php และ page.php โดยตรงหรือผ่านการเรียกไปยังฟังก์ชัน comment_template

    คำอธิบายของฟังก์ชั่นสามารถพบได้ใน WordPress codex.

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

    ข้อโต้แย้งที่สำคัญบางประการของฟังก์ชัน comment_form:

    • ฟิลด์ - คุณสามารถใช้มันเพื่อควบคุมการแสดงฟิลด์ในแบบฟอร์มความคิดเห็น
    • comment_notes_before และ comment_notes_after - ใช้เพื่อแสดงข้อมูลก่อนและหลังแบบฟอร์ม
    • title_reply - ใช้เพื่อเปลี่ยนชื่อของการตอบกลับ ซึ่งมีค่าเริ่มต้นเป็น 'ฝากคำตอบไว้'
    • label_submit - ใช้เพื่อเปลี่ยนข้อความบนปุ่มส่งความคิดเห็น
    ขั้นตอนที่ 2 ปรับแต่งแบบฟอร์มความคิดเห็นโดยใช้ฟังก์ชัน comment_form

    ตอนนี้เรามาสร้างแบบฟอร์มแสดงความคิดเห็นโดยส่งอาร์กิวเมนต์ไปยังฟังก์ชัน comment_form

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

    $fields = array("ผู้เขียน" => "

    " . "" . __("ชื่อ") . " " . ($req ? "*" : "") . "

    , "อีเมล" => " , "URL" => "

    " . __("เว็บไซต์") . "" . "

    ",);

    หากเราต้องการลบฟิลด์ เช่น เว็บไซต์ เราเพียงแค่ต้องยกเว้นฟิลด์นั้นออกจากอาร์เรย์และส่งอาร์เรย์ไปยังฟังก์ชัน comment_form

    $commenter = wp_get_current_commenter(); $req = get_option("require_name_email"); $aria_req = ($req ? " aria-required="true"" : ""); $fields = array("ผู้เขียน" => "

    " . "" . __("ชื่อ") . " " . ($req ? "*" : "") . "

    , "อีเมล" => " ",); $comments_args = array("fields" => $fields); comment_form($comments_args);

    นอกจากนี้ เราจะเปลี่ยนชื่อของแบบฟอร์มเป็น "โปรดแสดงความคิดเห็นอันมีค่าของคุณแก่เรา" และคำจารึกบนปุ่มเป็น "ส่งความคิดเห็นของฉัน"

    เพื่อให้งานเสร็จสมบูรณ์ เราจะส่งอาร์กิวเมนต์ต่อไปนี้ไปยังฟังก์ชัน comment_form:

    $commenter = wp_get_current_commenter(); $req = get_option("require_name_email"); $aria_req = ($req ? " aria-required="true"" : ""); $fields = array("ผู้เขียน" => "

    " . "" . __("ชื่อ") . " " . ($req ? "*" : "") . "

    , "อีเมล" => " ",); $comments_args = array("fields" => $fields, "title_reply"=>"กรุณาให้ความคิดเห็นอันมีค่าของคุณแก่เรา", "label_submit" => "ส่งความคิดเห็นของฉัน"); comment_form($comments_args);

    ตอนนี้แบบฟอร์มความคิดเห็นจะมีลักษณะดังนี้:

    ขั้นตอนที่ 3 การลบฟิลด์ออกจากฟอร์มโดยใช้ hook

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

    ลองลบฟิลด์ URL โดยใช้ตัวกรอง โค้ดข้างต้นสามารถใช้ได้ในปลั๊กอินหรือในไฟล์ function.php ของธีมที่ใช้งานอยู่

    ฟังก์ชั่น Remove_comment_fields($fields) ( unset($fields["url"]); return $fields; ) add_filter("comment_form_default_fields","remove_comment_fields");

    ขั้นตอนที่ 4 เพิ่มข้อมูลลงในแบบฟอร์มความคิดเห็นโดยใช้เบ็ด

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

    เพิ่มฟิลด์เช่นนี้:

    ฟังก์ชั่น add_comment_fields($fields) ( $fields["age"] = "

    " . __("อายุ") . "" . "

    "; return $fields; ) add_filter("comment_form_default_fields","add_comment_fields");

    #respond ป้ายกำกับ .comment-form-author, #respond ป้ายกำกับ .comment-form-email, #respond ป้ายกำกับ .comment-form-url, #respond ป้ายกำกับ .comment-form-age, #respond ป้ายกำกับ .comment-form-comment ( พื้นหลัง: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); : 13px; ความกว้างขั้นต่ำ: 4px 10px;

    ตอนนี้แบบฟอร์มความคิดเห็นของเราจะมีลักษณะดังนี้:

    ขณะนี้อายุถูกจัดเก็บไว้เป็นข้อมูลเพิ่มเติม คุณต้องใช้เบ็ดใน 'comment_post':

    ฟังก์ชั่น add_comment_meta_values($comment_id) ( if(isset($_POST["age"])) ( $age = wp_filter_nohtml_kses($_POST["age"]); add_comment_meta($comment_id, "age", $age, false); ) ) add_action("comment_post", "add_comment_meta_values", 1);

    เมื่อบันทึกข้อมูลแล้ว ก็สามารถส่งออกเป็นความคิดเห็นได้ดังนี้

    ขั้นตอนที่ 5 การตั้งค่าความคิดเห็นสำหรับประเภทโพสต์เฉพาะ

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

    ฟังก์ชั่น add_comment_fields($fields) ( if(is_singular("books")) ( $fields["age"] = "

    " . __("อายุ") . "" . "

    "; ) ส่งคืน $fields; ) add_filter("comment_form_default_fields","add_comment_fields");

    ขั้นตอนที่ 6 สร้างฟังก์ชันโทรกลับเพื่อแสดงความคิดเห็น

    ฟังก์ชัน wp_list_comments ใช้เพื่อแสดงความคิดเห็นในโพสต์ ในโค้ดเวิร์ดเพรสมีการอธิบายฟังก์ชั่นโดยละเอียด

    wp_list_comments มีอาร์กิวเมนต์ ' callback ' ซึ่งคุณสามารถกำหนดฟังก์ชันที่จะถูกเรียกเมื่อมีการแสดงความคิดเห็น

    ในธีม Twenty Eleven ในไฟล์ comment.php คุณจะพบบรรทัด:

    Wp_list_comments(array("callback" => "twentyeleven_comment"));

    มาเปลี่ยนเป็น:

    Wp_list_comments(array("callback" => "my_comments_callback"));

    ฟังก์ชัน my_comments_callback จะถูกเรียกใช้สำหรับแต่ละโพสต์

    ขั้นตอนที่ 7: ความคิดเห็นเกี่ยวกับสไตล์

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

    รหัสฟังก์ชัน 'my_comments_callback':

    ฟังก์ชั่น my_comments_callback($comment, $args, $ledge) ( $GLOBALS["comment"] = $comment; ?>

    เหล่านั้น. ในพารามิเตอร์ฟังก์ชัน (สิ่งที่อยู่ในวงเล็บหลังชื่อ) ไม่มีพารามิเตอร์ที่เรียกว่า 'callback'

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

    2. โทร wp_list_comments ด้วยการโทรกลับ:

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

    ในฟังก์ชันแบบกำหนดเอง custom_comment นี้จะมีโค้ดที่รับผิดชอบในการปรากฏของความคิดเห็นแต่ละรายการ และความคิดเห็นทั้งหมดโดยรวมจึงตั้งอยู่

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

    get_comment_author_link() – รับลิงก์ html ไปยังเว็บไซต์ของผู้เขียนความคิดเห็นปัจจุบัน

    get_comment_date() – รับวันที่แสดงความคิดเห็น;

    get_comment_time() – รับเวลาแสดงความคิดเห็น;

    comment_text() – แสดงข้อความของความคิดเห็น;

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

    ตัวอย่างเช่น ในโค้ดฟังก์ชันแบบกำหนดเอง ส่วนของเอาต์พุตอวาตาร์:

    < div class = "comment-author" >

    < / div >

    ตอนนี้สิ่งที่เหลืออยู่คือการตั้งค่าคุณสมบัติที่ต้องการให้กับคลาสผู้เขียนความคิดเห็นใน style.css รายละเอียดเพิ่มเติม ตัวอย่างเฉพาะฉันจะหารือเกี่ยวกับการเปลี่ยนแปลงสไตล์ในบทความใดบทความหนึ่งต่อไปนี้

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

    คำตอบ: คุณต้องสร้างมันขึ้นมา

    ตัวเลือกที่ง่ายที่สุดคือการคัดลอกโค้ดของฟังก์ชัน WordPress comment() มาตรฐาน

    คำแนะนำในการสร้างฟังก์ชันแบบกำหนดเองเพื่อแสดงความคิดเห็น:

    1. เปิดไฟล์ /wp-includes/comment-template.php และค้นหาฟังก์ชัน comment() ในนั้น

    นี่คือจุดเริ่มต้นของคำอธิบายของเธอ

    /** * @since 3.6 * @access protected * * @param object $comment ความคิดเห็นที่จะแสดง * @param int $deep ความลึกของความคิดเห็น * @param array $args ตัวเลือก args */ ฟังก์ชั่นที่ได้รับการป้องกัน ความคิดเห็น($ความคิดเห็น, $ความลึก, $args) (

    * @ตั้งแต่ 3.6

    * @access ได้รับการป้องกัน

    * @param object $comment ความคิดเห็นที่จะแสดง

    * @param int $deep ความลึกของความคิดเห็น

    * @param array $args ตัวเลือก args

    ความคิดเห็นของฟังก์ชันที่ได้รับการป้องกัน ($ความคิดเห็น, $ความลึก, $args) (

    2. คัดลอกเนื้อหาทั้งหมดของฟังก์ชัน comment()

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

    เมื่อเร็วๆ นี้ ฉันได้เจาะลึกไฟล์ต่างๆ ของธีม WordPress ของฉัน นั่นคือกฎสำหรับเทมเพลตแสดงความคิดเห็น พร้อมทั้งทำความเข้าใจโครงสร้างและฟังก์ชันต่างๆ ที่รับผิดชอบในการแสดงความคิดเห็นในโพสต์บล็อกไปพร้อมๆ กัน ด้วยเหตุนี้ ฉันจึงเปลี่ยนเอาต์พุตมาตรฐาน สร้างและรวมไฟล์ comment.php ของฉันเอง ฉันตัดสินใจนำเสนอผลลัพธ์ที่ได้รับในรูปแบบบทความเนื่องจากฉันเข้าใจหัวข้อนี้ดีและมีเนื้อหาค่อนข้างมาก

    ฉันหวังว่าบทความนี้จะเป็นประโยชน์สำหรับเจ้าของบล็อก WordPress ที่คุ้นเคยกับ HTML, CSS และ PHP

    ***

    ใน WordPress หากต้องการเชื่อมต่อเทมเพลตความคิดเห็นกับโพสต์หรือเพจ ให้ใช้ฟังก์ชัน comment_template() ซึ่งรับพารามิเตอร์สองตัว:

    • เส้นทางแรกคือเส้นทางไปยังไฟล์เทมเพลต โดยค่าเริ่มต้นคือ comment.php ในโฟลเดอร์ที่มีธีมปัจจุบัน
    • ส่วนที่สองใช้เพื่อแยกความคิดเห็นตามประเภท (ปกติ, trackbacks และ pingbacks), false ตามค่าเริ่มต้น

    มาแทรก comment_template() หลังจากที่รายการปรากฏในเทมเพลตโพสต์ single.php หรือหน้า page.php

    สำหรับคำอธิบายและอาร์กิวเมนต์ที่ยอมรับของฟังก์ชัน comment_template() และอื่นๆ ที่กล่าวถึงในบทความ โปรดดูใน WordPress Codex

    กำลังเตรียมเทมเพลต

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

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

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

    นี่คือโค้ด wrapper สำหรับการดำเนินการต่อไปของเรา ตอนนี้เรามาเตรียมคอนเทนเนอร์สำหรับบล็อกความคิดเห็นด้วยคลาสหรือตัวระบุที่ถูกต้องตามความหมาย (แน่นอนว่าคลาสจะดีกว่า):

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

    "

    ที่นี่เราได้ระบุหนึ่งในฟังก์ชัน WordPress - the_title() ผลลัพธ์ของการดำเนินการฟังก์ชันนี้จะเป็นผลลัพธ์ของชื่อเรื่องของโพสต์หรือเพจปัจจุบัน หากคุณไม่ต้องการแสดงชื่อเรื่อง คุณสามารถเขียนเพียง “ความคิดเห็นของผู้อ่าน”

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

    ดังนั้น หลังจากการกำหนดปัญหานี้ มันชัดเจนว่าสำหรับการนำไปปฏิบัติ เราจำเป็นต้องมีโครงสร้าง if/else และฟังก์ชันสำหรับแสดงจำนวนความคิดเห็น get_comments_number() หากฟังก์ชันส่งคืน 0 (ศูนย์) เราจะแสดง "ยังไม่มีความคิดเห็น..." มิฉะนั้น "ความคิดเห็นของผู้อ่าน...":

    ยังไม่มีความคิดเห็น แต่คุณสามารถเป็นความคิดเห็นของผู้อ่านคนแรกในบทความ "" การสนทนาถูกปิดสำหรับหน้านี้

    แสดงความคิดเห็น

    เยี่ยมมาก เราได้แสดงส่วนหัวขึ้นอยู่กับการมีหรือไม่มีความคิดเห็น ตอนนี้มันสมเหตุสมผลแล้วที่จะแสดงความคิดเห็นด้วยตนเอง - ฟังก์ชัน wp_list_comments() มีหน้าที่รับผิดชอบในเรื่องนี้ ฟังก์ชันเริ่มต้นจะล้อมความคิดเห็นทั้งหมดไว้ในแท็ก

  • ดังนั้นคุณควรเพิ่ม wrapper ด้วย class allowance.commentlist:

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

    $args = array("avatar_size" => 64, // ขนาดอวาตาร์ 64*64px, ค่าเริ่มต้น 32 "reply_text" => "ตอบกลับ" // ข้อความตอบกลับความคิดเห็น "callback" => "my_comments" // function เพื่อสร้างความคิดเห็นภายนอก)

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