WordPress विजेटहरू कसरी थप्ने?विषयवस्तु एकीकरण विजेट क्षेत्र

अनुकूलन मेनु सुविधाहरू र साइडबार विजेटहरू, होWordPressविषयवस्तुमा विशेष सुविधाहरू।

• विषयवस्तु बनाउनु, यदि यसले यी दुई प्रकार्यहरू समावेश गर्दैन भने, कुखुराको रिब जस्तै हो...

चेन वेइलाङअघिल्लो मास्टेशन बनाउनुहोस्यस ट्यूटोरियलमा, म कसरी WordPress विषयवस्तु दिने भनेर साझा गर्दछुअनुकूलन मेनु थप्नुहोस्।

यस लेखले विषयवस्तु सिर्जना गर्दा अनुकूलन विजेट प्रकार्यहरू कसरी थप्ने भनेर वर्णन गर्दछ।

विषयवस्तुहरूमा अनुकूलन मेनुहरू थप्ने जस्तै, अनुकूलन विजेटहरू थप्न केवल 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 सँग ट्याग गरिएको छ।

लग इन गर्नुहोस्WordPress ब्याकइन्डड्यासबोर्ड, उपस्थिति → विजेटहरूमा जानुहोस्।

यदि तपाइँ तल चित्रको दायाँ छेउमा शीर्ष साइडबार विजेट क्षेत्र देख्न सक्नुहुन्छ, यसको मतलब दर्ता सफल भएको छ ▼

दोस्रो चरण, ग्याजेट कल

ग्याजेट दर्ता भएपछि, यसलाई थिम टेम्प्लेट फाइलमा कल गर्न सकिन्छ, र निम्न कोड 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>

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

• निस्सन्देह, तपाईले आफ्नो आवश्यकता अनुसार कोडमा विभिन्न विवरणहरू परिमार्जन गर्न सक्नुहुन्छ ^_^
• माथिका २ चरणहरू, बाँकी विषयहरूलाई विजेटको कार्यक्षमता एकीकृत गर्न अनुमति दिनुहोस्।

अर्को, WordPress मा विजेटहरू प्रयोग गर्नका लागि सुझावहरू साझेदारी गर्न जारी राख्नुहोस्।

WordPress विषयवस्तु एकीकरण विजेट विजेट सुझाव

अनुकूलन विजेटहरू कुशलतापूर्वक व्यवस्थापन गर्नुहोस्:

1) विषयवस्तुमा विजेटहरू थपेपछि, तपाईंले छुट्टै फाइल सिर्जना गर्न सक्नुहुन्छ र यसलाई नाम दिन सक्नुहुन्छwidgets.php।

• यस फोल्डरमा चरण 1 मा थपिएका सबै अनुकूलन विजेट कोडहरू बचत गर्न।

2) functions.php फाइलमा कोड थप्नुहोस्:

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

3) widgets.php फाइलमा चरण 1 मा थपिएका सबै अनुकूलन विजेट विजेट कोड बचत गर्नुहोस्।

यो विधिले सुनिश्चित गर्दछ कि सबै विजेटहरू सजिलै लोड हुन्छन् र विजेटहरूलाई समर्थन गर्ने सबै WordPress संस्करणहरूमा काम गर्दछ।

यस तरिकाले, तपाइँ तपाइँको WordPress विषयवस्तु फाइलहरू अधिक कुशलतापूर्वक व्यवस्थापन गर्न सक्नुहुन्छ।