คุณสร้างเทมเพลตผลการค้นหาใน WordPress ได้อย่างไร

ในการสร้างเทมเพลต ผลการค้นหา ใน WordPress ก่อนอื่นคุณต้องสร้างไฟล์ชื่อ search.php ในโฟลเดอร์ธีมของคุณ เมื่อคุณทำเสร็จแล้ว คุณสามารถแก้ไขไฟล์และเพิ่มโค้ดต่อไปนี้: /** * เทมเพลตสำหรับแสดงหน้าผลการค้นหา * * @link https://developer.wordpress.org/themes/basics/template-hierarchy /#search-result * * @package WordPress * @subpackage Twenty_Seventeen * @since 1.0 * @version 1.0 */ get_header(); ? > ' . get_search_query() . ' ' ); ? > if ( have_posts() ) : /* เริ่มการวนซ้ำ */ ในขณะที่ ( have_posts() ) : the_post(); /** * เรียกใช้การวนซ้ำเพื่อค้นหาผลลัพธ์ * หากคุณต้องการโอเวอร์โหลดสิ่งนี้ในธีมลูก ให้รวมไฟล์ * ที่เรียกว่า content-search.php และไฟล์นั้นจะถูกใช้แทน */ get_template_part( 'เทมเพลต-ชิ้นส่วน/โพสต์/เนื้อหา', 'ข้อความที่ตัดตอนมา' ); ในที่สุด; // สิ้นสุดการวนซ้ำ the_posts_p

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

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

เทมเพลตหน้าผลการค้นหาของ WordPress

มีขั้นตอนบางอย่างที่คุณต้องปฏิบัติตามเพื่อสร้าง เทมเพลตหน้าผลการค้นหาของ WordPress ขั้นตอนแรกคือการสร้างไฟล์ชื่อ search.php ในโฟลเดอร์ธีมของคุณ ถัดไป คุณต้องเพิ่มโค้ดต่อไปนี้ที่ด้านบนของไฟล์ search.php: /** * เทมเพลตสำหรับแสดงหน้าผลการค้นหา * * @link https://developer.wordpress.org/themes/basics/template- ลำดับชั้น/#ผลการค้นหา * * @แพ็คเกจ WordPress * @subpackage Twenty_Seventeen * @since 1.0 * @version 1.0 */ get_header(); ? > ' . get_search_query() . ' ' ); ? > if ( have_posts() ) : /* เริ่มการวนซ้ำ */ ในขณะที่ ( have_posts() ) : the_post(); /** * เรียกใช้การวนซ้ำเพื่อค้นหาผลลัพธ์ * หากคุณต้องการโอเวอร์โหลดสิ่งนี้ในธีมลูก ให้รวมไฟล์ * ที่เรียกว่า content-search.php และไฟล์นั้นจะถูกใช้แทน */ get_template_part( 'เทมเพลต-ชิ้นส่วน/โพสต์/เนื้อหา', 'ข้อความที่ตัดตอนมา' ); ในที่สุด; // สิ้นสุดการวนซ้ำ the_posts_pagination( อาร์เรย์(

เทมเพลตการ ค้นหาและเทมเพลต เพจจำเป็นสำหรับธีม WordPress ที่มีทั้งสองอย่าง ทั้งคู่เขียนโค้ดได้ง่ายมากและมีเส้นทางที่แตกต่างกัน ทำให้เหมาะสำหรับผู้เริ่มต้น เราจะรวมลูปของเราไว้ในคำสั่ง IF ใน search.html เมื่อมีผลการค้นหา มาร์กอัปนี้จะควบคุมลักษณะที่ปรากฏของหน้าผลการค้นหา หากธีมของคุณไม่มี searchform.php WordPress จะแสดงแบบฟอร์มการค้นหาพร้อมมาร์กอัปของตัวเอง Content-page.php จะมีเนื้อหาของ Page loop ด้วยเช่นกัน ไม่มีข้อมูลเมตาเพิ่มเติมที่เกี่ยวข้องกับการโพสต์ไปยังไฟล์ content-single.php แทน มีหน้าเดียว

