Wéi addéiere ech WordPress Widgets?Thema Integratioun Widgets Beräich

Benotzerdefinéiert Menü Funktiounen a Sidebar Widgets, joWordPressFeatured Features am Thema.

• En Thema ze maachen, wann et dës zwou Funktiounen net enthält, ass wéi eng Pouletrib ...

Chen Weiliangan der viregtereng Websäit bauenAn dësem Tutorial deelen ech wéi een e WordPress Thema gëttFüügt personaliséiert Menü.

Dësen Artikel beschreift wéi Dir personaliséiert Widgetfunktiounen addéiere kënnt wann Dir en Thema erstellt.

Just wéi personaliséiert Menüen un Themen bäizefügen, hëlt personaliséiert Widgets derbäi just 3 Schrëtt.

Den éischte Schrëtt, Gadget Aschreiwung

Fir de Widget ze benotzen, musst Dir Iech als éischt registréieren, d'functions.php Datei ënner dem WordPress Thema opmaachen,

An der functions.php Datei füügt de folgende Code:

<?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>',
    ) );
}

?>

Ännert d'li an h2 Tags an functions.php fir mat den Tags an sidebar.php entspriechen:

D'li a Modul h2 Titele vun 'before_widget' an 'after_widget', änneren de Code no der aktueller Situatioun.

(vläicht ouni Ännerung)

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

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

Deen uewe genannte Code registréiert e Widgetberäich mam Numm "Top-Sidebar":

• Den ugewisenen Numm ass "Top Sidebar".
• Füügt en h2 Tag un den Titel.
• Inhaltsartikele si mat li taggen.

aloggenWordPress BackendDashboard, gitt op Ausgesinn → Widgets.

Wann Dir den Top Sidebar Widgetberäich op der rietser Säit vum Bild hei ënnen gesitt, heescht et datt d'Aschreiwung erfollegräich ass ▼

Déi zweet Schrëtt, Gadget Uruff

Nodeems de Gadget registréiert ass, kann et an der Thema Schabloun Datei genannt ginn, an de folgende Code kann an der sidebar.php Datei genannt ginn.

1) An der sidebar.php Datei, ënner dem gréisste Li oder Div Tag, setzt ▼

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

2) An der sidebar.php Datei, déi gréisstoderUewen, add ▼

<?php endif; ?>

Schrëtt XNUMX: Ariichten Widgets

1) De Gadget ass registréiert, an d'Displaypositioun ass och an der Themadatei definéiert.

• Dir kënnt de Widget-Gruppgebitt am WordPress Hannergrond ▼ setzen

2) Nodeems Dir gespäichert hutt, erfrëscht d'Front Säit.

• D'Sidebar vun eiser Websäit wäert ausgesinn wéi d'Bild hei ënnen ▼

Dir kënnt d'Bild uewen gesinn, wat beweist datt eise Gadget gemaach gouf a wéi gewinnt leeft.

Wéi addéiere mer verschidde WordPress Widgets a verschiddene Beräicher?

Widderhuelen Schrëtt XNUMX an XNUMX fir Är WordPress Thema Ënnerstëtzung Widgets op verschiddene Plazen ze maachen.

Ugeholl datt Dir e Widget an den Header, Sidebar an ënnen vum Thema addéiere musst.

1) Als éischt musst Dir de folgende Code an d'functions.php Datei kopéieren ▼

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) Als nächst füügt de folgende Code op header.php, sidebar.php a footer.php Dateien respektiv.

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>

Dëst ass e Succès!

• Natierlech kënnt Dir och verschidden Detailer am Code no Äre Besoinen änneren ^_^
• Déi 2 Schrëtt uewen, erlaben de Rescht vum Thema d'Funktionalitéit vum Widget z'integréieren.

Als nächst gitt weider Tipps fir d'Benotzung vu Widgets a WordPress ze deelen.

WordPress Thema Integratioun Widget Widget Tipps

Effizient verwalten personaliséiert Widgets:

1) Nodeems Dir Widgets zum Thema bäigefüügt hutt, kënnt Dir eng separat Datei erstellen an et nennenwidgets.php.

• Fir all de personaliséierte Widget-Code, deen am Schrëtt 1 an dësem Dossier bäigefüügt gouf, ze späicheren.

2) Füügt de Code an d'functions.php Datei:

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

3) Späichert all de personaliséierte Widget-Widget-Code, deen am Schrëtt 1 an d'widgets.php Datei bäigefüügt gouf.

Dës Method garantéiert datt all Widgets glat lueden an op all WordPress Versiounen funktionnéieren déi Widgets ënnerstëtzen.

Op dës Manéier kënnt Dir Är WordPress Themedateien méi effizient verwalten.