वर्डप्रेस विजेट्स कसे जोडायचे?थीम एकत्रीकरण विजेट्स क्षेत्र

सानुकूल मेनू वैशिष्ट्ये आणि साइडबार विजेट्स, होयवर्डप्रेसथीममध्ये वैशिष्ट्यीकृत वैशिष्ट्ये.

• थीम बनवणे, जर त्यात या दोन फंक्शन्सचा समावेश नसेल, तर ते चिकन रिबसारखे आहे...

चेन वेइलांगमागील मध्येस्टेशन तयार कराया ट्युटोरियलमध्ये, मी वर्डप्रेस थीम कशी द्यायची ते सामायिक करतोसानुकूल मेनू जोडा.

थीम तयार करताना सानुकूल विजेट फंक्शन्स कसे जोडायचे याचे हा लेख वर्णन करतो.

थीममध्ये सानुकूल मेनू जोडल्याप्रमाणे, सानुकूल विजेट्स जोडण्यासाठी फक्त 3 चरणे लागतात.

पहिली पायरी, गॅझेट नोंदणी

विजेट वापरण्यासाठी, आपण प्रथम नोंदणी करणे आवश्यक आहे, WordPress थीम अंतर्गत 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>',
    ) );
}

?>

sidebar.php मधील टॅगशी जुळण्यासाठी functions.php मधील li आणि h2 टॅग बदला:

'before_widget' आणि 'after_widget' चे li आणि मॉड्यूल h2 शीर्षके, वास्तविक परिस्थितीनुसार कोड सुधारित करतात.

(कदाचित सुधारणा न करता)

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

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

वरील कोड "टॉप-साइडबार" नावाच्या विजेट क्षेत्राची नोंदणी करतो:

• प्रदर्शित नाव "टॉप साइडबार" आहे.
• शीर्षकाला h2 टॅग जोडा.
• सामग्री आयटम li सह टॅग केले आहेत.

लॉग इनवर्डप्रेस बॅकएंडडॅशबोर्ड, स्वरूप → विजेट्स वर जा.

जर तुम्हाला खालील चित्राच्या उजव्या बाजूला टॉप साइडबार विजेट क्षेत्र दिसत असेल, तर याचा अर्थ नोंदणी यशस्वी झाली आहे ▼

दुसरी पायरी, गॅझेट कॉल

गॅझेट नोंदणीकृत झाल्यानंतर, ते थीम टेम्पलेट फाइलमध्ये कॉल केले जाऊ शकते आणि खालील कोड sidebar.php फाइलमध्ये कॉल केला जाऊ शकतो.

1) sidebar.php फाइलमध्ये, सर्वात मोठ्या li किंवा div टॅगच्या खाली, ▼ घाला

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

2) sidebar.php फाईलमध्ये, सर्वात मोठीकिंवावर, ▼ जोडा

<?php endif; ?>

पायरी XNUMX: विजेट्स सेट करा

1) गॅझेट नोंदणीकृत आहे, आणि थीम फाइलमध्ये प्रदर्शन स्थिती देखील परिभाषित केली आहे.

• तुम्ही वर्डप्रेस पार्श्वभूमी ▼ मध्ये विजेट गट क्षेत्र सेट करू शकता

२) सेव्ह केल्यानंतर पुढचे पान रिफ्रेश करा.

• आमच्या वेबसाइटचा साइडबार खालील चित्रासारखा दिसेल ▼

आमचे गॅझेट बनवले गेले आहे आणि नेहमीप्रमाणे चालू आहे हे दर्शवणारे तुम्ही वरील चित्र पाहू शकता.

वेगवेगळ्या भागात एकाधिक वर्डप्रेस विजेट्स कसे जोडायचे?

वेगवेगळ्या ठिकाणी तुमची WordPress थीम सपोर्ट विजेट्स बनवण्यासाठी चरण 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>'
));

}

२) पुढे, खालील कोड अनुक्रमे header.php, sidebar.php आणि footer.php फाइल्समध्ये जोडा.

header.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>

sidebar.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) widgets.php फाईलमध्ये चरण 1 मध्ये जोडलेले सर्व कस्टम विजेट विजेट कोड जतन करा.

ही पद्धत सुनिश्चित करते की सर्व विजेट्स सहजतेने लोड होतात आणि विजेट्सला समर्थन देणाऱ्या सर्व वर्डप्रेस आवृत्त्यांवर कार्य करतात.

अशा प्रकारे, आपण आपल्या वर्डप्रेस थीम फायली अधिक कार्यक्षमतेने व्यवस्थापित करू शकता.