วิธีเพิ่มช่องค้นหาในหน้า Elementor (คู่มือสำหรับผู้เริ่มต้นใช้งาน)
เผยแพร่แล้ว: 2022-05-06คุณสงสัยหรือไม่ว่าจะเพิ่มช่องค้นหาในหน้า Elementor ได้อย่างไร?
การเพิ่มช่องค้นหาในหน้า Elementor ของคุณทำให้คุณสามารถกระตุ้นให้ผู้เยี่ยมชมสำรวจไซต์ของคุณ ด้วยวิธีนี้ คุณสามารถเพิ่มการค้นพบเนื้อหาของคุณได้อย่างง่ายดายและรับการดูหน้าเว็บมากขึ้น
ในบทความนี้ เราจะแสดงให้คุณเห็น 2 วิธีในการทำเช่นนั้น:
- วิธีเพิ่มช่องค้นหาเริ่มต้นโดยไม่มีปลั๊กอิน
- วิธีเพิ่มช่องค้นหาอัจฉริยะด้วยปลั๊กอิน SearchWP
มาดำดิ่งกัน!
ทำไมคุณควรพิจารณาใช้ปลั๊กอินการค้นหา
คุณสามารถเพิ่มช่องค้นหาในหน้า Elementor ได้อย่างง่ายดายโดยไม่ต้องใช้ปลั๊กอิน เราจะแสดงรายละเอียดเกี่ยวกับวิธีการดำเนินการดังกล่าวในบทความนี้
แต่มีเหตุผลที่คุณควรพิจารณาเพิ่มโดยใช้ปลั๊กอินการค้นหา
สิ่งนี้คือเครื่องมือค้นหา WordPress เริ่มต้นนั้นยังห่างไกลจากความสมบูรณ์แบบ มันค้นหาเฉพาะชื่อเรื่อง เนื้อหา และข้อความที่ตัดตอนมาของโพสต์และหน้า
นั่นเป็นข้อเสียอย่างมากเนื่องจากมี ข้อมูลมากมายที่ WordPress ละเว้น เมื่อทำการค้นหา
รายการนี้รวมถึงฟิลด์ที่กำหนดเอง แท็กโพสต์และหมวดหมู่ รหัสย่อ และข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมาย
การทำให้ค้นหาได้เหล่านี้จะช่วยให้ผู้เข้าชมพบสิ่งที่ต้องการได้รวดเร็วขึ้นมาก และปรับปรุงประสบการณ์ผู้ใช้ของตน
วิธีที่ง่ายที่สุดคือการใช้ปลั๊กอินการค้นหาของ WordPress คุณยังสามารถปรับแต่งสิ่งต่างๆ ที่เกี่ยวข้องกับการค้นหาในไซต์ของคุณได้ด้วย
ตัวอย่างเช่น ด้วยปลั๊กอินการค้นหา คุณสามารถ:
- สร้างช่องค้นหาที่กำหนดเอง
- เปลี่ยนลำดับของผลการค้นหา
- รวบรวมข้อมูลกิจกรรมการค้นหาบนเว็บไซต์ของคุณ
- จำกัดการค้นหาเฉพาะบางโพสต์ เพจ หรือหมวดหมู่
- และอื่น ๆ!
ส่วนที่ดีที่สุด? การใช้ปลั๊กอิน ใช้เวลาเพียงไม่กี่คลิกเพื่อเพิ่มการค้นหาไซต์ของคุณ ไม่จำเป็นต้องเขียนโค้ด
นอกจากนี้ หากคุณใช้ปลั๊กอิน คุณสามารถติดต่อทีมสนับสนุนและรับความช่วยเหลือจากผู้เชี่ยวชาญ WordPress ได้ตลอดเวลา
วิธีนี้จะช่วยให้คุณ ประหยัดเงิน ในการจ้างนักพัฒนาเว็บได้ หากคุณประสบปัญหาในการเพิ่มช่องค้นหา
จากที่กล่าวมา ไปที่การเพิ่มช่องค้นหาเริ่มต้นในหน้า Elementor ของคุณโดยไม่ต้องใช้ปลั๊กอิน
วิธีเพิ่มช่องค้นหาเริ่มต้นโดยไม่มีปลั๊กอิน
ในการเริ่มต้น ให้ไปที่ หน้า » ทุกหน้า ในแดชบอร์ด WordPress ของคุณ
จากนั้นวางเคอร์เซอร์เหนือหน้าที่คุณต้องการเพิ่มช่องค้นหา แล้วคลิก แก้ไขด้วย Elementor
เมื่อคุณไปที่ตัวแก้ไขหน้า Elementor ให้พิมพ์ "แบบฟอร์มการค้นหา" ในช่อง Search Widget ที่แผงด้านซ้าย
หลังจากนั้น คุณจะเห็นวิดเจ็ต แบบฟอร์มการค้นหา
ลากและวางไปยังจุดบนหน้าที่คุณต้องการให้ช่องค้นหาปรากฏ
คุณสามารถดูวิธีที่เราทำได้ด้านล่าง:
หลังจากที่คุณเพิ่มแบบฟอร์มการค้นหาแล้ว ให้คลิก อัปเดต ที่ด้านล่างของตัวแก้ไขเพื่อบันทึกการเปลี่ยนแปลงของคุณ
แค่นั้นแหละ. คุณได้เพิ่มแบบฟอร์มการค้นหาในหน้า Elementor เรียบร้อยแล้ว
นี่คือลักษณะที่ปรากฏบนเว็บไซต์ทดสอบของเรา:
ตอนนี้เรามาดูวิธีการเพิ่มช่องค้นหาอัจฉริยะในหน้า Elementor โดยใช้ปลั๊กอิน
วิธีเพิ่มช่องค้นหาอัจฉริยะด้วยปลั๊กอิน SearchWP
หากคุณต้องการเพิ่มช่องค้นหาแบบกำหนดเองอัจฉริยะในหน้า Elementor ของคุณ วิธีที่ง่ายที่สุดคือการใช้ปลั๊กอินเช่น SearchWP
นี่คือปลั๊กอินการค้นหา WordPress ที่ทรงพลังและใช้งานง่ายที่สุดในตลาด
เมื่อใช้สิ่งนี้ คุณสามารถค้นหาบนเว็บไซต์ของคุณได้ดียิ่งขึ้น และช่วยให้ผู้เยี่ยมชมพบสิ่งที่พวกเขากำลังมองหา
ตัวอย่างเช่น ด้วย SearchWP คุณสามารถยกเว้นบางหน้าออกจากผลการค้นหา ทำให้ฟิลด์ที่กำหนดเองสามารถค้นหาได้ และอื่นๆ
มีเจ้าของไซต์ WordPress มากกว่า 30,000 รายที่ใช้อยู่แล้วเพื่อให้ผู้เข้าชมได้รับผลการค้นหาที่เกี่ยวข้องมากที่สุด
นอกจากการเพิ่มช่องค้นหาอัจฉริยะในหน้าของคุณแล้ว คุณยังสามารถใช้ SearchWP เพื่อ:
- ทำให้สามารถค้นหารหัสย่อได้ คุณใช้รหัสย่อเพื่อแสดงเนื้อหาบนไซต์ของคุณหรือไม่? ด้วย SearchWP คุณสามารถสร้างรหัสย่อให้ค้นหาได้ เพื่อให้ผู้เยี่ยมชมของคุณสามารถค้นหาเนื้อหานั้นได้
- เพิ่มการค้นหาการเติมข้อความอัตโนมัติแบบสด ต้องการแสดงผลการค้นหาสดบนเว็บไซต์ของคุณหรือไม่? เมื่อใช้ SearchWP คุณสามารถเปิดคุณสมบัตินี้ได้ด้วยการคลิกเพียงไม่กี่ครั้ง
- ติดตามการค้นหาของผู้เยี่ยมชมของคุณ SearchWP รวบรวมข้อมูลเกี่ยวกับกิจกรรมการค้นหาบนไซต์ของคุณ เพื่อให้คุณสามารถดูสิ่งที่ผู้เยี่ยมชมกำลังค้นหา
- เปิดใช้งานการค้นหาด้วยแท็ก เพิ่มแท็กในโพสต์ของคุณ? ด้วย SearchWP คุณสามารถทำให้สามารถค้นหาได้ เพื่อให้ผู้เยี่ยมชมของคุณสามารถค้นหาเนื้อหาที่เหมาะสมได้เร็วขึ้น
เมื่อคุณทราบแล้วว่า SearchWP สามารถปรับปรุงการค้นหาในไซต์ของคุณได้อย่างไร มาดูกันว่าคุณสามารถเพิ่มช่องค้นหาแบบกำหนดเองอัจฉริยะไปยังหน้า Elementor ของคุณได้อย่างไร
ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งาน SearchWP
ในการเริ่มต้น ให้ไปคว้าสำเนาปลั๊กอิน SearchWP ของคุณที่นี่
ขั้นตอนต่อไปคือการเข้าสู่บัญชี SearchWP ของคุณ ไปที่แท็บ ดาวน์โหลด ในแดชบอร์ดของคุณ
จากนั้นคลิกที่ปุ่ม Download SearchWP เพื่อเริ่มดาวน์โหลดปลั๊กอิน
เมื่อดาวน์โหลดเสร็จแล้ว ให้คัดลอกคีย์ใบอนุญาต SearchWP ของคุณในหน้าเดียวกัน
ขั้นตอนต่อไปคือการอัปโหลดไฟล์ ZIP ของปลั๊กอินไปยังเว็บไซต์ของคุณและติดตั้ง SearchWP
หากคุณต้องการทบทวนวิธีการดำเนินการดังกล่าว คุณสามารถทำตามคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress ได้
หลังจากที่คุณติดตั้ง SearchWP คุณจะต้องเปิดใช้งานด้วยรหัสใบอนุญาตของคุณ
ในการทำเช่นนั้น ให้ชี้เคอร์เซอร์ไปที่ปุ่ม SearchWP ที่แผงด้านบนของแดชบอร์ด WordPress แล้วคลิก เปิดใช้งานใบอนุญาต
จากนั้นวางรหัสใบอนุญาตที่คุณคัดลอกในขั้นตอนใดขั้นตอนหนึ่งก่อนหน้านี้ลงในช่อง ใบอนุญาต แล้วกดปุ่ม เปิดใช้งาน
หลังจากที่คุณเปิดใช้งานใบอนุญาต SearchWP แล้ว คุณสามารถเพิ่มเครื่องมือค้นหาใหม่และปรับแต่งให้ตรงกับความต้องการของคุณได้
ขั้นตอนที่ 2: เพิ่มเครื่องมือค้นหาใหม่และปรับแต่งเอง
ในการเริ่มต้น ให้คลิกแท็บ Engines ในการตั้งค่า SearchWP
ในแท็บนี้ คุณสามารถเพิ่มเครื่องมือค้นหาใหม่และจัดการเครื่องมือค้นหาที่มีอยู่ได้
เครื่องมือค้นหาประกอบด้วยชุดของกฎที่ WordPress ปฏิบัติตามเมื่อทำการค้นหา
ด้วย SearchWP คุณสามารถสร้างเครื่องมือค้นหาหลายรายการและเชื่อมโยงไปยังช่องค้นหาเฉพาะ
ช่วยให้คุณสร้างช่องค้นหาที่กำหนดเองพร้อมชุดกฎและการตั้งค่าแต่ละชุด
ปัจจุบัน มีเครื่องมือค้นหาเดียวชื่อ Default SearchWP จะสร้างโดยอัตโนมัติหลังการติดตั้ง
เครื่องมือค้นหา เริ่มต้น จะควบคุมงานของทุกช่องค้นหาที่มีอยู่บนไซต์ของคุณ การกำหนดค่าเองทำให้คุณสามารถจัดการวิธีการทำงานของการค้นหาในไซต์ของคุณโดยทั่วไปได้
ตัวอย่างเช่น คุณสามารถทำให้สามารถค้นหาข้อมูลที่เป็นประโยชน์มากมาย ยกเว้นหมวดหมู่เฉพาะจากผลการค้นหา และอื่นๆ
เนื่องจากเราต้องการทำให้ทุกช่องค้นหาบนไซต์ของเราฉลาดขึ้น เราจะแก้ไขเครื่องมือค้นหา เริ่มต้น
ในการเริ่มต้น มาจัดการรายการแหล่งที่มาของการค้นหากัน
การเพิ่มและลบแหล่งที่มาของการค้นหาออกจากรายการนี้ คุณสามารถควบคุมได้ว่าจะให้ WordPress ค้นหาที่ใดที่ตรงกัน
หากต้องการปรับแต่งแหล่งที่มาการค้นหาของคุณ ให้กดปุ่ม แหล่งที่มาและการตั้งค่า
คุณสามารถเลือกแหล่งการค้นหาที่คุณต้องการให้ WordPress พิจารณาเมื่อทำการค้นหาในหน้าต่างป๊อปอัป
ตัวอย่างเช่น สมมติว่าเราต้องการจำกัดการค้นหาในไซต์ทดสอบของเราไว้เฉพาะโพสต์และไฟล์สื่อ
ในการทำเช่นนั้น เราจะยกเลิกการเลือกแหล่งที่มาของการค้นหาทั้งหมด ยกเว้น โพสต์ และ สื่อ
นี่คือลักษณะที่ปรากฏในเว็บไซต์ทดสอบของเรา:
เมื่อคุณจัดการแหล่งที่มาการค้นหาเสร็จแล้ว ให้กด เสร็จสิ้น
มาช่วยให้ผู้เยี่ยมชมของคุณพบโพสต์ที่ต้องการได้เร็วขึ้น
ขั้นแรก ให้คลิกที่แหล่งที่มาของการค้นหา โพสต์ เพื่อเปิดการตั้งค่า
คุณสามารถดูรายการแอตทริบิวต์ของโพสต์ที่ WordPress นำมาพิจารณาเมื่อทำการค้นหาได้ที่นี่
คุณลักษณะเป็นส่วนเฉพาะของโพสต์ เช่น ชื่อ เนื้อหา กระสุน และข้อความที่ตัดตอนมา
เพื่อให้ผู้เยี่ยมชมของคุณพบโพสต์ที่ต้องการได้เร็วขึ้น เราจะเพิ่มแอตทริบิวต์ใหม่ลงในรายการนี้
ขั้นแรก ให้กดปุ่ม Add/Remove Attributes
คุณสามารถจัดการแอตทริบิวต์ปัจจุบันในหน้าต่างป๊อปอัปและเพิ่มแอตทริบิวต์ใหม่ได้
วิธีที่ง่ายที่สุดในการทำให้การค้นหาโพสต์ของคุณฉลาดขึ้นคือการทำให้ WordPress พิจารณาฟิลด์โพสต์ที่กำหนดเอง
ในการสร้างข้อมูลที่ค้นหาได้ในฟิลด์ที่กำหนดเอง ให้คลิกที่ ฟิลด์ Custom Fields และป้อนชื่อด้วยคำนำหน้า "_"
ตัวอย่างเช่น เราจะค้นหาฟิลด์กำหนดเอง _tutorial ที่เราใช้ในไซต์ทดสอบของเรา:
นอกจากนี้ยังมีวิธีที่จะทำให้ WordPress พิจารณาฟิลด์ที่กำหนดเองทั้งหมดที่มีอยู่โดยไม่ต้องป้อนชื่อของแต่ละฟิลด์ด้วยตนเอง
โดยคลิกที่ ฟิลด์ Custom Fields อีกครั้งและเลือกทางลัด Any Meta Key
ทางลัดนี้ทำให้คุณสามารถสร้างฟิลด์ที่กำหนดเองทั้งหมดบนไซต์ของคุณสามารถค้นหาได้ในครั้งเดียว
นอกจากนี้ คุณสามารถเลือกการจัดหมวดหมู่ที่คุณต้องการให้ WordPress พิจารณาเมื่อทำการค้นหา
โดยคลิกที่ฟิลด์ Taxonomies
อนุกรมวิธานใน WordPress เป็นวิธีการจัดระเบียบเนื้อหา เมื่อพูดถึงโพสต์ อาจเป็นหมวดหมู่ แท็ก รูปแบบ หรืออย่างอื่น
ตัวอย่างเช่น สมมติว่าเราต้องการให้ WordPress พิจารณาหมวดหมู่ของโพสต์เมื่อทำการค้นหา
ในการทำเช่นนั้น เราจะคลิกที่อนุกรมวิธาน หมวดหมู่ เพื่อเพิ่มลงในรายการแอตทริบิวต์ของโพสต์
เมื่อคุณจัดการแอตทริบิวต์โพสต์ที่ค้นหาได้เสร็จแล้ว ให้คลิก เสร็จสิ้น เพื่อบันทึกการเปลี่ยนแปลงที่คุณทำ
นอกจากนี้ คุณสามารถจัดการน้ำหนักความเกี่ยวข้องของแอตทริบิวต์ที่เกี่ยวข้องได้โดยเลื่อนตัวเลื่อนที่อยู่ถัดจากแอตทริบิวต์ไปทางซ้ายหรือขวา
ยิ่งน้ำหนักของแอตทริบิวต์ต่ำลงเท่าไหร่ WordPress ก็จะยิ่งให้ความสนใจน้อยลงเมื่อทำการค้นหา
ตัวอย่างเช่น สมมติว่าเราต้องการลดน้ำหนักของแอตทริบิวต์ Slug และ Excerpt เป็นศูนย์
ในการทำเช่นนั้น เราจะย้ายตัวเลื่อนที่อยู่ถัดจากแต่ละรายการไปทางซ้ายจนสุด:
มาทำให้ไฟล์ PDF และเอกสารสามารถค้นหาได้บนเว็บไซต์ของคุณด้วย
โดยคลิกที่แหล่งค้นหา สื่อ
จากนั้นกดปุ่ม เพิ่ม/ลบแอตทริบิวต์
หากต้องการสร้างเนื้อหาเอกสารดัชนี WordPress และข้อมูลเมตา PDF ที่คุณอัปโหลดไปยังไซต์ของคุณ ให้เลือกช่อง เนื้อหาเอกสาร และ ข้อมูลเมตา PDF
เสร็จแล้วกด Done
เมื่อคุณพอใจกับวิธีการปรับแต่งเครื่องมือค้นหาของคุณแล้ว คุณจะต้องบันทึกการเปลี่ยนแปลงที่คุณได้ทำไว้
คุณสามารถทำได้โดยกดปุ่ม Save Engines ที่มุมขวาบน
แค่นั้นแหละ. ตอนนี้คุณรู้วิธีปรับแต่งการค้นหาในไซต์ของคุณให้ตรงกับความต้องการของคุณและทำให้ฉลาดขึ้นมากแล้ว
ขั้นตอนสุดท้ายคือการเพิ่มช่องค้นหาอัจฉริยะใหม่ของคุณในหน้า Elementor
ขั้นตอนที่ 3: เพิ่มช่องค้นหาอัจฉริยะไปยังหน้า Elementor
การเปลี่ยนแปลงทั้งหมดที่คุณทำกับเครื่องมือค้นหา เริ่มต้น จะนำไปใช้กับช่องค้นหาทุกช่องในไซต์ของคุณโดยอัตโนมัติ
เนื่องจากก่อนหน้านี้เราได้แสดงวิธีเพิ่มช่องค้นหาในหน้า Elementor แล้ว คุณสามารถทำตามบทช่วยสอนนี้ได้
SearchWP มีการผสานรวมกับ Elementor ได้อย่างราบรื่น คุณจึงไม่ต้องดำเนินการขั้นตอนเพิ่มเติมเพื่อกำหนดค่า
หลังจากที่คุณได้เพิ่มช่องค้นหาแล้ว ให้ลองใช้เครื่องมือค้นหาใหม่ของคุณ
ตัวอย่างเช่น ในไซต์ทดสอบของเรา เรามีโพสต์ชื่อ "ปลั๊กอินอีคอมเมิร์ซ WordPress TOP-3" มีฟิลด์กำหนดเอง ประเภท ที่เราใส่คำว่า "ตู้โชว์"
มาดูกันว่าเราหาโพสต์นี้เจอจากเนื้อหาในฟิลด์ที่กำหนดเองได้หรือไม่
อย่างที่คุณเห็น เราพบโพสต์ได้สำเร็จเนื่องจากตอนนี้ไซต์ของเราพิจารณาฟิลด์ที่กำหนดเองเมื่อทำการค้นหา
ช่วยให้ผู้เยี่ยมชมสามารถค้นหาเนื้อหาที่ถูกต้องได้รวดเร็วขึ้นและทำให้ผู้ใช้ได้รับประสบการณ์ที่ดียิ่งขึ้น
นอกจากนี้เรายังอัปโหลดไฟล์ PDF ชื่อ “คู่มือผู้ใช้ WordPress” ไปยังไซต์ทดสอบของเรา ลองตรวจสอบว่าเราสามารถหามันได้หรือไม่
อย่างที่คุณเห็น เราพบ PDF ของเราแล้ว
หมายความว่าผู้เยี่ยมชมของเราสามารถค้นหา PDF และเอกสารที่อัปโหลดไปยังไซต์ของเราโดยใช้แถบค้นหา
ในบทความนี้ คุณได้เรียนรู้วิธีเพิ่มช่องค้นหาในหน้า Elementor ของคุณ จะช่วยส่งเสริมให้ผู้เยี่ยมชมทำการค้นหาในไซต์ของคุณและเพิ่มความสามารถในการค้นพบเนื้อหาของคุณ
หากคุณพร้อมที่จะเพิ่มช่องค้นหาอัจฉริยะในหน้า Elementor คุณสามารถคว้าสำเนา SearchWP ได้ที่นี่
สงสัยว่าเหตุใดการค้นหาประเภทโพสต์ที่กำหนดเองจึงไม่ทำงานบนไซต์ของคุณ ตรวจสอบวิธีแก้ไขการค้นหาประเภทโพสต์ที่กำหนดเองไม่ทำงานในบทช่วยสอน WordPress
ต้องการทำให้แท็กโพสต์สามารถค้นหาได้บนไซต์ของคุณหรือไม่ ปฏิบัติตามวิธีค้นหาโพสต์ด้วยแท็กในคู่มือโดยละเอียดของ WordPress