วิธีสร้างเทมเพลต WordPress ด้วยแถบด้านข้าง

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

หากคุณต้องการสร้างเทมเพลต WordPress ที่มีแถบด้านข้าง สิ่งแรกที่คุณต้องทำคือสร้างไฟล์ชื่อ sidebar.php ไฟล์นี้จะมีโค้ดสำหรับแถบด้านข้างของคุณ ถัดไป คุณต้องแก้ไขไฟล์ header.php และเพิ่มโค้ดต่อไปนี้: รหัสนี้บอกให้ WordPress รวมไฟล์ sidebar.php เมื่อโหลดเทมเพลตของคุณ ตอนนี้คุณสามารถเพิ่มเนื้อหาแถบด้านข้างของคุณไปยังไฟล์ sidebar.php ซึ่งอาจรวมถึงข้อความ รูปภาพ และอื่นๆ ที่คุณต้องการรวมไว้ในแถบด้านข้าง เมื่อคุณเพิ่มเนื้อหาในแถบด้านข้างแล้ว คุณต้องแก้ไขไฟล์ footer.php และเพิ่มโค้ดต่อไปนี้: การใช้แถบด้านข้าง WordPress แบบกำหนดเองจะช่วยให้คุณสามารถทดสอบรูปแบบต่างๆ สำหรับเว็บไซต์ของคุณได้ แอปพลิเคชันนี้ยังสามารถใช้เพื่อพัฒนาวิธีการใหม่ๆ ในการใช้คุณลักษณะใหม่ๆ หากเว็บไซต์ของคุณไม่เป็นไปตามแบบแผน อย่าใช้แถบด้านข้าง หากคุณต้องการฟังก์ชันเพิ่มเติม คุณยังสามารถเพิ่มแถบด้านข้างแบบกำหนดเองได้ ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีเพิ่มแถบด้านข้าง WordPress แบบกำหนดเองในเว็บไซต์ของคุณ ด้วยปลั๊กอิน Custom Sidebars คุณสามารถสร้างแถบด้านข้างได้หลากหลาย กำหนดให้กับหน้าเฉพาะประเภทโพสต์และหมวดหมู่ ในการไปที่แถบด้านข้างใหม่ของคุณ ให้ลากและวางองค์ประกอบที่คุณต้องการใช้จากคอลัมน์ Widgets ที่พร้อมใช้งาน แถบด้านข้าง WordPress แบบกำหนดเองนั้นง่ายต่อการสร้าง การติดตั้งและเปิดใช้งานปลั๊กอินจะช่วยให้คุณสร้างแถบด้านข้างที่กำหนดเองแถบแรก ระบุตำแหน่ง และทำซ้ำขั้นตอนหากคุณต้องการสร้างแถบด้านข้างมากกว่าหนึ่งแถบ ไม่ว่าคุณจะใช้โครงสร้างแถบด้านข้างเดียวกันสำหรับเนื้อหาทั้งหมดของคุณหรือไม่ และ WordPress ก็มีทางเลือกมากมายในบทความนี้ ฉันจะพูดถึงวิธีสร้างแถบด้านข้างแบบกำหนดเองใน WordPress เข้าสู่ระบบในพื้นที่ผู้ดูแลระบบของเว็บไซต์ของคุณ (www.yoursite.com/wp-login.html) จากนั้นไปที่ Plugins > Add New ผ่านเมนูแถบด้านข้าง โดยการป้อน 'แถบด้านข้างที่กำหนดเอง' ในช่องค้นหาเป็นตัวเลือกแรกในหน้าจอเพิ่มปลั๊กอิน คุณสามารถดำเนินการติดตั้งรายการแรกได้ เลือกวิดเจ็ตที่คุณต้องการใช้ทางด้านซ้ายของหน้าจอ คุณจะสามารถดูรายการพื้นที่วิดเจ็ตของคุณในพื้นที่วิดเจ็ต ควรเลือกแถบด้านข้างหลัก ชื่อแตกต่างกันไปขึ้นอยู่กับธีมของ WordPress แต่มักจะมีคำว่า "แถบด้านข้าง" ฉันจะสร้างแถบด้านข้างแบบไดนามิกใน WordPress ได้อย่างไร เครดิต: www.greengeeks.in ในการสร้างแถบด้านข้างแบบไดนามิกใน WordPress คุณต้องสร้างไฟล์ก่อน เรียกว่า sidebar.php ในโฟลเดอร์ธีมของคุณ ถัดไป คุณต้องเพิ่มโค้ดต่อไปนี้ในไฟล์ sidebar.php ของคุณ: if ( is_active_sidebar( 'sidebar-1' ) ) { dynamic_sidebar( 'sidebar-1' ); } ? > รหัสนี้บอกให้ WordPress ตรวจสอบว่ามีแถบด้านข้างที่ทำงานอยู่ที่เรียกว่า sidebar-1 หรือไม่ หากมีก็จะแสดงแถบด้านข้าง คุณสามารถแทนที่ sidebar-1 ด้วย ID แถบด้านข้างอื่น ๆ ที่คุณต้องการได้ แถบด้านข้างแบบไดนามิกเป็นส่วนสำคัญของฟังก์ชันการทำงานของ WordPress โดยทั่วไป ธีมจะมาพร้อมกับแถบด้านข้างแบบไดนามิกหนึ่งหรือสองแถบที่ให้คุณลากและวางโมดูลต่างๆ ได้ ด้วยความช่วยเหลือของไฟล์ functions.php คุณสามารถเพิ่มแถบด้านข้างแบบไดนามิกให้กับธีมของคุณได้ เราจะพูดถึงวิธีกำหนดค่าแถบด้านข้างแบบไดนามิกซึ่งเรียกว่า new_sidebar ในบทช่วยสอนนี้ การใช้ฟังก์ชัน dynamic_sidebar() ทำให้ WordPress สามารถเพิ่มแถบด้านข้างให้กับธีมของคุณได้ นี่อาจเป็นชื่อธีม:. คุณสามารถเพิ่มแถบด้านข้างแบบไดนามิกลงในแถบด้านข้างหรือส่วนท้ายในแถบด้านข้างหรือส่วนท้ายแบบเดิมได้เสมอ โรงหล่อธีมส่วนใหญ่ได้รวมเอาสิ่งนี้ไว้ในงานออกแบบแล้ว ทำให้ผู้ใช้ปลายทางปรับแต่งได้อย่างรวดเร็วได้ง่ายขึ้น หากธีม WordPress ของคุณไม่มีแถบด้านข้างโดยค่าเริ่มต้น คุณสามารถเพิ่มได้โดยทำตามขั้นตอนด้านล่าง: เพื่อดู WordPress ทั้งหมดของคุณ การตั้งค่าวิดเจ็ต ไปที่ ลักษณะที่ปรากฏ คุณสามารถลากวิดเจ็ตไปที่แถบด้านข้างหรือเลือกวิดเจ็ต (หากคุณมีแถบด้านข้างหลายแถบในธีมของคุณ ให้เลือกแถบด้านข้างปลายทางก่อน) คลิกปุ่มเพิ่มวิดเจ็ตหลังจากนั้น คลิกวิดเจ็ตแถบด้านข้างเพื่อเข้าถึงแผงควบคุม ในหน้าต่างเพิ่มวิดเจ็ต ให้ป้อนชื่อของแถบด้านข้างที่คุณต้องการใช้ จากนั้นเลือกปลายทางสำหรับแถบด้านข้างในเมนูดรอปดาวน์ของแถบด้านข้าง เมื่อคลิกปุ่มตกลง คุณสามารถเพิ่มแถบด้านข้างลงในเพจได้ เมื่อทำตามขั้นตอนเหล่านี้ คุณจะสามารถแสดงแถบด้านข้างของธีม WordPress ที่มีแถบด้านข้างได้อย่างง่ายดาย ป้อนชื่อแถบด้านข้างและตำแหน่งของแถบด้านข้างในเมนูดรอปดาวน์ของแถบด้านข้างของหน้าต่าง Add Widget วิธีเพิ่มแถบด้านข้างในเว็บไซต์ WordPress ของคุณ นอกจากการปรับแต่งแถบด้านข้างแล้ว คุณยังทำได้ด้วยวิธีอื่นๆ นอกจากการเปลี่ยนสีของข้อความในแถบด้านข้างหรือเพิ่มโลโก้หรือกราฟิกแล้ว คุณยังสามารถเปลี่ยนเค้าโครงได้อีกด้วย คุณสามารถเพิ่มวิดเจ็ตลงในแถบด้านข้างเพื่อให้ผู้อ่านค้นหาข้อมูลสำคัญหรือติดต่อคุณได้ง่ายขึ้น คุณสามารถใช้ปลั๊กอินเพื่อเพิ่มแถบด้านข้างให้กับหน้าใดก็ได้ในเว็บไซต์ของคุณ ไม่ว่าจะเป็นสำหรับบางหน้าที่เฉพาะเจาะจงหรือสำหรับทุกหน้าบนเว็บไซต์ เราได้รวบรวมรายการโปรดบางส่วนของเราไว้ในที่เก็บปลั๊กอินของ WordPress ดังนั้นอย่าลืมมองหาตัวเลือกเพิ่มเติม เมื่อใช้ WordPress ฉันจะแสดงวิธีเพิ่มแถบด้านข้าง คุณสามารถเพิ่มแถบด้านข้างไปยังไซต์ WordPress ได้อย่างง่ายดายโดยใส่ปลั๊กอินสองสามตัวและทำให้โค้ดของคุณทำงานได้อย่างรวดเร็ว ฉันจะเปลี่ยนเทมเพลตแถบด้านข้างใน WordPress ได้อย่างไร เครดิต: kotrynabassdesign.com แถบด้านข้างสามารถปรับแต่งได้นอกเหนือจากการแก้ไขบน WordPress แผงควบคุม. ในการขยายแถบด้านข้าง ให้เลือก ลักษณะที่ปรากฏ > วิดเจ็ต ค้นหาและคลิกส่วนแถบด้านข้าง จากนั้นเลือก แถบด้านข้างนี้ควรจะมองเห็นวิดเจ็ตทั้งหมดแล้ว ซึ่งเป็นส่วนของเว็บไซต์ของคุณที่คุณสามารถแสดงข้อมูลอื่นๆ ที่ไม่รวมอยู่ในเนื้อหาหลักของเว็บไซต์ของคุณ การปรับแต่งแถบด้านข้างของ WordPress อาจเป็นวิธีที่ดีในการสร้างรายชื่ออีเมล มีส่วนร่วมกับผู้เยี่ยมชม และกระตุ้นให้พวกเขาเยี่ยมชมเว็บไซต์ของคุณต่อไป แถบด้านข้างสามารถเติมด้วยวิดเจ็ตบล็อก ซึ่งเป็นบล็อกขนาดเล็กมากที่สามารถเพิ่มเข้าไปได้ แถบด้านข้างเป็นวิธีที่ยอดเยี่ยมในการปรับปรุงกระบวนการเขียนบล็อกของคุณและเพิ่มคุณสมบัติใหม่มากมาย การสร้างวิดเจ็ตช่วยให้คุณเพิ่มแถบค้นหา เพิ่มลิงก์ไปยังหน้าติดต่อของคุณ และรวมรายการโพสต์บล็อกที่ดีที่สุดที่คุณเขียน หากคุณมีแถบด้านข้าง คุณสามารถใช้เพื่อโฆษณาบล็อกของคุณ ซึ่งเป็นหนึ่งในวิธีที่ง่ายที่สุดในการสร้างรายได้ออนไลน์ เมื่อคุณเพิ่มวิดเจ็ตมากกว่าหนึ่งรายการในแถบด้านข้างของ WordPress ตัวเลือกต่างๆ จะยุบลงในเมนูแบบเลื่อนลง คลิกแต่ละวิดเจ็ตเพื่อดูว่ามีตัวเลือกใดบ้างที่อยู่ข้างใต้ เมนูวิดเจ็ตยังช่วยให้คุณเลือกและย้ายวิดเจ็ตจากแถวบนสุดไปยังแถวล่างได้ หลังจากที่คุณปรับวิดเจ็ตเสร็จแล้ว ให้บันทึก ปลั๊กอิน Beaver Builder ช่วยให้คุณแก้ไขหน้า WordPress ของคุณได้อย่างรวดเร็วและง่ายดาย ด้วยอินเทอร์เฟซแบบลากและวางที่ใช้งานง่าย คุณสามารถดูการเปลี่ยนแปลงที่เกิดขึ้นจริงในแบบเรียลไทม์ เราลบแถบด้านข้างออก และเราจะเก็บการตั้งค่าวิดเจ็ตการค้นหา หมวดหมู่ และแบบฟอร์มไว้ใช้ในภายหลัง การลากและวางลงในคอลัมน์ทางขวา คุณสามารถเพิ่มวิดเจ็ตได้หลายรายการในพื้นที่นี้ ตัวอย่างเช่น หากคุณลากวิดเจ็ตที่เก็บถาวรไปยังคอลัมน์แถบด้านข้าง วิดเจ็ตนั้นจะปรากฏด้านบนหรือด้านล่างของแถบค้นหา การเพิ่ม optin อีเมลในแถบด้านข้างของคุณสามารถเพิ่มโอกาสในการรับคนสมัคร คุณสามารถรวม optin อีเมลที่ใช้งานได้ในสถานที่ต่างๆ ในบล็อกของคุณ รวมถึงแถบด้านข้าง โดยใช้ตัวสร้าง optin อีเมลภาพของ Jared Ritchey หากคุณต้องการกรอกแบบฟอร์มบนเว็บไซต์ WPForms คือคำตอบ ตัวสร้างแบบลากแล้ววางทำให้ง่ายต่อการปรับแต่งแบบฟอร์มการติดต่อ คุณสามารถโปรโมตบล็อกของคุณได้อย่างมีประสิทธิภาพมากขึ้นโดยใช้การตลาดผ่านโซเชียลมีเดีย การใช้เครื่องมือ เช่น Custom Facebook Feed ของ Smash Balloon คุณสามารถเพิ่มฟีด Facebook ของคุณไปยังแถบด้านข้างของ WordPress ได้โดยตรงในไม่กี่วินาที หากคุณใช้ WordPress คุณสามารถเพิ่ม Google AdSense ลงในเว็บไซต์ของคุณได้ภายในไม่กี่นาที มีโอกาสทำเช่นนั้นหากคุณโปรโมตแบรนด์ของคุณอย่างสม่ำเสมอและสร้างเนื้อหาใหม่ หากต้องการแสดงโฆษณาในแถบด้านข้าง ให้ไปที่ลักษณะที่ปรากฏ ตอนนี้คุณสามารถเชื่อมโยงวิดเจ็ต HTML ที่กำหนดเองกับแถบด้านข้างของคุณโดยคลิกที่วิดเจ็ต ในการสร้างแถบด้านข้างแบบกำหนดเอง ให้ใช้ปลั๊กอิน เช่น Easy Custom Sidebar คุณจะรักษาเนื้อหาในแถบด้านข้างที่เกี่ยวข้องกับโพสต์หลักเพื่อให้อัตราตีกลับของคุณต่ำ แถบด้านข้างของคุณจะได้รับการแก้ไขเมื่อเว็บไซต์ของคุณเติบโตขึ้น และคุณจะได้รับความเข้าใจที่ดีขึ้นเกี่ยวกับตัวเลือกการปรับแต่งต่างๆ ปลั๊กอิน WordPress Sidebar ที่ดีที่สุด การเพิ่มแถบด้านข้างไปยังไซต์ WordPress ของคุณนั้นง่ายมาก เพียงเพิ่มวิดเจ็ตที่คุณต้องการแนบไปยังพื้นที่แถบด้านข้าง จากนั้น คลิกที่ช่อง Fixed Widgets เพื่อกำหนดประเภทของวิดเจ็ต หากคุณบันทึกการเปลี่ยนแปลง วิดเจ็ตใดๆ ที่คุณทำเครื่องหมายว่า "แก้ไขแล้ว" จะปรากฏเป็นแถบด้านข้างแบบติดหนึบเมื่อผู้ใช้เลื่อนดูเนื้อหาของคุณ ปลั๊กอินคือตัวเลือกสำหรับสร้างแถบด้านข้างที่ปรับแต่งให้เหมาะกับแต่ละหน้าของคุณ ต่อไปนี้คือการใช้งานแถบด้านข้างที่พบบ่อยที่สุดใน WordPress ซึ่งจะกล่าวถึงในอีกสักครู่ จากนั้น มาดูปลั๊กอินที่ดีที่สุดสำหรับการสร้างแถบด้านข้างแบบกำหนดเอง คุณสามารถใช้แถบด้านข้างเพื่อเชื่อมโยงไปยังโพสต์ยอดนิยมของคุณพร้อมกับบทความล่าสุดของคุณ หรือเพื่อแสดงข้อคิดเห็นล่าสุดของคุณเพื่อกระตุ้นให้เกิดการสนทนา นอกจากนี้ยังสามารถใช้เพื่อให้ไซต์ของคุณเป็นระเบียบและใช้งานง่าย เนื่องจากคุณสามารถเพิ่มแถบด้านข้างในไซต์ WordPress ของคุณหรือปลั๊กอินได้ โปรดสละเวลาสักครู่เพื่อเลือกปลั๊กอินแถบด้านข้าง WordPress ที่ดีที่สุดสำหรับปี 2019 ฉันจะสร้างแถบด้านข้างแบบกำหนดเองโดยไม่มีปลั๊กอินใน WordPress ได้อย่างไรโดยคลิกที่ลักษณะที่ปรากฏ คุณสามารถเข้าถึงแถบด้านข้างได้ ในการสร้างแถบด้านข้างใหม่ ให้ไปที่ส่วนเพิ่มใหม่ แล้วคลิกเพิ่มใหม่ แถบด้านข้างบนเว็บไซต์คือชุดของลิงก์ที่ทำหน้าที่เป็นลิงก์ระหว่างไซต์และผู้ดู แทนที่แถบด้านข้างด้วยฟิลด์แรกที่คุณเลือก แถบด้านข้าง WordPress ที่ดีจะปรับปรุงประสบการณ์ผู้ใช้และการนำทาง นอกเหนือจากการปรับปรุงประสบการณ์ผู้ใช้และการนำทาง ปลั๊กอิน SeedProd เป็นปลั๊กอิน WordPress ที่ดีที่สุดสำหรับการสร้างแถบด้านข้างเพราะช่วยให้คุณสามารถลากและวางได้ เพียงทำตามขั้นตอนด้านล่างหากต้องการเรียนรู้วิธีเพิ่มแถบด้านข้างใน WordPress เปิดพื้นที่ผู้ดูแลระบบ WordPress และไปที่ส่วน SeedProd ตัวสร้างธีมสำหรับ WordPress บนแดชบอร์ดนี้ คุณสามารถเปลี่ยนการตั้งค่าสำหรับองค์ประกอบธีมทั้งหมดของคุณได้ ในตัวอย่างนี้ เราจะใช้ธีมเริ่มต้น ซึ่งเหมาะสำหรับเว็บไซต์ทั่วไป คุณสามารถเพิ่มองค์ประกอบใหม่ลงในแถบด้านข้างหรือแทนที่องค์ประกอบที่มีอยู่ด้วยอย่างอื่นได้ คุณสามารถเพิ่มและลบรายการออกจากแถบด้านข้างของคุณได้อย่างง่ายดายโดยใช้ตัวสร้างธีม SeedProd ในตัวอย่างของเรา เราจะแสดงวิธีรวมโพสต์ล่าสุดในแถบด้านข้าง แบบฟอร์มการติดต่อสามารถเข้าถึงได้โดยการพิมพ์ลงในแถบค้นหาภายใต้บล็อก หากคุณต้องการให้บล็อกแบบฟอร์มการติดต่อปรากฏขึ้น ให้ลากและวางลงในตำแหน่งที่ต้องการ ชื่อบล็อกหรือองค์ประกอบสามารถลบออกจากแถบด้านข้างของ WordPress ได้ ขั้นตอนการลบบล็อกมีดังนี้: วางเมาส์เหนือบล็อกที่คุณต้องการลบจนกระทั่งมีเส้นขอบสีส้มสว่างรอบๆ บล็อกปรากฏขึ้น จากนั้นคลิกไอคอนถังขยะ คุณอาจต้องการเรียนรู้เพิ่มเติมเกี่ยวกับความสามารถในการส่งอีเมลและความหมายของการส่งอีเมล โดยการทำตามคำแนะนำของเราเกี่ยวกับโดเมนย่อยของอีเมล คุณสามารถปรับปรุงชื่อเสียงของอีเมลของคุณได้ วิธีสร้างแถบด้านข้างแบบกำหนดเองใน WordPress ในการสร้างแถบด้านข้างแบบกำหนดเองใน WordPress คุณจะต้องสร้างไฟล์ชื่อ sidebar.php และรวมไว้ในธีมของคุณ ไฟล์นี้จะมีโค้ดสำหรับแถบด้านข้างของคุณ จากนั้นคุณสามารถใช้คลาส WP_Query เพื่อแสดงเนื้อหาของแถบด้านข้าง ฉันจะสร้างแถบด้านข้างแบบไดนามิกที่กำหนดเองใน WordPress ได้อย่างไรฟังก์ชัน get_sidebar() ดึงแถบด้านข้างสำหรับไฟล์เทมเพลตใน WordPress php ใช้สำหรับการจัดวางหน้า และสามารถใช้สร้างเว็บไซต์ HTML5 ได้ หากคุณต้องการโค้ดสำหรับแถบด้านข้างแบบไดนามิก คุณสามารถเก็บโค้ดนั้นไว้ในไฟล์เทมเพลต และสามารถใช้ฟังก์ชัน get_sidebar เพื่อเรียกโค้ดดังกล่าวได้ หากคุณไม่มีแถบด้านข้าง โปรดใส่ชื่อ [ที่นี่] วิธีสร้างเมนูแถบด้านข้างที่ยุบได้บน WordPress คุณสามารถปรับแต่งรูปลักษณ์ของเมนูแถบด้านข้าง WordPress ได้โดยไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง แถบด้านซ้ายจะแสดง Bellows แถบด้านข้างที่ยุบได้ของคุณจะได้รับการกำหนดค่าได้หลายวิธี ในการสร้างเมนูแถบด้านข้างที่ยุบได้ ขั้นแรกให้เลือกตัวเลือกประเภทเมนูจากเมนูแบบเลื่อนลง หลังจากที่คุณป้อนชื่อ คำอธิบาย และลิงก์แล้ว ชื่อเรื่องจะปรากฏขึ้น นอกจากนี้ ในแต่ละหน้า คุณสามารถเลือกซ่อนหรือแสดงเมนูได้ เมนูแถบด้านข้างที่ยุบได้สามารถแก้ไขได้ใน WordPress Customizer ช่วยให้คุณสามารถดูตัวอย่างการเปลี่ยนแปลงได้แบบเรียลไทม์ เมื่อคลิก ลักษณะที่ปรากฏ – การปรับแต่ง คุณสามารถปรับแต่งการตั้งค่าได้ ในขณะที่คุณทำการเปลี่ยนแปลง คุณสามารถดูตัวอย่างแบบสดได้ที่นี่