วิธีแก้ไขวิดเจ็ตแถบด้านข้างในธีม Beggie

เผยแพร่แล้ว: 2022-10-25

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

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

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

ฉันจะเปลี่ยนแถบด้านข้างใน WordPress ได้อย่างไร

เครดิต: sitebuildernews.com

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

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

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

ฉันจะแก้ไขแถบด้านข้างใน WordPress ได้อย่างไร

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

วิธีแก้ไขเว็บไซต์ WordPress ที่เสีย

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

ฉันจะเปลี่ยนแถบด้านข้างเริ่มต้นใน WordPress ได้อย่างไร

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

วิธีสร้างแถบด้านข้างที่กำหนดเองใน WordPress

สร้างไฟล์เทมเพลตชื่อ sidebar-recent-posts.php และใส่โค้ดต่อไปนี้ หากคุณต้องการรวมแถบด้านข้างที่แสดงโพสต์ล่าสุดจากบล็อกของคุณ อันไหนดีที่สุด? หากคุณต้องการมีแถบด้านข้างสำหรับโพสต์ล่าสุดใน php โปรดระบุ URL เดียวกัน เพิ่มบรรทัดต่อไปนี้ในส่วนหัวของบล็อก WordPress:br> เพื่อรวมแถบด้านข้างนี้ ตัวละคร นอกจากนี้ยังมีเทมเพลต sidebar-all.php ซึ่งรวมถึงแถบด้านข้าง WordPress เริ่มต้นทั้งหมด หากคุณต้องการสร้างแถบด้านข้างของคุณเอง คุณสามารถเริ่มต้นด้วยเทมเพลตนี้ หากคุณต้องการแถบด้านข้างเฉพาะสำหรับโพสต์หรือหน้าเดียว คุณสามารถใช้ฟังก์ชัน get_post_thumbnail() และ get_page_thumbnail() เพื่อจุดประสงค์นั้น ในฐานะที่เป็นอาเรย์เชื่อมโยง โพสต์หรือหน้าจะถูกส่งกลับเป็นภาพขนาดย่อ หากคุณต้องการรวมเทมเพลตแถบด้านข้างที่เหมาะสม ให้ใช้ฟังก์ชัน get_sidebar() ตัวอย่างเช่น หากต้องการสร้างแถบด้านข้างชื่อ “ความคิดเห็นล่าสุด” ซึ่งแสดงความคิดเห็นล่าสุดในโพสต์ ให้ใส่รหัสต่อไปนี้ในเทมเพลตของโพสต์: “br” Get_sidebar('recent-comments');?

ฉันจะใส่แถบด้านข้างต่าง ๆ ในหน้าต่าง ๆ ใน WordPress ได้อย่างไร

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

ประโยชน์ของปลั๊กอินตัวจัดการวิดเจ็ต

หากคุณต้องการควบคุมว่าจะแสดงวิดเจ็ตใดบนไซต์ทั้งหมดของคุณ ให้ใช้ปลั๊กอินตัวจัดการวิดเจ็ต


ฉันจะเพิ่มแถบด้านข้างให้กับธีม WordPress ของฉันได้อย่างไร

เครดิต: tutorialsclass.com

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

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

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

แถบด้านข้างในธีม WordPress คืออะไร?

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

สองวิธีในการสร้างแถบด้านข้างบน WordPress

มีสองวิธีในการเพิ่มแถบด้านข้างในเว็บไซต์ WordPress ในการสร้างแถบด้านข้าง เพียงใช้ฟังก์ชัน get_sidebar() เพื่อแยกไฟล์เทมเพลตจากการติดตั้ง WordPress โค้ดแถบด้านข้าง ของคุณควรเก็บไว้ในไฟล์เทมเพลตชื่อ "sidebar.php" จากนั้นเรียกใช้ฟังก์ชัน get_sidebar() เพื่อเรียกใช้

แถบด้านข้างสไตล์ WordPress

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

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

คุณมีตัวเลือกในการปรับแต่งข้อมูลนี้มากยิ่งขึ้นโดยใช้ปลั๊กอินสำหรับลิงก์ที่หลากหลาย หน้าเว็บอื่นๆ มีอยู่นอกเหนือจากหน้า index.html ในบางธีม เช่น archive, single.html, search.html และ category.html คุณยังสามารถดูแถบด้านข้างที่ด้านหน้า เก็บถาวร หรือหน้าหมวดหมู่ได้อีกด้วย หลังจากคลิกที่รูปภาพ คุณสามารถเข้าถึงได้จากคลังข้อมูล หมวดหมู่ หรือหน้าแรก มายากลมักเกิดขึ้นได้อย่างไร? เนื่องจากลักษณะโมดูลาร์ WordPress 1.5 จึงใช้เทมเพลตที่ทำหน้าที่เป็นพื้นฐานสำหรับส่วนต่างๆ และส่วนประกอบต่างๆ ของไซต์ ไม่จำกัดจำนวนแถบด้านข้างที่คุณสามารถมีได้

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

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

เมนูแถบด้านข้างของ WordPress

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

ในพื้นที่แถบด้านข้างของเว็บไซต์ของคุณ คุณอาจต้องการรวมเมนูการนำทาง ในแถบด้านข้าง คุณสามารถลากและวางวิดเจ็ตเมนูการนำทางหลักที่มาพร้อมกับวิดเจ็ตในตัว การสร้างและเพิ่มแถบด้านข้างที่ไม่ซ้ำกันให้กับโพสต์ เพจ หรือหมวดหมู่สามารถทำได้โดยใช้ปลั๊กอินแถบด้านข้างแบบกำหนดเอง เราได้ทดสอบสองตัวเลือกนี้สำหรับการตรวจทานของคุณเพื่อให้แน่ใจว่าคุณพึงพอใจ ปลั๊กอิน Content Sidebars Aware เป็นอีกตัวเลือกที่ยอดเยี่ยมสำหรับการกำหนดค่าแถบด้านข้าง ปลั๊กอินนี้มีเวอร์ชันฟรีและจ่ายเงินสำหรับ Custom Sidebar รวมถึงคุณลักษณะอื่นๆ คุณลักษณะเพิ่มเติม เช่น แถบด้านข้างแบบติดหนึบ การแสดงแถบด้านข้างหลังจากดูหน้าเว็บเป็นเปอร์เซ็นต์หนึ่ง การโคลนแถบด้านข้าง และความสามารถในการใช้การจัดรูปแบบตามเงื่อนไขและการตั้งเวลามีราคา $49

วิธีสร้างเมนูแถบด้านข้างแบบพับได้ใน WordPress

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

วิธีเปลี่ยนความกว้างของแถบด้านข้างใน WordPress

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

โลกแบน โลกแบน

วิธีเพิ่มแถบด้านข้างใน WordPress Elementor

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