વર્ડપ્રેસ વિજેટ્સ કેવી રીતે ઉમેરવું?થીમ એકીકરણ વિજેટો વિસ્તાર

કસ્ટમ મેનુ સુવિધાઓ અને સાઇડબાર વિજેટ્સ, હાવર્ડપ્રેસથીમમાં ફીચર્ડ ફીચર્સ.

• થીમ બનાવવી, જો તેમાં આ બે કાર્યો શામેલ ન હોય, તો તે ચિકન રીબ જેવું છે...

ચેન વેઇલીંગઅગાઉના માંવેબસાઇટ બનાવોઆ ટ્યુટોરીયલમાં, હું વર્ડપ્રેસ થીમ કેવી રીતે આપવી તે શેર કરું છુંકસ્ટમ મેનુ ઉમેરો.

આ લેખ વર્ણન કરે છે કે થીમ બનાવતી વખતે કસ્ટમ વિજેટ ફંક્શન કેવી રીતે ઉમેરવું.

થીમ્સમાં કસ્ટમ મેનુ ઉમેરવાની જેમ, કસ્ટમ ઉમેરવા વિજેટ્સ માત્ર 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>',
    ) );
}

?>

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) ગેજેટ નોંધાયેલ છે, અને ડિસ્પ્લે સ્થિતિ પણ થીમ ફાઇલમાં વ્યાખ્યાયિત થયેલ છે.

• તમે વર્ડપ્રેસ પૃષ્ઠભૂમિમાં વિજેટ જૂથ વિસ્તાર સેટ કરી શકો છો ▼

2) સેવ કર્યા પછી, આગળનું પૃષ્ઠ તાજું કરો.

• અમારી વેબસાઇટની સાઇડબાર નીચેની છબી જેવી દેખાશે ▼

તમે ઉપરનું ચિત્ર જોઈ શકો છો, જે દર્શાવે છે કે અમારું ગેજેટ બનાવવામાં આવ્યું છે અને હંમેશની જેમ ચાલી રહ્યું છે.

વિવિધ વિસ્તારોમાં બહુવિધ વર્ડપ્રેસ વિજેટ્સ કેવી રીતે ઉમેરવું?

વિવિધ સ્થળોએ તમારી 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>'
));

}

2) આગળ, નીચેના કોડને અનુક્રમે 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 પગલાં, બાકીની થીમને વિજેટની કાર્યક્ષમતાને સંકલિત કરવાની મંજૂરી આપે છે.

આગળ, વર્ડપ્રેસમાં વિજેટ્સનો ઉપયોગ કરવા માટેની ટીપ્સ શેર કરવાનું ચાલુ રાખો.

WordPress થીમ એકીકરણ વિજેટ વિજેટ ટિપ્સ

કસ્ટમ વિજેટોને અસરકારક રીતે મેનેજ કરો:

1) થીમમાં વિજેટ્સ ઉમેર્યા પછી, તમે એક અલગ ફાઇલ બનાવી શકો છો અને તેને નામ આપી શકો છોwidgets.php.

• આ ફોલ્ડરમાં સ્ટેપ 1 માં ઉમેરેલા તમામ કસ્ટમ વિજેટ કોડને સાચવવા માટે.

2) functions.php ફાઇલમાં કોડ ઉમેરો:

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

3) widgets.php ફાઇલમાં સ્ટેપ 1 માં ઉમેરાયેલ તમામ કસ્ટમ વિજેટ્સ વિજેટ કોડ સાચવો.

આ પદ્ધતિ સુનિશ્ચિત કરે છે કે તમામ વિજેટ્સ સરળતાથી લોડ થાય છે અને વિજેટ્સને સપોર્ટ કરતા તમામ વર્ડપ્રેસ વર્ઝન પર કામ કરે છે.

આ રીતે, તમે તમારી WordPress થીમ ફાઇલોને વધુ અસરકારક રીતે સંચાલિત કરી શકો છો.