วิธีเพิ่มระดับดาวใน WordPress

ในการเพิ่ม ระดับดาว ใน WordPress คุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอิน WP-PostRatings ก่อน เมื่อเปิดใช้งานปลั๊กอินแล้ว คุณจะต้องไปที่หน้า การตั้งค่า » PostRatings เพื่อกำหนดการตั้งค่าปลั๊กอิน คุณจะต้องเลือกจำนวนดาวที่คุณต้องการใช้ในการให้คะแนน จากนั้นคลิกที่ปุ่ม บันทึกการเปลี่ยนแปลง เพื่อบันทึกการตั้งค่าของคุณ เมื่อกำหนดค่าปลั๊กอินแล้ว คุณสามารถเพิ่มระดับดาวให้กับบทความหรือหน้าใดก็ได้บนไซต์ WordPress ของคุณโดยใช้รหัสย่อ [การให้คะแนน]

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

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

ฉันจะเปิดใช้งานการให้คะแนนดาวใน Woocommerce ได้อย่างไร

โดยไปที่ WooCommerce > การตั้งค่า > ผลิตภัณฑ์ คุณสามารถเปิดใช้งานการให้คะแนนด้วยดาวสำหรับผลิตภัณฑ์ของคุณ จากนั้นทำเครื่องหมายที่ช่อง เปิดใช้งานการให้คะแนนดาว ในบทวิจารณ์ และคุณสามารถแก้ไขการให้คะแนนได้

เมื่อผลิตภัณฑ์มีคะแนนมากกว่าศูนย์ ระดับดาวจะปรากฏขึ้น เมื่อดาวว่างเปล่า ข้อความที่ระบุว่า "ให้คะแนนผลิตภัณฑ์นี้" จะปรากฏขึ้น เมื่อผลิตภัณฑ์ได้รับการวิจารณ์อย่างน้อยหนึ่งรายการ การให้คะแนนสามารถแสดงในข้อความของบทวิจารณ์ได้ หากคุณติดตั้ง WordPress บนไซต์ของคุณ คุณจะต้องทำตามบทช่วยสอนนี้

ทำให้โพสต์บล็อกของคุณเปล่งประกายด้วยการจัดระดับดาว

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

วิธีเพิ่มระดับดาวใน Html

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

เพื่อให้เห็นภาพ เราจะใช้ตัวเลือกเทียมและการเปลี่ยน CSS เพื่อแสดงโค้ดที่เราใช้ที่นี่ แม้จะใช้ HTML CSS ในโปรเจ็กต์นี้ แต่เอฟเฟกต์ก็ยังเป็นไปได้หากคุณใช้ Javascript มาร์กอัปสำหรับดาวของเราจะถูกเพิ่มลงในคอนเทนเนอร์ div ชื่อ 'wrapper' ซึ่งเราจะใช้เป็นจุดเริ่มต้น ต่อไปนี้คือการสาธิตง่ายๆ เกี่ยวกับวิธีใช้ CSS บริสุทธิ์เพื่อสร้างเอ ฟเฟกต์การจัดระดับดาว ไฟล์สองไฟล์ที่จำเป็นต่อการทำโปรเจ็กต์นี้คือไฟล์เดียวและหนึ่งโฟลเดอร์ ไฟล์ HTML มาพร้อมกับนามสกุล a.html ในขณะที่ไฟล์ CSS มาพร้อมกับ a. ส่วนขยาย CSS นี่คือลิงค์ไปยังซอร์สโค้ดที่คุณควรคัดลอกและวางลงในไฟล์ที่คุณต้องการ

ดวงดาวประเภทต่างๆ

