วิธีลบแถบด้านข้างใน WordPress
เผยแพร่แล้ว: 2020-07-24แถบด้านข้างเป็นที่สำหรับวิดเจ็ตที่สามารถปรากฏทางขวา ซ้าย หรือด้านล่างหลังเนื้อหาในหน้าต่างๆ ในกรณีที่คุณไม่จำเป็นต้องมีวิดเจ็ตในบทความหรือหน้า คุณจำเป็นต้องเรียนรู้วิธีลบแถบด้านข้างใน 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
อ่านเพิ่มเติม
- วิธีทำซ้ำหน้าใน WordPress
- วิธีอัปโหลดไฟล์ HTML ไปยัง WordPress
- ข่าว WordPress ล่าสุด
- วิธียกเลิกการเผยแพร่ไซต์ WordPress