Ki jan yo ajoute widgets WordPress?Tèm entegrasyon Widgets zòn

Karakteristik meni koutim ak widgets sidebar, wiWordPressKarakteristik prezante nan tèm nan.

• Fè yon tèm, si li pa genyen de fonksyon sa yo, se tankou yon kòt poul...

Chen Weiliangnan anvan anbati yon sit entènètNan leson patikilye sa a, mwen pataje ki jan yo bay yon tèm WordPressAjoute meni koutim.

Atik sa a dekri kijan pou ajoute fonksyon widget koutim lè w ap kreye yon tèm.

Menm jan ak ajoute meni koutim nan tèm, koutim ajoute widgets pran jis 3 etap.

Premye etap la, enskripsyon Gadgets

Pou itilize widget la, ou dwe premye enskri, louvri fichye functions.php anba tèm WordPress la,

Nan fichye functions.php, ajoute kòd sa a:

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

?>

Modifye tags li ak h2 nan functions.php pou koresponn ak tags nan sidebar.php:

Tit li ak modil h2 nan 'before_widget' ak 'after_widget', modifye kòd la selon sitiyasyon aktyèl la.

(petèt san modifikasyon)

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

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

Kòd ki pi wo a anrejistre yon zòn widget ki rele "top-sidebar":

• Non ki parèt la se "Top Sidebar".
• Ajoute yon tag h2 nan tit la.
• Atik kontni yo make ak li.

登录WordPress backendDach, ale nan Aparans → Widgets.

Si ou ka wè zòn Widget Top Sidebar la sou bò dwat foto ki anba a, sa vle di enskripsyon an reyisi ▼

Dezyèm etap la, apèl gadget

Apre yo fin anrejistre gadjèt la, li ka rele nan dosye modèl tèm, epi yo ka rele kòd sa a nan dosye sidebar.php.

1) Nan fichye sidebar.php, anba a pi gwo li oswa div tag, mete ▼

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

2) Nan dosye a sidebar.php, pi gwo aoswaPi wo a, ajoute ▼

<?php endif; ?>

Etap XNUMX: Mete kanpe widgets

1) Gadgets la anrejistre, epi pozisyon ekspozisyon an defini tou nan dosye tèm nan.

• Ou ka mete zòn nan gwoup widget nan background nan WordPress ▼

2) Apre ekonomize, rafrechi paj devan an.

• Ba sitwèb nou an ap sanble ak imaj ki anba a ▼

Ou ka wè foto ki pi wo a, ki endike ke gadget nou an te fèt epi li ap kouri kòm dabitid.

Ki jan yo ajoute plizyè widgets WordPress nan diferan zòn?

Repete etap XNUMX ak XNUMX pou fè widgets sipò tèm WordPress ou nan diferan kote.

Sipoze ou bezwen ajoute yon widje nan header, ankadre, ak anba nan tèm nan.

1) Premyèman, ou bezwen kopye kòd sa a nan fichye 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) Apre sa, ajoute kòd sa a nan dosye header.php, sidebar.php ak footer.php respektivman.

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>

Sa a se yon siksè!

• Natirèlman, ou ka tou modifye divès detay nan kòd la selon bezwen ou ^_^
• 2 etap ki anwo yo, pèmèt rès tèm nan entegre fonksyonalite widget la.

Apre sa, kontinye pataje konsèy WordPress pou itilize widgets.

WordPress Tèm Entegrasyon Widget Konsèy Widget

Jere Widgets koutim avèk efikasite:

1) Apre ou fin ajoute widgets nan tèm nan, ou ka kreye yon fichye separe epi bay non liwidgets.php.

• Yo nan lòd yo sove tout kòd widje koutim te ajoute nan etap 1 nan katab sa a.

2) Ajoute kòd la nan fichye functions.php la:

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

3) Sove tout kòd widget koutim yo ajoute nan etap 1 nan dosye widgets.php.

Metòd sa a asire ke tout widgets chaje san pwoblèm ak travay sou tout WordPress vèsyon ki sipòte widgets.

Nan fason sa a, ou ka jere dosye tèm WordPress ou yo pi efikas.