Hoe kinne jo WordPress-widgets tafoegje?Tema yntegraasje Widgets gebiet

Oanpaste menufunksjes en sydbalke-widgets, jaWordPressFeatured funksjes yn it tema.

• It meitsjen fan in tema, as it dizze twa funksjes net omfettet, is as in kiprib ...

Chen Weiliangyn it foarigebouwe in websideYn dit tutorial diel ik hoe't jo in WordPress-tema jaan kinneOanpast menu tafoegje.

Dit artikel beskriuwt hoe't jo oanpaste widgetfunksjes tafoegje kinne by it meitsjen fan in tema.

Krekt as it tafoegjen fan oanpaste menu's oan tema's, nimt oanpaste tafoegjen fan widgets mar 3 stappen.

De earste stap, registraasje fan gadgets

Om de widget te brûken, moatte jo earst registrearje, iepenje it bestân functions.php ûnder it WordPress-tema,

Foegje de folgjende koade ta yn it bestân 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>',
    ) );
}

?>

Feroarje de li- en h2-tags yn functions.php om oerien te kommen mei de tags yn sidebar.php:

De li- en module h2-titels fan 'before_widget' en 'after_widget' feroarje de koade neffens de eigentlike situaasje.

(miskien sûnder wiziging)

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

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

De boppesteande koade registrearret in widgetgebiet mei de namme "top-sidebar":

• De werjûn namme is "Top Sidebar".
• Foegje in h2-tag ta oan 'e titel.
• Ynhâlditems binne tagged mei li.

OanmeldeWordPress backendDashboard, gean nei Uterlik → Widgets.

As jo ​​​​it Top Sidebar-widgetgebiet kinne sjen oan 'e rjochterkant fan' e ôfbylding hjirûnder, betsjut dit dat de registraasje suksesfol is ▼

De twadde stap, gadget oprop

Nei it gadget is registrearre, kin it neamd wurde yn it tema-sjabloanbestân, en de folgjende koade kin neamd wurde yn it sidebar.php-bestân.

1) Yn it sidebar.php-bestân, ûnder de grutste li- of div-tag, ynfoegje ▼

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

2) Yn de sidebar.php triem, de grutsteofBoppe, foegje ▼ ta

<?php endif; ?>

Stap XNUMX: Widgets ynstelle

1) De gadget is registrearre, en de werjefte posysje wurdt ek definiearre yn it tema triem.

• Jo kinne it widget-groepgebiet ynstelle yn 'e WordPress-eftergrûn ▼

2) Nei it bewarjen, ferfarskje de foarside.

• De sydbalke fan ús webside sil lykje op de ôfbylding hjirûnder ▼

Jo kinne de ôfbylding hjirboppe sjen, wat oanjout dat ús gadget is makke en rint lykas gewoanlik.

Hoe kinne jo meardere WordPress-widgets tafoegje yn ferskate gebieten?

Werhelje stappen XNUMX en XNUMX om jo WordPress-tema-stipe widgets op ferskate lokaasjes te meitsjen.

Stel dat jo in widget moatte tafoegje oan 'e koptekst, sydbalke en ûnderkant fan it tema.

1) Earst moatte jo de folgjende koade kopiearje yn it bestân 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) Foegje dan de folgjende koade ta oan respektivelik header.php, sidebar.php en footer.php triemmen.

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>

Dit is in súkses!

• Fansels kinne jo ek ferskate details yn 'e koade oanpasse neffens jo behoeften ^_^
• De boppesteande 2 stappen kinne de rest fan it tema de funksjonaliteit fan 'e widget yntegrearje.

Folgje dan troch tips te dielen foar it brûken fan widgets yn WordPress.

Tips foar WordPress-tema-yntegraasje-widget-widget

Behear effisjint oanpaste widgets:

1) Nei it tafoegjen fan widgets oan it tema, kinne jo in apart bestân oanmeitsje en it neamewidgets.php.

• Om alle oanpaste widgetkoade tafoege yn stap 1 yn dizze map te bewarjen.

2) Foegje de koade ta oan it bestân functions.php:

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

3) Bewarje alle oanpaste widgets-widgetkoade tafoege yn stap 1 yn it widgets.php-bestân.

Dizze metoade soarget derfoar dat alle widgets soepel laden en wurkje op alle WordPress-ferzjes dy't widgets stypje.

Op dizze manier kinne jo jo WordPress-temabestannen effisjinter beheare.