วิธีสร้างแบบฟอร์มการค้นหาที่กำหนดเองใน WordPress (3 วิธี)

ต้องการสร้างแบบฟอร์มการค้นหาที่กำหนดเองใน WordPress โดยไม่ต้องเข้ารหัสหรือไม่?

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

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

ในบทความนี้ เราจะแสดงวิธีสร้างแบบฟอร์มการค้นหาที่กำหนดเองใน WordPress อย่างง่ายดาย เพื่อปรับปรุงประสบการณ์ผู้ใช้และเพิ่ม Conversion

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

เหตุใดจึงต้องสร้างแบบฟอร์มการค้นหาที่กำหนดเอง

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

ตัวเลือกการค้นหาจะช่วยให้ผู้ใช้ค้นหาสิ่งที่ต้องการโดยไม่ต้องเสียเวลาค้นหาเป็นนาทีหรือเป็นชั่วโมง

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

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

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

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

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

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

คุณจะต้องใช้ฟังก์ชัน “ get_search_form() ” เพื่อแสดงแบบฟอร์มการค้นหาบนเว็บไซต์ของคุณ สิ่งนี้จะช่วยคุณในไฟล์ searchform.php ในธีม WordPress ของคุณ หากไม่พบ ระบบจะใช้ตัวเลือกการค้นหาหลักเริ่มต้นของ WordPress

แต่หากต้องการปรับแต่งช่องค้นหาของ WordPress คุณจะต้องเพิ่มโค้ดเพิ่มเติมในไฟล์

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

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

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

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

สร้างแบบฟอร์มการค้นหาที่กำหนดเองโดยใช้ SearchWP

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

SearchWP นั้นยอดเยี่ยมจริงๆ และมีคุณสมบัติระดับพรีเมียมที่เหลือเชื่อ ดังนั้นจึงเป็นปลั๊กอินระดับพรีเมียม คุณสามารถลงทะเบียนสำหรับแผนเริ่มต้นที่ $99 ต่อปี และถึงแม้คุณจะไม่ผิดหวัง แต่ก็มีการรับประกันคืนเงินภายใน 14 วัน

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

คุณจะสามารถเข้าถึงคุณลักษณะต่างๆ ได้แก่ :

• การทำดัชนีเอกสาร PDF และ Office
• การรวมอัตโนมัติกับ Native WP Search ไม่มีการเข้ารหัส!
• เครื่องมือค้นหาหลายรายการ
• คำค้น
• รองรับฟิลด์ที่กำหนดเองขั้นสูง
• การรวม WooCommerce
• ยกเว้นหรือระบุผลลัพธ์
• ค้นหา satistics และข้อมูลเชิงลึก
• การปรับแต่งอัลกอริทึมอย่างง่าย

ปลั๊กอินยังทำงานร่วมกับ bbPress, WP Job Manager, Easy Digital Downloads และอีกมากมาย นอกจากนี้ คุณยังเข้าถึงการสนับสนุนและเอกสารประกอบโดยละเอียดได้อีกด้วย

และทุกสิ่งที่เรากล่าวถึงเป็นเพียงแผนพื้นฐาน ดังนั้นปลั๊กอินจึงคุ้มค่ากับราคาเพียง $8.25 ต่อเดือน คุณจะได้รับคุณสมบัติเพิ่มเติมมากมายในแผนระดับไฮเอนด์

เมื่อคุณลงชื่อสมัครใช้บัญชีแล้ว คุณสามารถเริ่มต้นใช้งานบทช่วยสอนด้านล่างได้

ขั้นตอนที่ 1: เปิดใช้งาน SearchWP

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

จากนั้นตรงไปที่แผงควบคุม wp-admin และไปที่ Plugins » Add New » Upload Plugin

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

เมื่อคุณติดตั้งและเปิดใช้งานแล้ว คุณต้องไปที่หน้า การ ตั้งค่า » SearchWP จากนั้นคลิกที่ตัวเลือกเมนู 'ใบอนุญาต'

ดึงคีย์ใบอนุญาตของคุณจากบัญชี SearchWP และวางลงในช่องใบอนุญาต

คลิกที่ปุ่มเปิดใช้งานและคุณพร้อมที่จะตั้งค่าเครื่องมือค้นหา

ขั้นตอนที่ 2: การปรับแต่งเครื่องมือค้นหา

ภายในแท็บ SearchWP ในแผง wp-admin ของคุณ ให้เลือกตัวเลือกเมนู 'Engines' เมื่อเข้าไปข้างในแล้ว ให้คลิกปุ่ม 'เพิ่มใหม่' เพื่อสร้างเครื่องมือค้นหาใหม่

