वर्डप्रेस विजेट कैसे जोड़ें?थीम एकीकरण विजेट क्षेत्र

कस्टम मेनू सुविधाएँ और साइडबार विजेट, हाँWordPressविषय में विशेष रुप से प्रदर्शित विशेषताएं।

• थीम बनाना, अगर इसमें ये दो फ़ंक्शन शामिल नहीं हैं, तो चिकन रिब की तरह है...

चेन वेइलियांगपिछले मेंएक वेबसाइट बनाएंइस ट्यूटोरियल में, मैं साझा करता हूं कि वर्डप्रेस थीम कैसे दी जाती हैकस्टम मेनू जोड़ें।

यह आलेख वर्णन करता है कि थीम बनाते समय कस्टम विजेट फ़ंक्शन कैसे जोड़ें।

थीम में कस्टम मेनू जोड़ने की तरह, कस्टम जोड़ने वाले विजेट में केवल 3 चरण लगते हैं।

पहला कदम, गैजेट पंजीकरण

विजेट का उपयोग करने के लिए, आपको पहले पंजीकरण करना होगा, वर्डप्रेस थीम के तहत functions.php फ़ाइल को खोलना होगा,

Functions.php फ़ाइल में, निम्न कोड जोड़ें:

<?php

//侧边栏小工具
if ( function_exists('register_sidebar') ) {
    register_sidebar( array(
        'name' => __( 'Top Sidebar' ),
        'id' => 'top-sidebar',
        'description' => __( 'The top sidebar' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    ) );
}

?>

साइडबार में टैग के अनुरूप होने के लिए li और h2 टैग को functions.php में संशोधित करें।

'पहले_विजेट' और 'बाद_विजेट' के ली और मॉड्यूल एच2 शीर्षक, वास्तविक स्थिति के अनुसार कोड को संशोधित करते हैं।

(शायद संशोधन के बिना)

        'before_widget' => '<li>',
        'after_widget' => '</li>',

        'before_title' => '<h2>',
        'after_title' => '</h2>',

उपरोक्त कोड "टॉप-साइडबार" नामक विजेट क्षेत्र को पंजीकृत करता है:

• प्रदर्शित नाम "शीर्ष साइडबार" है।
• शीर्षक में h2 टैग जोड़ें।
• सामग्री आइटम li के साथ टैग किए गए हैं।

登录वर्डप्रेस बैकएंडडैशबोर्ड, प्रकटन → विजेट पर जाएँ।

यदि आप नीचे दी गई तस्वीर के दाईं ओर शीर्ष साइडबार विजेट क्षेत्र देख सकते हैं, तो इसका मतलब है कि पंजीकरण सफल है ▼

दूसरा चरण, गैजेट कॉल

गैजेट पंजीकृत होने के बाद, इसे थीम टेम्पलेट फ़ाइल में कॉल किया जा सकता है, और निम्न कोड को साइडबार.php फ़ाइल में कॉल किया जा सकता है।

1) साइडबार.php फ़ाइल में, सबसे बड़े li या div टैग के नीचे, . डालें

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>

2) साइडबार.php फ़ाइल में, सबसे बड़ायाऊपर, जोड़ें

<?php endif; ?>

चरण XNUMX: विजेट सेट करें

1) गैजेट पंजीकृत है, और प्रदर्शन स्थिति को थीम फ़ाइल में भी परिभाषित किया गया है।

• आप विजेट समूह क्षेत्र को वर्डप्रेस पृष्ठभूमि में सेट कर सकते हैं

2) सेव करने के बाद फ्रंट पेज को रिफ्रेश करें।

• हमारी वेबसाइट का साइडबार नीचे दी गई छवि की तरह दिखेगा

आप ऊपर दिए गए चित्र को देख सकते हैं, यह दर्शाता है कि हमारा गैजेट बन गया है और हमेशा की तरह चल रहा है।

विभिन्न क्षेत्रों में एकाधिक वर्डप्रेस विजेट कैसे जोड़ें?

अपने वर्डप्रेस थीम को विभिन्न स्थानों पर विजेट का समर्थन करने के लिए चरण XNUMX और XNUMX दोहराएं।

मान लीजिए कि आपको थीम के हेडर, साइडबार और बॉटम में विजेट जोड़ने की जरूरत है।

1) सबसे पहले, आपको निम्नलिखित कोड को functions.php फ़ाइल में कॉपी करना होगा

if (function_exists('register_sidebar')) {

register_sidebar(array(
'name' => 'Header',
'id' => 'header',
'description' => 'This is the widgetized header.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Sidebar',
'id' => 'sidebar',
'description' => 'This is the widgetized sidebar.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
register_sidebar(array(
'name' => 'Footer',
'id' => 'footer',
'description' => 'This is the widgetized footer.',
'before_widget' => '<div id="%1$s">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));

}

2) इसके बाद, निम्न कोड को क्रमशः शीर्षलेख.php, sidebar.php और footer.php फ़ाइलों में जोड़ें।

हैडर.php

<div id="widgetized-header">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('header')) : else : ?>

<div>
<p><strong>Widgetized Header</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

साइडबार.php

<div id="widgetized-sidebar">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar')) : else : ?>

<div>
<p><strong>Widgetized Sidebar</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

footer.php

<div id="widgetized-footer">

<?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('footer')) : else : ?>

<div>
<p><strong>Widgetized Footer</strong></p>
<p>This panel is active and ready for you to add some widgets via the WP Admin</p>
</div>

<?php endif; ?>

</div>

यह एक सफलता है!

• बेशक, आप अपनी आवश्यकताओं के अनुसार कोड में विभिन्न विवरणों को संशोधित भी कर सकते हैं ^_^
• ऊपर दिए गए 2 चरण, बाकी थीम को विजेट की कार्यक्षमता को एकीकृत करने की अनुमति देते हैं।

इसके बाद, वर्डप्रेस में विजेट्स का उपयोग करने के लिए टिप्स साझा करना जारी रखें।

वर्डप्रेस थीम एकीकरण विजेट विजेट टिप्स

कस्टम विजेट को कुशलता से प्रबंधित करें:

1) थीम में विजेट जोड़ने के बाद, आप एक अलग फाइल बना सकते हैं और उसे नाम दे सकते हैंwidgets.php.

• इस फ़ोल्डर में चरण 1 में जोड़े गए सभी कस्टम विजेट कोड को सहेजने के लिए।

2) कोड को functions.php फ़ाइल में जोड़ें:

if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);

3) चरण 1 में जोड़े गए सभी कस्टम विजेट विजेट कोड को widgets.php फ़ाइल में सहेजें।

यह विधि सुनिश्चित करती है कि सभी विजेट सुचारू रूप से लोड हों और विजेट का समर्थन करने वाले सभी वर्डप्रेस संस्करणों पर काम करें।

इस तरह, आप अपनी वर्डप्रेस थीम फ़ाइलों को अधिक कुशलता से प्रबंधित कर सकते हैं।