Supbr> Lineblock: บล็อกบรรทัด; *br ความสูงหนึ่งนิ้ว.
มีลูกศรระยะขอบซ้าย
ระยะขอบด้านขวาคือห้าร้อยแปดสิบห้า น้ำล้นมักถูกซ่อนไว้ ล้นมักจะซ่อนอยู่
ตำแหน่ง:ญาติ; (*)br เป็นหน้าที่ของตำแหน่ง การจัดตำแหน่งข้อความ:ศูนย์
ความกว้าง:12px; height:123br> โปรดจำไว้เสมอเมื่อคุณสมัครใช้งาน 1: 12 ของความกว้างขอบ 1
สไตล์เส้นขอบทึบ รหัสสีเส้นขอบคือ #ff0000
webkit borderradius คือ 50%
%22 mozborder%22รัศมี%2225%22; บนเส้นขอบ 100% มีรัศมี 50%
รัศมีของเส้นขอบ 50% ส่วนแทรกของกล่องเงา (0 14 rgba(0,0,0,.25, 0 14 rgba(0,0,0,.5));
ตั้งค่า Webkit-box-shadow เป็น 0 1p rgba(0,0,0, 25); ตั้งค่า Webkit-box-shadow เป็น 0 1p rgba(0,0,0, 25); ตั้งค่า Webkit-box-shadow เป็น 0 1p rgba(0,0,0,
สิ่งที่ใส่เข้าไป 0 1 rgba(0,0,0,0,.75), 0 1 rgba(0,0,0,.5) ในไอคอนของ amoz-box-shadow #.brbr.br.br.br.br.br.br.br.br.br นี่เป็นครั้งแรกที่ฉันพูดครึ่ง
ระยะขอบด้านซ้าย (-24px) คือ 24 นิ้ว
[br]br> -24px; ระยะขอบขวา

ปลั๊กอินการจัดอันดับดาวสำหรับ WordPress

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

ในปลั๊กอินนี้ คุณสามารถสร้างและบันทึกการให้คะแนนสำหรับรายการ WordPress แต่ละรายการ ไม่ว่าจะเป็นโพสต์ หน้าหรือผลิตภัณฑ์ สามารถสร้างคะแนนได้ถึง 12 ดาวสำหรับความจุใด ๆ ไม่ว่าจะเป็น 3, 5, 10 หรือ 12 ปลั๊กอินได้รับการปกป้องจากการโกงโดยขีด จำกัด IP ที่ปรับแต่งได้สำหรับการโหวตแต่ละครั้ง

ปลั๊กอิน WordPress ทำให้การให้คะแนนโพสต์และเพจเป็นเรื่องง่าย

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

เพิ่มระดับดาวให้กับความคิดเห็นของ WordPress

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

ไปที่ /wp-content/plugins/ ในการติดตั้ง WordPress และตั้งค่าโฟลเดอร์ ci-comment-rating (หรืออะไรก็ได้ที่คุณต้องการ) หลังจากแก้ไขไฟล์แล้ว ให้ใช้ส่วนหัวที่คล้ายกับที่พบในตัวอย่างก่อนหน้า หากต้องการวางระบบการให้คะแนนในช่องแสดงความคิดเห็น ให้ป้อนรหัสที่พบในหน้าต่อไปนี้ หากต้องการดูว่ามีการให้คะแนนหรือไม่ เราแทรก comment_text มันจะปรากฏขึ้นหากเราสร้างมาร์กอัปและจะถูกส่งคืนในข้อความของความคิดเห็น หากคุณไม่ต้องการ กำหนดข้อกำหนดการให้คะแนน คุณสามารถลบบิตออกจากอินเทอร์เฟซการให้คะแนนด้านบนได้ ในไฟล์หลักของปลั๊กอิน ให้รวมไฟล์นี้

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

วิธีเพิ่มฟิลด์การให้คะแนนให้กับผลิตภัณฑ์ของคุณใน Woocommerce

หากต้องการเพิ่ม ฟิลด์การให้คะแนนให้ กับผลิตภัณฑ์ของคุณ ให้ไปที่ลักษณะที่ปรากฏ

รหัสย่อการจัดอันดับดาว WordPress

คุณสามารถเพิ่มดาวให้กับโพสต์หรือหน้าใดก็ได้โดยใช้รหัสย่อ [pipdig_stars] การตั้งค่าคะแนนเป็น 5 จาก 5 คุณต้องป้อนค่าตัวเลข: ตัวเลือกสีสามารถเป็นรหัสสี HTML ใดก็ได้ ตัวเลข 123456 คือการรวมกันของคำสองคำ (เช่น #1234568)

รหัสย่อสำหรับการให้คะแนนระดับห้าดาวอยู่ด้านล่าง คุณสามารถทำให้ไซต์ของคุณน่าสนใจยิ่งขึ้นด้วยการให้คะแนนระดับ 5 ดาวที่เรียบง่ายและใช้งานง่ายในทุกสถานที่ โดยใช้วิธี JavaScript ปลั๊กอินใช้วิธี SVG และ JavaScript สำหรับไอคอน Font Awesome ปลั๊กอินนี้ใช้ปลั๊กอินเริ่มต้นของ Hugh Lashbrooke ซึ่งเป็นเทมเพลตที่มีประสิทธิภาพและได้รับอนุญาตจาก GPL สำหรับการสร้างปลั๊กอิน WordPress ที่ตรงตามมาตรฐานอุตสาหกรรม รหัสย่อ การให้คะแนนระดับห้าดาว เป็นโครงการซอฟต์แวร์โอเพ่นซอร์ส เวอร์ชันฟรีไม่มีการตั้งค่าที่กำหนดค่าได้ ไม่มีอะไรที่คุณสามารถทำได้เพื่อเปลี่ยนสีของดวงดาว (ซึ่งเป็นขาวดำ) ไม่มีอะไรที่คุณสามารถลบหลังจากดวงดาว (ซึ่งไม่มีอะไรเลย) นี่ไม่ใช่ความคิดที่ดีเพราะการติดตั้งปลั๊กอินบนคอมพิวเตอร์ของคุณนั้นไม่มีประโยชน์

การตั้งค่าการให้คะแนนใน WordPress และ Woocommerce

WordPress และ WooCommerce อนุญาตให้ผู้ใช้ให้คะแนนโพสต์และผลิตภัณฑ์ นอกจากนี้ ทั้งสองแพลตฟอร์มยังอนุญาตให้สร้างค่าสำหรับแอตทริบิวต์ data-value ที่จะใช้เพื่อแสดงการให้คะแนน

WordPress Star Rating โพสต์ที่กำหนดเอง ประเภท

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

หากคุณมีคำถามใดๆ เกี่ยวกับการจัดระดับดาวสำหรับประเภทโพสต์ที่กำหนดเอง โปรดส่งอีเมลไปที่ [email protected] types.com Toolset ก่อตั้งขึ้นเมื่อสองปีกับหนึ่งเดือนที่ผ่านมา คำแนะนำที่คุณกำลังอ่านดูเหมือนจะล้าสมัย นี่เป็นบล็อกพื้นฐานอย่างยิ่งที่สามารถใช้เพื่อแสดงค่าตัวเลขเท่านั้น (คงที่หรือเชื่อมโยงกับฟิลด์ที่กำหนดเอง) ตรงกันข้ามกับฟิลด์การให้คะแนนดาว ซึ่งเป็นฟิลด์ตัวเลขเท่านั้น บล็อกการให้คะแนน จะแสดงเฉพาะการจัดระดับดาวในรูปแบบ STAR RATING การคำนวณไม่ได้ขึ้นอยู่กับจำนวนการให้คะแนนของโรงยิม แต่ขึ้นอยู่กับจำนวนผู้เข้าร่วม ค่านี้เป็นค่าคงที่ที่เพิ่มไปยังโพสต์ยิม

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