วิธีเพิ่มวิดเจ็ตใน WordPress

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

ในโพสต์นี้ ฉันจะแนะนำคุณเกี่ยวกับวิธีสร้างและปรับแต่งวิดเจ็ตแดชบอร์ดของคุณเอง กายวิภาคของวิดเจ็ตแดชบอร์ดนั้นง่ายอย่างที่ควรจะเป็น ในการใช้วิดเจ็ต WordPress คุณต้องลงทะเบียนโดยใช้ฟังก์ชัน WP_add_dashboard_widget() ก่อน จากนั้น ในขั้นตอนต่อไปนี้ คุณสร้างฟังก์ชันที่จะประมวลผลเนื้อหา มีความสูงคงที่ 120x120px สำหรับคอนเทนเนอร์ ตัวแท่งเองก็สูง 120 x 120 คุณสามารถบรรลุความสูงที่หลากหลายได้โดยการเพิ่มความสูงของเส้นขอบเหนือเส้น

แถบควรเริ่มต้นที่ด้านล่างและสิ้นสุดที่ด้านบนตามที่กำหนด เราเพิ่มระยะขอบบนให้กับแถบเล็ก ๆ เพราะมันเล็กกว่า ระยะขอบบนสูงสุดถูกกำหนดเป็นความแตกต่างระหว่างขนาดของแถบและขนาดของแถบที่ใหญ่ที่สุดในชุด ในตัวอย่างของเรา แถบที่สาม (มีค่า 40) นั้นใหญ่ที่สุด ทำให้เรากำหนดความสูงได้ 120 ฟุต

เมื่อใช้ WordPress Custom Widget คุณต้องไปที่เมนู Appearance และเลือก Widgets ก่อน วิดเจ็ตตัวอย่าง Hostinger จะปรากฏในรายการวิดเจ็ตที่มี หลังจากนั้น ให้ลากวิดเจ็ตไปทางด้านขวาของแถบด้านข้างของหน้า หากคุณต้องการเปลี่ยนแปลงเว็บไซต์ของคุณ โปรดไปที่เว็บไซต์

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

คุณสามารถเพิ่มวิดเจ็ตลงในเว็บไซต์ของคุณได้โดยไปที่หน้าที่คุณต้องการเพิ่มและป้อนโค้ดก่อนที่แท็ก HTML */body* จะปิดลง จำเป็นต้องรวมรหัสในแต่ละหน้าเว็บที่คุณต้องการใช้วิดเจ็ต ตรวจสอบว่าไฟร์วอลล์ของคุณได้รับการตั้งค่าเพื่อให้ Web Widget (คลาสสิก) ปรากฏขึ้น

ฉันจะเพิ่มวิดเจ็ตในแดชบอร์ดของฉันบน WordPress ได้อย่างไร

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

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

วิธีเพิ่มวิดเจ็ตลงในแดชบอร์ดของคุณ

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

ฉันจะเพิ่มวิดเจ็ตในแดชบอร์ดของฉันได้อย่างไร

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

วิดเจ็ตในแผงการดูแลระบบ WordPress อยู่ที่ไหน

วิดเจ็ตสามารถพบได้ในแผงการดูแลระบบ WordPress ภายใต้ ลักษณะที่ปรากฏ > วิดเจ็ต

การเพิ่มพื้นที่วิดเจ็ตในไซต์ WordPress ของคุณ

// PHP สามารถดำเนินการได้โดยใช้ PHPScripts ต่อไปนี้: // php ต้องตั้งค่า พื้นที่วิดเจ็ต ในไซต์ WordPress ของคุณ บรรทัดต่อไปนี้จะอยู่ในไฟล์ functions.php ของธีมของคุณ ค่าต้องถูกแทนที่ด้วยพาธไปยังไฟล์วิดเจ็ตที่กำหนดเอง // แทนที่ค่า เพิ่มพื้นที่วิดเจ็ตในแดชบอร์ด WordPress – เพิ่มพื้นที่วิดเจ็ตในแดชบอร์ด WordPress ('widget_area_name','my_widget_area); function my_custom_init() // เพิ่มพื้นที่วิดเจ็ตในแดชบอร์ด WordPress

วิธีสร้างวิดเจ็ต Html ที่กำหนดเองใน WordPress

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

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

การเพิ่ม Custom Html ให้กับไซต์ WordPress ของคุณ

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

วิดเจ็ตแดชบอร์ด WordPress แบบเต็มความกว้าง

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

คุณสามารถสร้างวิดเจ็ตแดชบอร์ดแบบเต็มความกว้างได้ด้วยคำแนะนำนี้ เนื่องจากการลงทะเบียนวิดเจ็ต WordPress มีฟังก์ชันพิเศษ คุณจึงสามารถสลับระหว่างสถานะเปิดและปิดได้ วิธีที่ง่ายที่สุดคือการเลือกคอลัมน์เดียวจากเมนูตัวเลือกหน้าจอ (อยู่ใต้ตัวเลือกเลย์เอาต์) ด้วยการใช้ welcome_panel เราสามารถเพิ่ม HTML และ jQuery ลงในกล่องต้อนรับเริ่มต้นได้ เป็นผลให้ทุกสิ่งที่เราเพิ่มเข้าไปจะแสดงในกล่องเริ่มต้น ในขณะที่สิ่งที่เราลบจะไม่ เราจำเป็นต้องตรวจสอบให้แน่ใจว่าหน้าจอปัจจุบันเป็นหน้าจอแดชบอร์ดหลัก และถ้าเป็นเช่นนั้น เราจะแสดงผลทุกอย่าง

ปรับแต่งแดชบอร์ด WordPress ของคุณให้ดูเป็นมืออาชีพ

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

WordPress สร้างแดชบอร์ดที่กำหนดเอง

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

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

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