Custom Search Page – WordPress

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

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

แบบฟอร์มการค้นหา WordPress

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

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

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

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

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

ปลั๊กอินหน้าผลการค้นหา WordPress

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

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

ด้วยการค้นหา คุณสามารถใช้ฟังก์ชันการค้นหาของ WordPress เป็นเครื่องมือค้นหาเริ่มต้นได้ เมื่อคุณเปิดใช้งานคุณลักษณะนี้ ผู้ใช้จะสามารถค้นหาทุกหน้าที่ไม่มีการป้องกันด้วยรหัสผ่านในเว็บไซต์ของคุณ เครื่องมือนี้มีคุณลักษณะที่ช่วยให้ผู้ใช้สามารถสั่งซื้อผลการค้นหา รวมทั้งความสามารถในการวางคำที่ด้านบนสุดของผลการค้นหา ปลั๊กอิน Better Search จะช่วยให้คุณค้นหาผลลัพธ์ที่คล้ายกับที่มีใน Amazon หรือ eBay คุณยังสามารถเพิ่มช่องค้นหาในหน้าใดก็ได้ที่มีธีมย่อย (ตามที่ระบุไว้ก่อนหน้านี้) ผู้เข้าชมจะมีตัวเลือกมากมายให้เลือกเมื่อเข้าชมหน้านี้ การใช้ปลั๊กอิน Ajax Search Lite ฟรี ผู้ใช้สามารถพิมพ์ข้อความค้นหาลงในไซต์ของคุณและรับผลลัพธ์โดยเร็วที่สุด

ตัวเลือกเพิ่มเติมสามารถพบได้ใน Ajax Search Pro และคุณควรพิจารณาอัปเกรดหากต้องการใช้เสิร์ชเอ็นจิ้นขั้นสูง bbPress, BuddyPress, WooCommerce และ JigoShop เป็นหนึ่งในปลั๊กอินที่รองรับในเวอร์ชันพรีเมียม นอกจากนี้ ซอฟต์แวร์ยังรวมถึงการแคช ฟิลด์ที่กำหนดเอง ธีมการออกแบบมากกว่า 100 ธีม เลย์เอาต์สี่แบบ และอื่นๆ อีกมากมาย

ปลั๊กอินใดที่ช่วยรวมหน้าเว็บในดัชนีการค้นหา

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

รหัสค้นหา WordPress

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

หน้าค้นหาคือหน้า WordPress ที่มีเทมเพลตหน้าแบบกำหนดเองเพื่อให้ผู้ใช้สามารถค้นหาเว็บไซต์ของคุณได้ง่ายขึ้น เทมเพลตนี้เป็นส่วนหนึ่งของธีม WordPress เริ่มต้น แต่ธีมอื่นๆ จำนวนมากไม่มี หากคุณไม่มีไฟล์เทมเพลต page.php คุณสามารถคัดลอกจากธีมเริ่มต้นได้อย่างง่ายดาย คุณสามารถเลือกการตั้งค่านี้ได้โดยไปที่หน้าจอแก้ไขหน้า หากคุณกำลังใช้ Permalink ก็คือชื่อของเพจ ไปที่โปรแกรมแก้ไขข้อความและเปลี่ยน searchpage.php หากคุณมีไฟล์ searchform.php คุณสามารถใส่ข้อความเพื่อช่วยผู้เยี่ยมชมในการค้นหาเว็บไซต์ของคุณโดยส่งฟังก์ชัน get_search_form() ด้านบน

เคล็ดลับการค้นหา WordPress

หากคุณกำลังมองหาคำว่า “wordpress” บน WordPress.com คุณสามารถป้อน “site:wordpress.com”
เมื่อคุณต้องการค้นหาโพสต์หรือหน้าเฉพาะบนเว็บไซต์ ให้ป้อนฟิลด์ "คำค้นหา" แล้วกดปุ่ม "ค้นหา"