วิธีลบแถบด้านข้างใน WordPress

เผยแพร่แล้ว: 2020-07-24

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

สารบัญ
1 เหตุใดจึงลบแถบด้านข้างใน WordPress
2 วิธีลบแถบด้านข้างใน WordPress โดยสิ้นเชิง
3 วิธีลบแถบด้านข้างใน WordPress ออกจากแต่ละหน้า
3.1 วิธีลบแถบด้านข้างออกจากหน้าคงที่
3.2 วิธีลบแถบด้านข้างใน WordPress จากหน้าบล็อก
3.3 วิธีลบแถบด้านข้างออกจากโพสต์เดียว
4 วิธีลบแถบด้านข้างใน WordPress ด้วยปลั๊กอิน

ทำไมต้องลบแถบด้านข้างใน WordPress?

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

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

วิธีลบแถบด้านข้างใน WordPress โดยสิ้นเชิง

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

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

เนื่องจากธีมประกอบด้วยเทมเพลตหลายแบบ คุณจึงต้องคัดลอกเทมเพลตทั้งหมดก่อนที่จะเริ่มแก้ไข คุณควรแก้ไขเทมเพลตทั้งหมดที่มีแถบด้านข้างอยู่ ในธีมปกติ สามารถแสดงบน index.php, home.php, archive.php, single.php, page.php และอื่นๆ

ค้นหาโฟลเดอร์ที่มีโฟลเดอร์เทมเพลตอยู่ เปิด wp-content/themes/theme-folder คัดลอกเทมเพลตที่คุณจะแก้ไขไปยังโฟลเดอร์ธีมลูก ตอนนี้มองหาบรรทัดนี้ในไฟล์เทมเพลต:

 <?php get_sidebar(); ?>

ฟังก์ชันนี้เรียกแถบด้านข้าง ดังนั้น ให้ลบโค้ดนี้ออกจากแถบด้านข้าง

หากธีมของคุณมีแถบด้านข้างหลายแถบ คุณจะต้องค้นหาโค้ดที่มีคำว่า "แถบด้านข้าง" ตัวอย่างเช่น:

 <?php get_sidebar('footer-widget-area'); ?>

โค้ดแถบด้านข้างด้านบนแสดงถึงวิดเจ็ตส่วนท้าย ค้นหารหัสประเภทนี้และลบออก

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

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

ตอนนี้คุณต้องระบุโค้ด CSS สำหรับคลาสนั้น นี่คือตัวอย่างสำหรับ CSS ตัวอย่าง:

 .content-area {
ความกว้าง: 100%;
ระยะขอบ: 0px;
เส้นขอบ: 0px;
ช่องว่างภายใน: 0px;
}
.content-area .site {
ระยะขอบ: 0px;
}

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

วิธีลบแถบด้านข้างใน WordPress ออกจากแต่ละเพจ

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

วิธีลบแถบด้านข้างออกจากหน้าคงที่

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

อย่างไรก็ตาม หากคุณไม่เห็นการตั้งค่าแอตทริบิวต์แบบเต็มความกว้าง แสดงว่าธีมของคุณไม่มีให้

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

  • สร้างไฟล์ใหม่ชื่อ full-width.php โดยใช้โปรแกรมแก้ไขข้อความ
  • ค้นหาโฟลเดอร์ wp-content/themes/theme-name ด้วย FTP Client
  • คัดลอกโค้ดจากไฟล์ page.php และวางลงในไฟล์ full-width.php
  • เปิดแท็ก <?php และป้อนฟิลด์ชื่อเทมเพลตดังนี้:
 /* ชื่อเทมเพลต: เทมเพลตแบบเต็มความกว้าง */
  • ค้นหา <?php get_sidebar(); ?> แล้วลบออก
  • บันทึกการเปลี่ยนแปลงและอัปโหลดไฟล์ full-width.php ไปยังโฟลเดอร์ธีมลูกผ่านทาง ไคลเอนต์ FTP

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

วิธีลบแถบด้านข้างใน WordPress จากหน้าบล็อก

ธีม WordPress ยังมีแถบด้านข้างในหน้าบล็อก คุณยังสามารถลบแถบด้านข้างออกจากหน้าบล็อกได้ด้วยขั้นตอนที่กล่าวถึงด้านล่าง:

  • ขั้นแรก ไปที่ การตั้งค่า >> การอ่าน ตรวจสอบหน้าโพสต์ที่กล่าวถึง
  • ไปที่ Pages >> All Pages แก้ไขหน้าที่คุณพบในขั้นตอนก่อนหน้า
  • เปลี่ยน แอตทริบิวต์ของหน้า เป็นเทมเพลตแบบเต็มความกว้างก่อนบันทึกการเปลี่ยนแปลงเหล่านี้

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

วิธีลบแถบด้านข้างออกจากโพสต์เดียว

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

คล้ายกับการลบแถบด้านข้างออกจากหน้าสแตติกและหน้าบล็อก อย่างไรก็ตาม คุณต้องคัดลอกและแก้ไขเนื้อหาจากไฟล์เทมเพลต single.php แทนไฟล์ page.php

วิธีลบแถบด้านข้างใน WordPress ด้วยปลั๊กอิน

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

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

บทสรุป

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

อ่านเพิ่มเติม

  1. วิธีทำซ้ำหน้าใน WordPress
  2. วิธีอัปโหลดไฟล์ HTML ไปยัง WordPress
  3. ข่าว WordPress ล่าสุด
  4. วิธียกเลิกการเผยแพร่ไซต์ WordPress