นี้จะสร้างเครื่องมือค้นหาใหม่ที่เรียกว่า 'เสริม' หากต้องการเปลี่ยนชื่อ คุณต้องคลิกปุ่ม 'แหล่งที่มาและการตั้งค่า'

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

หากต้องการระบุเครื่องมือค้นหาในภายหลัง ให้ตั้งชื่อเป็น 'กำหนดเอง' ใต้ฟิลด์ 'ป้ายกำกับเครื่องยนต์'

ที่นี่ คุณจะเห็นว่าได้เลือกตัวเลือก 'Keyword Stems' แล้ว การดำเนินการนี้จะไม่สนใจการลงท้ายคำเมื่อผู้ใช้ของคุณทำการค้นหา เพื่อให้ผลการค้นหาที่เกี่ยวข้องมากที่สุดจะปรากฏขึ้น

เมื่อคุณพร้อมที่นี่ ให้กดปุ่ม 'เสร็จสิ้น' เพื่อจัดเก็บการเปลี่ยนแปลงของคุณ

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

สิ่งที่คุณต้องทำคือใช้แถบเลื่อนเพื่อปรับ 'ความเกี่ยวข้องของแอตทริบิวต์'

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

ถัดไป SearchWP ให้คุณควบคุมว่าจะรวมหรือแยกเนื้อหาบางอย่างออกจากผลการค้นหาหรือไม่ สำหรับสิ่งนี้ คุณสามารถสร้างกฎได้

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

หากต้องการตั้งกฎ จะมีปุ่ม "แก้ไขกฎ" ในแต่ละส่วน

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

คุณสามารถสร้างกฎได้ตามต้องการที่นี่เพื่อควบคุมลักษณะการทำงานของเครื่องมือค้นหาของคุณ

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

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

ขั้นตอนที่ 3: การเพิ่มแบบฟอร์มการค้นหาด้วยรหัสย่อ

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

เพียงไปที่ส่วนขยาย SearchWP Shortcodes จากนั้นคลิกปุ่ม 'ดาวน์โหลดส่วนขยาย'

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

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

สิ่งที่คุณต้องทำคือแก้ไขโพสต์ในตัวแก้ไขบล็อกและเพิ่มบล็อกใหม่ที่เรียกว่า '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] No results found, please search again. [/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>

เราตั้งชื่อเอ็นจิ้นของเราว่า 'กำหนดเอง' หากคุณเลือกชื่ออื่น คุณจะต้องเปลี่ยน engine=“custom” เป็นชื่อเอ็นจิ้นของคุณเองในสี่ตำแหน่งภายในข้อมูลโค้ดนี้

ในโค้ดนี้ ข้อความของปุ่มจะเขียนว่า 'Custom Search' หากคุณต้องการเปลี่ยนข้อความของปุ่มค้นหาเป็นสิ่งที่สร้างสรรค์มากขึ้น คุณสามารถทำการแก้ไขในบรรทัดแรก button_text=“Custom Search”

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

คุณสามารถดูตัวอย่างโพสต์และคุณจะเห็นเครื่องมือค้นหาปรากฏขึ้น คุณจะเห็นช่องค้นหาพร้อมกับปุ่ม CTA ภายในโพสต์ของคุณ

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

คุณสามารถทดสอบแบบฟอร์มที่กำหนดเองได้โดยการป้อนคำค้นหาสองสามคำเพื่อดูผลลัพธ์ที่เครื่องมือส่งคืน

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

ขั้นตอนที่ 4: การกำหนดการตั้งค่าขั้นสูง

มีตัวเลือกขั้นสูง 2 แบบที่เราต้องการกล่าวถึงเพื่อปรับปรุงแบบฟอร์มการค้นหา WordPress ที่กำหนดเองของคุณ

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

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

ขั้นตอนที่ 5: กำหนดรูปแบบการค้นหาและหน้าผลลัพธ์

หากคุณไม่พอใจกับลักษณะที่ปรากฏของแถบค้นหาใหม่ คุณสามารถเปลี่ยนได้

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

คุณเพียงแค่ต้องเพิ่ม CSS ที่กำหนดเองเพื่อเปลี่ยนรูปลักษณ์ของแถบค้นหาและหน้าผลลัพธ์

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

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

