วิธีสร้างแบบฟอร์มการค้นหา WordPress แบบกำหนดเอง (ขั้นตอนง่าย ๆ )

คุณกำลังคิดเกี่ยวกับวิธีสร้างแบบฟอร์มการค้นหาที่กำหนดเองใน WordPress หรือไม่?

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

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

ทำไมคุณถึงต้องการแบบฟอร์มการค้นหาแบบกำหนดเอง?

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

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

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

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

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

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

SearchWP เป็นปลั๊กอินการค้นหาอันดับ 1 สำหรับเว็บไซต์ WordPress มีการติดตั้งอย่างแข็งขันในเว็บไซต์มากกว่า 30,000 แห่งและให้คุณสมบัติสำหรับการปรับแต่งผลการค้นหา

SearchWP จะค้นหาผลลัพธ์ที่ตรงกันในโพสต์/หน้า ความคิดเห็น การจัดหมวดหมู่ และฟิลด์ที่กำหนดเอง

คุณลักษณะยอดนิยมบางอย่างของปลั๊กอิน SearchWP คือ:

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

และอื่น ๆ อีกมากมาย.

มาดูขั้นตอนที่แน่นอนในการสร้างแบบฟอร์มที่กำหนดเองบนเว็บไซต์ WordPress ของคุณ

ขั้นตอนที่ 1: ติดตั้งปลั๊กอิน SearchWP

การตั้งค่าปลั๊กอิน SearchWP นั้นง่ายมาก

ขั้นแรก คุณต้องลงชื่อสมัครใช้บัญชีจาก SearchWP

คุณจะพบแผนการกำหนดราคาสามแผน เลือกแผนที่เหมาะสมกับความต้องการของคุณจาก Standard, Pro และ Agency

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

ลงชื่อเข้าใช้บัญชีของคุณแล้วคลิกปุ่ม ดาวน์โหลด SearchWP

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

เปิดใช้งานปลั๊กอิน ไปที่ การ ตั้งค่า » ใบอนุญาต และวางรหัสใบอนุญาตของคุณ

หลังจากเปิดใช้งานรหัสใบอนุญาตแล้ว เราสามารถไปยังขั้นตอนที่สองของเราได้

ขั้นตอนที่ 2: เพิ่มเครื่องมือค้นหา

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

ตอนนี้ เราสามารถดำเนินการสร้างเครื่องมือแรกของคุณ

จากเมนู SearchWP ให้คลิกที่แท็บ Settings » Engines ตอนนี้คุณสามารถไปข้างหน้าและคลิกที่ปุ่ม เพิ่มใหม่

จากนั้นคลิกที่ปุ่ม แหล่งที่มาและการตั้งค่า

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

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

ถัดไป คลิกที่ปุ่ม เสร็จสิ้น เมื่อคุณเลือกการตั้งค่าแล้ว

ตอนนี้ เราสามารถตั้งค่าแอตทริบิวต์สำหรับเครื่องมือค้นหาของคุณได้

การคลิกที่ เพิ่ม/ลบแอตทริบิวต์ จะเปิดป๊อปอัปพร้อมรายการแอตทริบิวต์ของโพสต์

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

คุณยังสามารถเพิ่มกฎเฉพาะในเครื่องมือค้นหาของคุณได้

คลิกที่ แก้ไขกฎ และคุณสามารถตั้งกฎโดยใช้ตัวเลือกจากดรอปดาวน์

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

หลังจากปรับแต่งความเกี่ยวข้องแล้ว ให้คลิกที่ Save Engines เพื่อบันทึกเครื่องมือค้นหาแรกของคุณ

ขั้นตอนที่ 3: ดาวน์โหลดส่วนขยายรหัสย่อ SearchWP

ขั้นตอนต่อไปของเราคือการเพิ่มแบบฟอร์มการค้นหาลงในเว็บไซต์

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

เข้าสู่ระบบบัญชี SearchWP ของคุณและไปที่เมนูส่วนขยาย

คลิกที่ปุ่ม ดาวน์โหลดพร้อมใบอนุญาตที่ใช้งานอยู่ เพื่อดาวน์โหลดไฟล์นามสกุล zip

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

หากคุณได้ติดตั้งและเปิดใช้งานใบอนุญาตสำหรับแผน SearchWP Pro แล้ว คุณสามารถไปที่ SearchWP » Extensions » Shortcodes » Install

เราพร้อมที่จะเพิ่มรหัสย่อของฟอร์ม SearchWP ลงในเว็บไซต์ของคุณแล้ว

ขั้นตอนที่ 4: แสดงแบบฟอร์มการค้นหาบนเว็บไซต์ของคุณ

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

หลังจากนั้น คลิกที่ไอคอน + และเลือกบล็อก HTML ที่กำหนดเอง

คัดลอกและวางโค้ดต่อไปนี้ในบล็อก HTML ที่กำหนดเองเพื่อเพิ่มช่องค้นหา

 [searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"]

<div class="search-results-wrapper">
[searchwp_search_results engine="custom" var="searchvar" posts_per_page=4]
<h2>[searchwp_search_result_link direct="true"]</h2>
[searchwp_search_result_excerpt]
[/searchwp_search_results]
</div>

<div class="no-search-results-found">
[searchwp_search_results_none]
ไม่พบผลลัพธ์ กรุณาค้นหาอีกครั้ง
[/searchwp_search_results_none]
</div>

<div class="search-results-pagination">
[searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"]
[searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"]
</div>

รหัสฝังตัวมีลักษณะดังนี้:

คลิกที่ปุ่มอัปเดตเพื่อบันทึกการเปลี่ยนแปลง

ตอนนี้คุณสามารถเปิดโพสต์ในแท็บใหม่เพื่อตรวจสอบแบบฟอร์มการค้นหาที่เพิ่มใหม่

นี่คือลักษณะรูปร่างของเราที่ด้านหน้า

เรามาดูกันว่ามันทำงานอย่างไร

เรากำลังพยายามค้นหา "ช็อกโกแลต"

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

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

ด้วยส่วนขยาย SearchWP Ajax คุณสามารถแสดงผลการค้นหาได้เร็วยิ่งขึ้นโดยไม่ต้องโหลดหน้าซ้ำ

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

เพียงเท่านี้สำหรับวันนี้

เราหวังว่าคุณจะได้เรียนรู้วิธีสร้างแบบฟอร์มการค้นหา WordPress แบบกำหนดเองใน 4 ขั้นตอนง่ายๆ

หากคุณชอบบทความนี้ ลองอ่านบทความต่อไปนี้เพื่อรับข้อมูลเชิงลึกเพิ่มเติมเกี่ยวกับการใช้ปลั๊กอินการค้นหาและปรับปรุงการค้นพบเนื้อหา:

• รีวิว SearchWP: มันคุ้มค่าไหม
• 15 ปลั๊กอินการค้นหา WordPress ที่ดีที่สุด (เปรียบเทียบ)
• 35+ ปลั๊กอินและเครื่องมือ WordPress ที่ดีที่สุด (ฟรีและจ่ายเงิน)

ยังคิดที่จะเพิ่มแบบฟอร์มการค้นหาหรือไม่?

คุณกำลังรออะไรอยู่? รับ SearchWP วันนี้!

หากคุณชอบบทความนี้ ติดตามเราบน Facebook และ Twitter สำหรับบทความฟรีเพิ่มเติม