วิธีลบชื่อหน้าธีมหน้าร้าน WooCommerce

เผยแพร่แล้ว: 2020-10-05

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

หน้าร้าน WooCommerce ลบชื่อหน้า

ชื่อหน้า

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

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

เหตุใดจึงลบชื่อหน้าในธีมหน้าร้าน

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

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

ดังนั้นจึงมีความจำเป็นต้องลบหรือซ่อนชื่อหน้าร้านอย่างสมบูรณ์

วิธีลบชื่อหน้าในธีมหน้าร้านด้วยตนเอง

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

หน้าไม่มีชื่อ

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

วิธีลบชื่อหน้าในธีมหน้าร้านโดยใช้ PHP Code

ตามค่าเริ่มต้น ธีมหน้าร้านจะเพิ่มชื่อ "หน้าแรก" H1 ลงในหน้าแรก ไม่สำคัญว่าคุณจะใช้เทมเพลตหน้าคงที่ "ค่าเริ่มต้น" หรือ "หน้าแรก"

อย่างไรก็ตาม คุณสามารถทำได้ผ่าน CSS ด้วย "display: none" ง่ายๆ หรือคุณสามารถหลีกเลี่ยงการโหลดชื่อ "Home" ได้อย่างสมบูรณ์โดยใช้ PHP เนื่องจากอาจส่งผลต่อ SEO ของเว็บไซต์ของคุณ เป็นการดีกว่าที่จะไม่โหลด H1 มากกว่าการซ่อนมันผ่าน CSS

นี่คือวิธีแก้ไขอย่างรวดเร็ว:

  1. ลงชื่อเข้าใช้ไซต์ WordPress และเข้าถึง แดชบอร์ด ในฐานะผู้ดูแลระบบ
  2. จากเมนูแดชบอร์ด ให้คลิกที่ เมนูลักษณะที่ปรากฏ > เมนูตัวแก้ไขธีม เมื่อหน้า ตัวแก้ไขธีม เปิดขึ้น ให้มองหาไฟล์ฟังก์ชันของธีมที่เราจะเพิ่มฟังก์ชันที่จะเพิ่มฟังก์ชันหมายเลข GTIN บนผลิตภัณฑ์ใน WooCommerce
  3. เพิ่มรหัสต่อไปนี้ในไฟล์ php :
  • ลบชื่อโฮมเพจในธีมหน้าร้าน ("โฮมเพจ")
 /**

 * ซ่อนชื่อโฮมเพจ - เทมเพลตหน้าโฮมเพจหน้าร้าน

*/

add_action( 'wp', 'njengah_storefront_remove_title_from_home_homepage_template' );

ฟังก์ชัน njengah_storefront_remove_title_from_home_homepage_template() {

   remove_action( 'storefront_homepage', 'storefront_homepage_header', 10 );

}
  • ลบชื่อหน้าแรกในธีมหน้าร้าน (เทมเพลตหน้า "ค่าเริ่มต้น")
 /**

* ซ่อนชื่อหน้าแรก - เทมเพลตหน้าเริ่มต้นของหน้าร้าน

*/

add_action( 'wp', 'njengah_storefront_remove_title_from_home_default_template' );

ฟังก์ชัน njengah_storefront_remove_title_from_home_default_template () {

ถ้า ( is_front_page() ) remove_action( 'storefront_page', 'storefront_page_header', 10 );
}
  1. นี่จะเป็น ผลลัพธ์: ลบชื่อหน้า

วิธีลบชื่อหน้าในธีมหน้าร้านโดยใช้ปลั๊กอิน

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

ปลั๊กอินนี้ทำให้ง่ายต่อการลบชื่อหน้าออกจากหน้าหรือโพสต์ที่ต้องการ สร้างขึ้นเพื่อใช้กับธีมหน้าร้านเท่านั้น นอกจากนี้ยังมีตัวเลือกในการลบเมตาของโพสต์ (แท็กและจำนวนความคิดเห็น) สำหรับโพสต์

นี่คือขั้นตอนที่คุณต้องปฏิบัติตาม:

  1. ลงชื่อเข้าใช้ไซต์ WordPress และเข้าถึง แดชบอร์ด ในฐานะผู้ดูแลระบบ
  2. จากนั้นเราจะติดตั้งปลั๊กอินที่เราได้ระบุไว้ก่อนหน้านี้ หากต้องการดาวน์โหลดโดยตรงใน แผงการดูแลระบบ เพียงไปที่ Plugins > Add New หลังจากนั้น คุณจะต้องทำการค้นหาคำหลักสำหรับปลั๊กอิน ' Title Toggle for Storefront Theme ' คุณต้องติดตั้งและเปิดใช้งานดังที่แสดงด้านล่าง: เปิดใช้งานปลั๊กอิน
  3. หากต้องการซ่อนชื่อสำหรับบางหน้า ให้คลิกแก้ไขในหน้าใดก็ได้ที่คุณต้องการซ่อนชื่อ แก้ไขหน้า
  4. ในหน้าแก้ไข ให้เลื่อนลงมาจนกว่าคุณจะเห็นกล่องชื่อและสลับเมตา ทำเครื่องหมายที่ช่อง "ซ่อนชื่อ" และอัปเดตหน้าเว็บของคุณ ซ่อนชื่อเรื่อง
  5. นี่จะเป็น ผลลัพธ์: ลบชื่อหน้า

บทสรุป

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

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

ง่ายนิดเดียว!

บทความที่คล้ายกัน