วิธีซ่อนชื่อหน้าใน WordPress – และทำไมเราถึงไม่ทำเลย
เผยแพร่แล้ว: 2023-12-28บทความนี้เกี่ยวกับการซ่อนชื่อหน้าใน WordPress
เมื่อออกแบบเว็บไซต์ บางครั้งการซ่อนชื่อหน้าไม่ให้แสดงที่ส่วนหน้าอาจเป็นประโยชน์ สิ่งนี้มีประโยชน์สำหรับการสร้างการออกแบบที่สะอาดตา โดยเฉพาะอย่างยิ่งหากชื่อหน้าของคุณยาวหรือไม่เหมาะกับความสวยงามโดยรวมของเว็บไซต์ของคุณ
หากคุณใช้ WordPress มีหลายวิธีในการซ่อนชื่อหน้า ในคู่มือที่ครอบคลุมนี้ เราจะแนะนำวิธีการซ่อนชื่อหน้าใน WordPress ที่ได้รับความนิยมมากที่สุด
ตั้งแต่การใช้ฟังก์ชัน WordPress ในตัวไปจนถึงการติดตั้งปลั๊กอิน เราจะครอบคลุมทุกสิ่งที่คุณจำเป็นต้องรู้เพื่อฝึกฝนศิลปะในการซ่อนชื่อหน้าและสร้างเว็บไซต์ที่มีลักษณะตามที่คุณต้องการ
WordPress แสดงชื่อหน้าตามค่าเริ่มต้น ชื่อหน้าจะปรากฏขึ้น ไม่สามารถซ่อนชื่อได้อย่างตรงไปตรงมาเนื่องจากไม่มีสวิตช์ในตัว
มีสองตัวเลือกสำหรับคุณใน WordPress หากคุณต้องการปกปิดชื่อหน้า:
- การคัดลอกและวางอย่างง่ายจะทำให้คุณสามารถเพิ่ม CSS ที่กำหนดเองลงในเว็บไซต์ WordPress ของคุณได้
- การติดตั้งปลั๊กอินทำได้ง่ายเพียงแค่คลิกปุ่ม
การซ่อนชื่อใน WordPress ไม่ใช่เรื่องยากแม้แต่กับผู้ใช้ใหม่ไม่ว่าคุณจะเลือกใช้วิธีใดก็ตาม แม้ว่าคุณจะได้รับความรู้บ้างในระหว่างการเดินทาง แต่คุณไม่จำเป็นต้องมีความเข้าใจอย่างลึกซึ้งเกี่ยวกับ HTML, CSS หรือกลไกแบ็กเอนด์
ในบทความนี้ เราจะพูดถึงทั้งสองวิธีที่อาจใช้ในการปกปิดชื่อหน้าใน WordPress รวมถึงข้อดีและข้อเสียของการใช้วิธีการแต่ละวิธี
เหตุใดการซ่อนชื่อหน้าจึงเป็นประโยชน์ต่อเว็บไซต์ WordPress ของคุณ
ในโลกของการออกแบบเว็บไซต์และการพัฒนาเว็บ การปรับแต่งเป็นสิ่งสำคัญ เจ้าของเว็บไซต์ทุกคนต้องการให้เว็บไซต์ของตนโดดเด่นจากผู้อื่นและมีรูปลักษณ์ที่เป็นเอกลักษณ์ วิธีหนึ่งในการบรรลุเป้าหมายนี้คือการซ่อนชื่อหน้าใน WordPress
ชื่อเพจ แม้จะมีความสำคัญต่อ SEO และการนำทาง แต่บางครั้งอาจทำให้เสียสมาธิหรือไม่จำเป็นสำหรับเว็บไซต์บางประเภท ตัวอย่างเช่น หากคุณมีเว็บไซต์พอร์ตโฟลิโอหรือแลนดิ้งเพจที่มีโฟกัสเพียงจุดเดียว การแสดงชื่อเพจอาจไม่จำเป็น และอาจดึงเอาการออกแบบโดยรวมและประสบการณ์ผู้ใช้ออกไปได้
การซ่อนชื่อหน้ายังมีประโยชน์ในการปรับปรุงความสามารถในการอ่านและความลื่นไหลของเนื้อหาของคุณอีกด้วย เมื่อลบชื่อหน้า ผู้เยี่ยมชมของคุณสามารถมุ่งความสนใจไปที่เนื้อหาเพียงอย่างเดียว โดยไม่มีสิ่งรบกวนใดๆ สิ่งนี้มีประโยชน์อย่างยิ่งสำหรับบล็อกโพสต์หรือบทความที่มีเนื้อหาเป็นจุดเด่นหลัก
นอกจากนี้ การซ่อนชื่อหน้ายังทำให้เว็บไซต์ของคุณดูเรียบง่ายและทันสมัยยิ่งขึ้น สิ่งนี้สามารถดึงดูดโดยเฉพาะสำหรับธุรกิจหรือบุคคลที่ต้องการสร้างความสวยงามที่ทันสมัยและสะอาดตาสำหรับเว็บไซต์ของตน
เหตุใดชื่อหน้าจึงไม่เคยถูกซ่อนใน WordPress
อย่างน้อย 99 เปอร์เซ็นต์ของการเข้าชมบล็อกมาจากผลการค้นหาทั่วไป เมื่อมีคนค้นหาข้อมูลในเรื่องใดเรื่องหนึ่ง พวกเขาจะคลิกไปหลังจากที่เห็นพาดหัวของบทความในบล็อกในผลการค้นหา
พาดหัวของโพสต์บนบล็อกทำให้ผู้เยี่ยมชมมั่นใจว่ามาถูกที่แล้วและเว็บไซต์มีข้อมูลที่พวกเขาต้องการ
จะมีความเข้าใจผิดเกิดขึ้นอย่างหลีกเลี่ยงไม่ได้หากพวกเขามาถึงเว็บไซต์โดยไม่มีชื่อ
คล้ายกับเมื่อมีคนดูผลการค้นหาหลายแท็บพร้อมกัน แล้วพลิกกลับไปยังแท็บที่มีข้อมูลที่เกี่ยวข้องมากที่สุด มันจะยากขึ้นมากสำหรับผู้เยี่ยมชมที่จะจำได้ว่าเหตุใดพวกเขาจึงคลิกเว็บไซต์ของเราเป็นครั้งแรกเมื่อพวกเขาเห็นหน้าที่ไม่มีชื่อเรื่องของเรา
ชื่อหน้าทำหน้าที่เป็นหัวข้อข่าว ซึ่งทำให้เนื้อหาของเราแตกต่างจากคู่แข่ง แม้ว่าจะสอดคล้องกับสิ่งที่ผู้ชมของเรากำลังค้นหา แต่ก็ไม่ได้พาดหัวข่าวที่น่าดึงดูดเสมอไป
เพื่อดึงดูดผู้อ่านและทำให้พวกเขาอยู่บนเว็บไซต์นอกเหนือจากความประทับใจแรก ชื่อต่างๆ จึงมีบทบาทสำคัญ
เมื่อใช้ WordPress เพื่อซ่อนชื่อหน้าก็สมเหตุสมผล
มีเหตุผลดีๆ หลายประการที่ทำให้บุคคลต้องการปกปิดชื่อหน้าใน WordPress แม้ว่าเราจะไม่เคยปกปิดก็ตาม
สาเหตุที่พบบ่อยที่สุดคือ:
หน้า Landing Page ที่ทุกพิกเซลมีจำนวนพื้นที่ว่างในพาดหัวข่าวมาก
เมื่อพิจารณาจากเนื้อหาและเป้าหมายของเพจแล้ว ชื่อก็ไม่จำเป็น
เนื่องจากเป็นการทำซ้ำข้อมูลที่มีอยู่ในการนำทาง breadcrumb เมนูการนำทาง และตำแหน่งอื่นๆ บนเว็บไซต์ ชื่อเรื่องจึงไม่จำเป็น
ผู้ออกแบบต้องการให้ฝังชื่อเรื่องไว้เนื่องจากดูไม่ถูกต้อง
หนึ่งจุดสุดท้าย มันก็สำคัญเช่นกัน
หน้าเว็บที่ดูเหมือนว่า "ไม่มี" ชื่อเรื่องมักจะถูกซ่อนไว้เท่านั้น
ไม่ค่อยมีการนำชื่อออกจากหน้าเหล่านี้
การเปรียบเทียบการซ่อนกับการลบชื่อหน้า
น่าแปลกที่ WordPress ทำให้การลบชื่อหน้าเป็นเรื่องง่าย ซึ่งเป็นการตัดสินใจที่แทบไม่ฉลาดเลย
เมื่อใช้ WordPress เพื่อลบชื่อหน้า:
เครื่องมือค้นหาไม่สามารถระบุวัตถุประสงค์ของเพจของคุณหรือว่าจะตั้งชื่อเว็บไซต์ของคุณว่าอะไรในผลการค้นหา ที่แย่กว่านั้นคือเครื่องมือค้นหาสามารถตีความเนื้อหาของคุณผิดและนำเสนอต่อผู้ใช้ที่ไม่ถูกต้องได้
แทนที่จะกำหนดชื่อที่มนุษย์สามารถอ่านได้ให้กับ URL หน้าของคุณ WordPress จะใช้จำนวนเต็มแบบสุ่ม คุณสามารถแก้ไขสิ่งนี้ได้ แต่จะต้องใช้ความพยายามมากขึ้นและการดูแลเพจที่ไม่มีชื่อเรื่องในผู้ดูแลระบบ WordPress อาจทำให้น่าเบื่อได้อย่างรวดเร็วหากคุณมีจำนวนมาก
โปรแกรมอ่านหน้าจอจะไม่แสดงชื่อเรื่อง ซึ่งจะลดการเข้าถึงเนื้อหาของคุณสำหรับผู้ที่ต้องพึ่งพาเนื้อหาเหล่านั้น
เมื่อใช้ WordPress เพื่อปกปิดชื่อ:
ชื่อยังคงปรากฏให้เครื่องมือค้นหาเห็น พวกเขาจะเข้าใจหัวข้อของเนื้อหาของคุณ แสดงชื่อของคุณในผลการค้นหา และนำผู้ชมที่เหมาะสมไปยังเนื้อหาของคุณ
WordPress จะยังคงเห็นชื่อ ดังนั้นจะทำให้โพสต์มีชื่อปกติและอ่านง่าย การดูแลรักษาองค์กรยังง่ายกว่ามากเนื่องจากแต่ละบทความมีชื่อที่แตกต่างกัน
ผู้คนที่ต้องใช้โปรแกรมอ่านหน้าจอจะสามารถเข้าถึงข้อมูลของคุณได้ง่ายขึ้นเนื่องจากพวกเขายังคงเห็นชื่อเรื่องอยู่
ใน WordPress การซ่อนชื่อจะบรรลุเป้าหมายเดียวกับการลบชื่อออก แต่จะช่วยให้คุณไม่ต้องยุ่งยากมากนัก
เหตุใดจึงต้องเอาชื่อออกไป?
พูดตามตรง เรากำลังสูญเสียเหตุผลที่ถูกต้องในการทำเช่นนี้
การลบชื่อออกง่ายกว่าการซ่อนชื่อ แต่ทั้งสองอย่างก็คุ้มค่า
วิธีที่ง่ายที่สุดในการซ่อนชื่อหน้า WordPress หากคุณคิดว่าเป็นไปไม่ได้ที่จะเพิ่มโค้ดที่กำหนดเองเล็กๆ น้อยๆ ลงในเว็บไซต์ของคุณ คุณอาจติดตั้งปลั๊กอินที่จะช่วยให้คุณสามารถซ่อนชื่อหน้าได้ด้วยการคลิกเพียงครั้งเดียว
หากผู้ใช้ WordPress วางแผนที่จะซ่อนชื่อเรื่องบนหน้าจำนวนมาก นี่คือวิธีแก้ปัญหาที่เราแนะนำ
เมื่อพวกเขามีชื่อมากมายที่ต้องปกปิด แม้แต่นักพัฒนาเว็บที่มีประสบการณ์ก็ยังเลือกใช้ปลั๊กอิน
มันง่ายกว่ามากในการรักษาองค์กร นอกจากนี้ การแก้ไขโค้ด "แบบง่าย" จะกลายเป็นเรื่องยุ่งยากหากคุณต้องทำการเปลี่ยนแปลงสไตล์ชีท CSS บ่อยครั้งเพื่อแสดงหรือปกปิดหัวข้อข่าวบางหัวข้อ ในกรณีนี้ ปลั๊กอินจะกลายเป็นตัวเลือกที่ดีที่สุด
ด้วยการติดตั้งที่ใช้งานมากกว่า 60,000 ครั้ง เราขอแนะนำให้ซ่อนหน้าและชื่อโพสต์ แม้ว่าจะมีทางเลือกอื่นให้เลือก แต่ทางเลือกนี้มีมาระยะหนึ่งแล้วและได้รับความเคารพอย่างดี
ชื่อหน้า WordPress ซ่อนโดยไม่ต้องใช้ปลั๊กอิน
ต้องเพิ่มโค้ดเล็กน้อยในเว็บไซต์ของคุณเพื่อใช้กลยุทธ์นี้
หากคุณไม่เคยพัฒนาเว็บไซต์หรือทำงานกับ HTML หรือ CSS มาก่อน ไม่ต้องกังวล
การทำเช่นนี้ค่อนข้างง่าย
เรากำลังพูดถึงการคัดลอกและวางโค้ดพื้นฐานสั้นๆ สองสามบรรทัดลงในหน้าเว็บของคุณ
นอกจากนี้ ทุกสิ่งสามารถทำได้โดยตรงจากแดชบอร์ด WordPress ดังนั้นการเปลี่ยนแปลงเล็กน้อยนี้ไม่น่าจะทำลายสิ่งใดบนเว็บไซต์ของคุณ
ก่อนที่คุณจะทำการเปลี่ยนแปลงใดๆ ให้สร้างข้อมูลสำรองของไซต์ WordPress ของคุณ โดยปกติเป็นความคิดที่ดีที่จะทำเช่นนี้ก่อนที่จะแก้ไขแบ็กเอนด์ของเว็บไซต์ของคุณ
วิธีซ่อนชื่อหน้าทุกหน้า
คุณจะต้องแก้ไขธีมหากคุณต้องการปกปิดชื่อหน้าทั้งหมด
1. เปิดแดชบอร์ด WordPress
2. ในเมนูนำทางทางด้านซ้ายของแดชบอร์ด ให้วางเมาส์เหนือลักษณะที่ปรากฏ เมื่อปรับแต่งการแสดงผล ให้เลือก
3. ใช้ตัวปรับแต่งธีม WordPress เลือกตัวเลือก CSS พิเศษ
4. ในตัวแก้ไข CSS ให้เพิ่มโค้ดต่อไปนี้:
.page .entry-ชื่อ { จอแสดงผล: ไม่มี; }
5. คลิกเผยแพร่
เป็นการดีที่สุดที่จะซ่อนชื่อ
โดยพื้นฐานแล้ว การแก้ไขโค้ดนี้จะสั่งให้เบราว์เซอร์ไม่แสดงชื่อใด ๆ ในแต่ละหน้าของเว็บไซต์ของคุณ
ชื่อจะยังคงมองเห็นได้ในแดชบอร์ด WordPress และข้อความที่มีเครื่องหมาย CSS “display: none” จะยังคงสามารถอ่านได้โดยเครื่องมือค้นหาเช่น Google คุณไม่จำเป็นต้องกังวลว่าเครื่องมือค้นหาจะลงโทษคุณ
ชื่อยังคงอยู่ที่นั่น มันไม่ปรากฏให้เห็นบนเว็บไซต์
หากการซ่อนชื่อด้วยข้อมูลโค้ด CSS นี้ไม่ได้ผล อาจเป็นเพราะธีม WordPress ของคุณใช้ชื่อหน้าเป็นชื่อที่แตกต่างจาก “ชื่อรายการ” ปกติ
สิ่งนี้บ่งชี้ว่าโค้ดที่กำหนดเองที่คุณใช้ไม่ได้ซ่อนองค์ประกอบชื่อหน้าและมุ่งเป้าไปที่ "คลาส" ที่ไม่ถูกต้อง
รหัส CSS ที่คุณระบุจะปกปิดเนื้อหาที่เหมาะสมหลังจากที่คุณกำหนด "คลาส" ที่เกี่ยวข้องสำหรับชื่อหน้าแล้ว
ด้วยเครื่องมือตรวจสอบในตัวของเบราว์เซอร์ คุณสามารถดูได้ว่าคลาสคืออะไร
1. หากต้องการปกปิดชื่อ เพียงคลิกขวาที่ชื่อ
2. จากตัวเลือกแบบเลื่อนลง ให้เลือกตรวจสอบ
3. ค้นหาองค์ประกอบที่แสดงถึงชื่อหน้า (
…
).
วิธีทำให้ทุกชื่อบล็อกมองเห็นได้
เพียงใช้ข้อมูลโค้ดที่แก้ไขเล็กน้อยเพื่อปกปิดชื่อเรื่องในบล็อกโพสต์ แทนที่จะปกปิดบนหน้าเว็บไซต์ทั้งหมด และปฏิบัติตามวิธีการเดียวกันกับก่อนหน้านี้
1. เปิดแดชบอร์ด WordPress
2. ในเมนูนำทางทางด้านซ้ายของแดชบอร์ด ให้วางเมาส์เหนือลักษณะที่ปรากฏ เมื่อปรับแต่งการแสดงผล ให้เลือก
3. ใช้ตัวปรับแต่งธีม WordPress เลือกตัวเลือก CSS เพิ่มเติม
.post .entry-ชื่อ { จอแสดงผล: ไม่มี; }
4. เลือกเผยแพร่
การดำเนินการนี้จะช่วยให้ชื่อโพสต์ในบล็อกทั้งหมดสามารถเข้าถึงได้บนเพจประเภทอื่นในขณะที่ซ่อนอยู่ในบล็อก
หากไม่ได้ผล ธีมของคุณอาจใช้คลาสอื่นที่ไม่ใช่ "entry-title" สำหรับชื่อเรื่อง เมื่อคุณพบคลาสที่เหมาะสมโดยใช้เครื่องมือตรวจสอบของเบราว์เซอร์แล้ว ให้แทนที่ด้วย CSS ที่กำหนดเอง
ซ่อนหน้าเดียวได้อย่างไร
ใช้ขั้นตอนเหมือนเดิม แต่เปลี่ยนข้อมูลโค้ดให้มีรหัสหน้า ด้วยวิธีนี้ ชื่อของหน้าเดียวจะถูกบดบัง
1. ในเครื่องมือปรับแต่งธีม WordPress ให้เลือกตัวเลือก CSS เพิ่มเติม
2. เพิ่มโค้ดต่อไปนี้ในตัวแก้ไข CSS:
.page-id-0123 .entry-ชื่อ { จอแสดงผล: ไม่มี; }
3. เลือกเผยแพร่
เพิ่มโค้ดนั้น แต่ใช้รหัสหน้าจริงจากเว็บไซต์ของคุณแทนรหัสหน้าตัวอย่าง "0123"
นำเคอร์เซอร์ไปที่ชื่อเรื่องของหน้าใน WordPress Dashboard จะเปิดเผยหมายเลข ID
รหัสเพจจะแสดงเป็นส่วนหนึ่งของ URL ลิงก์ที่ด้านล่างของหน้าจอ