คุณสามารถคัดลอกวางโค้ดต่อไปนี้เพื่อจัดรูปแบบคุณลักษณะการค้นหาไซต์ของคุณ:

 .searchform { font-family:arial; font-size:16px; background:#ace5e3; color:#ffffff; border:1px solid #61c3c0; padding:10px; height:90px; width:600px; } .search-results { font-family:arial; font-size:16px; background:#ace5e3; color:#000000; border:1px solid #61c3c0; padding:10px; width:600px; }

ต้องการเรียนรู้เพิ่มเติมเกี่ยวกับเรื่องนี้หรือไม่? WPBeginner มีคำแนะนำที่ดีที่สุด: วิธีเพิ่ม CSS ที่กำหนดเองไปยังไซต์ WordPress ของคุณได้อย่างง่ายดาย

นั่นคือทั้งหมดที่มีให้! คุณได้สร้างแบบฟอร์มการค้นหาที่ปรับแต่งได้อย่างเต็มที่โดยใช้ SearchWP

ต่อไป เราจะแสดงให้คุณเห็นอีกวิธีหนึ่งในการสร้างแบบฟอร์มการค้นหา WordPress แบบกำหนดเอง

สร้างแบบฟอร์มการค้นหาที่กำหนดเองโดยใช้แบบฟอร์มที่น่าเกรงขาม

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

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

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

ที่กล่าวว่าขอเริ่มต้นการกวดวิชา

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งานปลั๊กอินฟอร์มที่น่าเกรงขาม

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

หลังจากที่คุณสมัครใช้งาน ตรงไปที่แดชบอร์ดผู้ดูแลระบบ WordPress และเปิดแท็บ ปลั๊กอิน » เพิ่มใหม่ ค้นหาปลั๊กอิน Formidable Forms และคลิกที่ปุ่ม ติดตั้ง ที่นั่น

หากคุณต้องการความช่วยเหลือเพิ่มเติม โปรดดูคำแนะนำในการติดตั้งปลั๊กอิน WordPress

เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอิน คุณจะเห็นหน้าต้อนรับ คลิกที่ปุ่ม เชื่อมต่อบัญชี เพื่อเชื่อมต่อกับบัญชีของคุณและเข้าถึงคุณสมบัติพิเศษทั้งหมด

หากคุณยังไม่ได้ลงชื่อเข้าใช้บัญชี Formidable Forms คุณจะต้องเข้าสู่ระบบอีกครั้ง

ถัดไป คุณต้องติดตั้งโปรแกรมเสริม Formidable Forms Pro และ Visual Views บนไซต์ของคุณ

คุณสามารถติดตั้งได้โดยตรงจากแท็บ Formidable บนแดชบอร์ด WordPress ของคุณ หรือดาวน์โหลดไฟล์ปลั๊กอินจากบัญชีของคุณ

ตอนนี้คุณพร้อมแล้วที่จะสร้างแบบฟอร์มการค้นหาที่กำหนดเองใน WordPress ด้วยฟอร์มที่น่าเกรงขาม

ขั้นตอนที่ 2: เพิ่มข้อมูลสำหรับแบบฟอร์มการค้นหาของคุณ

ก่อนที่คุณจะสร้างแบบฟอร์มการค้นหา คุณต้องรวบรวมข้อมูลสำหรับผลการค้นหาของคุณ

ในการสร้างแบบฟอร์มใหม่ ให้ไปที่ Formidable » Forms และคลิกที่ปุ่ม + Add New

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

จากนั้น คุณต้องเพิ่มชื่อและคำอธิบายสำหรับแบบฟอร์มของคุณ

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

ในตัวสร้างแบบฟอร์ม คุณสามารถดูช่องแบบฟอร์มทางด้านซ้ายและการแสดงตัวอย่างแบบฟอร์มทางด้านขวาของหน้า

ในการแทรกฟิลด์ของฟอร์ม คุณสามารถลากและวางจากเมนูฟิลด์ไปยังการแสดงตัวอย่างฟอร์ม

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

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

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

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

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

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

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

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

ขั้นตอนที่ 3: สร้างแบบฟอร์มการค้นหาที่กำหนดเองของคุณ

ในการสร้างแบบฟอร์มการค้นหา คุณต้องทำตามคำแนะนำเดียวกันในขั้นตอนที่ 2

ไปที่ Formidable » Forms » Add New และเลือกเทมเพลตเปล่า จากนั้น ให้ชื่อและคำอธิบายในแบบฟอร์มการค้นหาที่กำหนดเองของคุณ

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

คุณสามารถใช้ช่องแบบฟอร์มข้อความสำหรับชื่อและช่องค้นหาแบบเลื่อนลงสำหรับการค้นหาประเทศ

ในการตั้งค่าฟิลด์ ชื่อ คุณจะต้องเพิ่มค่าเริ่มต้นเพื่อเชื่อมต่อแบบฟอร์มการค้นหาของคุณกับมุมมองผลลัพธ์ในภายหลัง

สำหรับสิ่งนี้ ให้เพิ่มรหัสย่อนี้ในตัวเลือก ค่าเริ่มต้น ในการตั้งค่าฟิลด์:

[รับพารามิเตอร์=fname]

ที่นี่ “fname” คือข้อความที่เราใช้สำหรับฟิลด์ชื่อเพื่อเชื่อมต่อกับมุมมอง

ในการตั้งค่าฟิลด์ นามสกุล เราจะเพิ่มรหัสย่อเดียวกัน:

[รับพารามิเตอร์=lname]

ในที่นี้ “lname” คือข้อความที่เราใช้สำหรับฟิลด์นามสกุลเพื่อเชื่อมต่อกับมุมมอง

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

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

[รับพารามิเตอร์=ประเทศ]

ที่นี่ "ประเทศ" คือข้อความที่เราใช้สำหรับฟิลด์ประเทศเพื่อเชื่อมต่อกับมุมมอง

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

หากต้องการให้แสดงในเส้นแนวนอนเส้นเดียว ให้ไปที่ตัวเลือก CSS Layout Classes สำหรับแต่ละฟิลด์แล้วเลือกตัวเลือก 1/4

หากคุณต้องการปรับแต่งปุ่ม ให้ไปที่แท็บ การ ตั้งค่า » จัดแต่งทรงผมและปุ่ม และไปที่การตั้งค่าปุ่ม

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

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

ขั้นตอนที่ 4: สร้างมุมมองผลการค้นหา

คุณต้องสร้างมุมมองเพื่อแสดงผลการค้นหาและแบบฟอร์มการค้นหาในหน้าเดียวกัน

หากต้องการสร้างมุมมองใหม่ ให้เปิดหน้า "มุมมองที่ น่าเกรงขาม" แล้วคลิกปุ่ม + เพิ่มใหม่

จากนั้น คุณจะเห็นป๊อปอัปที่ให้คุณเลือกระหว่างประเภทมุมมองกริด ตาราง ปฏิทิน และคลาสสิก

สำหรับบทช่วยสอนนี้ เราจะเลือกมุมมองกริดสำหรับผลลัพธ์ของฟอร์มการค้นหา

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

คลิกที่ปุ่ม สร้างมุมมอง เมื่อคุณทำเสร็จแล้ว

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

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

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

จากนั้น คุณสามารถจัดรูปแบบแป้นเขตข้อมูลเพื่อแสดงเขตข้อมูลแบบฟอร์มในเค้าโครงที่คุณต้องการ

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

คุณต้องเพิ่มแบบฟอร์มการค้นหาในหน้านี้ สำหรับสิ่งนี้ ให้คลิกที่ตัวเลือก เพิ่มก่อนเนื้อหา

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

สิ่งที่คุณต้องทำคือคลิกที่ปุ่ม Formidable และเลือกแบบฟอร์มการค้นหาของคุณเพื่อแทรกรหัสย่อของแบบฟอร์ม

คลิกที่ปุ่ม อัปเดตมุมมอง ไปยังแบบฟอร์มการค้นหาที่กำหนดเองของคุณไปยังมุมมอง

ในขั้นตอนต่อไป เราจะแสดงวิธีเผยแพร่มุมมองผลลัพธ์บนไซต์ WordPress ของคุณ

ขั้นตอนที่ 5: เผยแพร่ผลการค้นหา View

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

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

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

ขั้นตอนที่ 6: เชื่อมต่อแบบฟอร์มการค้นหาที่กำหนดเองกับ View

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

ที่นี่ คุณสามารถไปที่ตัวเลือก On Submit และเลือกตัวเลือก Redirect to URL จากนั้น คุณต้องเพิ่มลิงก์ไปยังหน้ามุมมองที่คุณสร้างขึ้นในขั้นตอนที่ 5

สำหรับสิ่งนี้ ให้คัดลอก URL ของหน้าและเพิ่มส่วนนี้: “?fname[21]&lname=[19]&country=[22]”

คุณสามารถแทรกข้อความฟิลด์และคีย์เพื่อให้ URL การเปลี่ยนเส้นทางมีลักษณะดังนี้:

http://yoursitename/user-directory/?fname[21]&lname=[19]&country=[22]

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

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

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

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

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

อย่าลืมอัปเดตมุมมองหลังจากตั้งค่าเสร็จแล้ว

ทดสอบแบบฟอร์มการค้นหาที่กำหนดเองของคุณ

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

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

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

สำหรับขั้นตอนต่อไป คุณสามารถตรวจสอบแหล่งข้อมูลเหล่านี้:

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

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