วิธีเพิ่มพื้นที่วิดเจ็ตที่กำหนดเองในธีม WordPress

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

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

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

วิดเจ็ตใน WordPress คืออะไร?

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

ในขั้นต้น พวกเขาถูกเพิ่มลงในธีมเพื่อสร้างวิธีง่ายๆ ในการจัดการการออกแบบและโครงสร้างของธีม

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

วิดเจ็ตเหล่านี้ยังสามารถเสนอตัวเลือกการปรับแต่งเพื่อเพิ่มหรือลบ จัดการหรือเปลี่ยนแปลงข้อมูล รูปภาพ ลิงก์ แกลเลอรี่ ฯลฯ

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

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

ตอนนี้ ให้เราแนะนำคุณเกี่ยวกับวิธีแรกในการเพิ่มวิดเจ็ตที่กำหนดเองในไซต์ WP ของคุณ ซึ่งเกี่ยวข้องกับการวางโค้ดใน functions.php.file ของธีมของคุณ

ก่อนสร้างวิดเจ็ตที่กำหนดเอง คุณต้องสร้างปลั๊กอินเฉพาะไซต์เพื่อวางโค้ดที่จำเป็นลงไป เพราะหากคุณวางโค้ดลงใน functions.php.file โค้ดจะไม่สามารถใช้งานได้จนกว่าธีมที่กำหนดจะทำงาน

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

เชื่อมต่อไซต์ WP ของคุณผ่านไคลเอนต์ FTP จากนั้นไปที่โฟลเดอร์ /wp-content/plugins ใต้คอลัมน์ไซต์ระยะไกล เลือกโฟลเดอร์ปลั๊กอินเฉพาะไซต์และอัปโหลดไปยังไซต์ของคุณ

โฟลเดอร์ปลั๊กอินเฉพาะไซต์จะถูกโอนไปยังไซต์ของคุณและคุณจะสามารถติดตั้งได้บนเว็บไซต์

ตอนนี้ จะต้องเปิดใช้งานเพียงเท่านั้นโดยไปที่หน้าปลั๊กอินบนแดชบอร์ดผู้ดูแลระบบของคุณและเปิดใช้งานปลั๊กอินเฉพาะไซต์จากนั้น ตอนนี้ปลั๊กอินนี้พร้อมใช้งานแล้ว

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

// ลงทะเบียนและโหลดวิดเจ็ต
ฟังก์ชั่น yoursite_load_widget() {
register_widget( 'ไซต์ของคุณ_widget' );
}
add_action( 'widgets_init', 'yoursite_load_widget' );

// การสร้างวิดเจ็ต
คลาส yoursite _widget ขยาย WP_Widget {

ฟังก์ชัน __construct() {
ผู้ปกครอง::__สร้าง(

// ID พื้นฐานของวิดเจ็ตของคุณ
' เว็บไซต์ของคุณ _widget',

// ชื่อวิดเจ็ตจะปรากฏใน UI
__(' Yoursite Widget', 'yoursite_widget_domain'),

// คำอธิบายวิดเจ็ต
array( 'description' => __( 'ตัวอย่างวิดเจ็ตตาม SKT Tutorial', 'yoursite_widget_domain' ), )
);
}

// การสร้างวิดเจ็ตส่วนหน้า

วิดเจ็ตฟังก์ชันสาธารณะ ( $args, $instance ) {
$ชื่อ = apply_filters( 'widget_title', $instance['title'] );

// ก่อนและหลังอาร์กิวเมนต์วิดเจ็ตถูกกำหนดโดย themes
echo $args['before_widget'];
ถ้า ( ! ว่างเปล่า ( $title ) )
echo $args['before_title'] . $ชื่อ $args['after_title'];

// นี่คือที่ที่คุณรันโค้ดและแสดงผลลัพธ์
echo __( 'สวัสดีครับ', 'yoursite_widget_domain' );
echo $args['after_widget'];
}

// แบ็กเอนด์วิดเจ็ต
แบบฟอร์มฟังก์ชันสาธารณะ ( $instance ) {
if ( isset( $instance[ 'title' ] ) ) ) {
$title = $instance[ 'หัวเรื่อง' ];
}
อื่น {
$title = __( 'ชื่อใหม่', 'yoursite_widget_domain' );
}
// แบบฟอร์มผู้ดูแลระบบวิดเจ็ต
?>

<label for="get_field_id( 'title' ); ?>”>
<input class="widefat" id="get_field_id( 'title' ); ?>” name=”get_field_name( 'title' ); ?>” type=”text” value=”” />

<?php
}

// กำลังอัปเดตวิดเจ็ตแทนที่อินสแตนซ์เก่าด้วย new
อัปเดตฟังก์ชันสาธารณะ ( $new_instance, $old_instance ) {
$อินสแตนซ์ = อาร์เรย์ ();
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
ส่งคืน $instance;
}
} // คลาส yoursite_widget สิ้นสุดที่นี่

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

2. เพิ่มพื้นที่วิดเจ็ตที่กำหนดเองใน WordPress ของคุณด้วยปลั๊กอิน:

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

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

แถบด้านข้างที่กำหนดเอง: ตัวจัดการพื้นที่วิดเจ็ตแบบไดนามิก:

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

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

ชุดวิดเจ็ต SiteOrigin:

วิธีที่เหมาะที่สุดในการ เพิ่มพื้นที่วิดเจ็ตที่กำหนดเองใน WordPress ของคุณ สามารถใช้ได้กับ SiteOrigin Widgets Bundle

ปลั๊กอินอันทรงพลังนี้มาพร้อมกับชุดวิดเจ็ตที่มีประโยชน์ซึ่งคุณใช้งานได้ฟรีและปรับแต่งตามที่คุณต้องการ

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

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

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

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

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

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

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

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

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

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

นี่คือวิธีการทำงานของกระบวนการ -

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

แต่ถ้าการสร้างด้วยตนเองนั้นเป็นปัญหาสำหรับคุณ คุณสามารถรับมันโดยตรงจากไคลเอนต์ FTP ที่คุณใช้อยู่

สิ่งที่คุณต้องทำคือเชื่อมต่อกับไซต์ของคุณผ่านไคลเอนต์ FTP ตรงไปที่โฟลเดอร์ /wp-content/plugins และเลือกโฟลเดอร์ปลั๊กอินเฉพาะไซต์และอัปโหลดไปยังเว็บไซต์ของคุณ

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

จำไว้ว่าคุณยังคงต้องเพิ่มโค้ดบางส่วนลงในไฟล์ธีม WordPress ของคุณ ซึ่งมักจะเป็นโฟลเดอร์ functions.php

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

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

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