Yadda ake ƙara widgets na WordPress?Yankin widget din jigogi

Fasalolin menu na musamman da widgets na gefe, iWordPressFitattun siffofi a cikin jigon.

• Yin jigo, idan bai haɗa da waɗannan ayyuka guda biyu ba, kamar hakarkarin kaza ne ...

Chen Weilianga bayagina gidan yanar gizoA cikin wannan koyawa, na raba yadda ake ba da jigon WordPressƘara menu na al'ada.

Wannan labarin yana bayyana yadda ake ƙara ayyukan widget ɗin al'ada lokacin ƙirƙirar jigo.

Kamar ƙara menu na al'ada zuwa jigogi, ƙara widgets na al'ada yana ɗaukar matakai 3 kawai.

Mataki na farko, rajistar na'ura

Don amfani da widget din, dole ne ka fara yin rajista, buɗe fayil ɗin ayyuka.php a ƙarƙashin taken WordPress,

A cikin fayil ayyuka.php, ƙara lambar mai zuwa:

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

?>

Gyara alamun li da h2 a cikin ayyuka.php don dacewa da alamun a cikin labarun gefe.php:

Sunan li da module h2 na 'before_widget' da 'bayan_widget', canza lambar bisa ga ainihin halin da ake ciki.

(wataƙila ba tare da gyara ba)

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

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

Lambar da ke sama tana yin rajistar yankin widget din mai suna "top-sidebar":

• Sunan da aka nuna shine "Babban Shagon Side".
• Ƙara alamar h2 zuwa take.
• Ana yiwa abubuwan abun ciki alama da li.

Log inWordPress bayaDashboard, je zuwa Bayyanar → Widgets.

Idan kuna iya ganin babban yankin widget din gefen dama na hoton da ke ƙasa, yana nufin rajistar ya yi nasara ▼

Mataki na biyu, kiran na'urar

Bayan an yi rajistar na'urar, ana iya kiranta a cikin fayil ɗin samfurin jigo, kuma ana iya kiran lambar mai zuwa a cikin fayil ɗin sidebar.php.

1) A cikin fayil ɗin sidebar.php, a ƙasa mafi girman li ko div tag, saka ▼

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

2) A cikin labarun gefe.php fayil, mafi girmakoA sama, ƙara ▼

<?php endif; ?>

Mataki XNUMX: Saita widgets

1) An yi rajistar na'urar, kuma an bayyana matsayin nuni a cikin fayil ɗin jigo.

• Kuna iya saita yankin rukunin widget din a bangon WordPress ▼

2) Bayan ajiyewa, sake sabunta shafin farko.

• Gidan yanar gizon mu zai yi kama da hoton da ke ƙasa ▼

Kuna iya ganin hoton da ke sama, yana nuna cewa an yi na'urar mu kuma tana gudana kamar yadda aka saba.

Yadda ake ƙara widget din WordPress da yawa a wurare daban-daban?

Maimaita matakai na XNUMX da XNUMX don sanya jigon ku na WordPress yana goyan bayan widgets a wurare daban-daban.

Ace kana buƙatar ƙara widget zuwa kan kai, labarun gefe, da kasan jigon.

1) Da farko, kuna buƙatar kwafin lambar da ke gaba zuwa fayil ɗin ayyuka.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) Na gaba, ƙara lambar mai zuwa zuwa header.php, sidebar.php da fayilolin footer.php bi da bi.

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>

gindi.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>

Don haka nasara!

• Tabbas, zaku iya canza bayanai daban-daban a cikin lambar gwargwadon bukatunku ^_^
• Matakan 2 na sama, suna ba da damar sauran jigon don haɗa aikin widget din.

Na gaba, ci gaba da raba shawarwari don amfani da widget din a cikin WordPress.

Tips Widget Haɗin Jigon WordPress

Yadda ya kamata sarrafa widgets na al'ada:

1) Bayan ƙara widgets zuwa jigon, zaku iya ƙirƙirar fayil daban kuma ku sanya masa sunawidgets.php.

• Domin adana duk lambar widget ɗin al'ada da aka saka a mataki na 1 zuwa wannan babban fayil ɗin.

2) Ƙara lambar zuwa fayil ɗin ayyuka.php:

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

3) Ajiye duk lambar widget ɗin al'ada da aka ƙara a mataki na 1 zuwa fayil ɗin widgets.php.

Wannan hanyar tana tabbatar da cewa duk widget din suna ɗaukar nauyi sosai kuma suna aiki akan duk nau'ikan WordPress waɗanda ke tallafawa widget din.

Ta wannan hanyar, zaku iya sarrafa fayilolin jigon ku na WordPress yadda ya kamata.