Sut i ychwanegu teclynnau WordPress?Integreiddio thema ardal widgets

Nodweddion dewislen personol a widgets bar ochr, ieWordPressNodweddion dan sylw yn y thema.

• Mae gwneud thema, os nad yw'n cynnwys y ddwy swyddogaeth hyn, fel asen cyw iâr ...

Chen Weiliangyn y blaenoroladeiladu gwefanYn y tiwtorial hwn, rwy'n rhannu sut i roi thema WordPressYchwanegu dewislen arferiad.

Mae'r erthygl hon yn disgrifio sut i ychwanegu swyddogaethau teclyn arfer wrth greu thema.

Yn union fel ychwanegu bwydlenni wedi'u teilwra at themâu, dim ond 3 cham y mae ychwanegu teclynnau wedi'u teilwra'n eu cymryd.

Y cam cyntaf, cofrestru teclyn

I ddefnyddio'r teclyn, rhaid i chi gofrestru yn gyntaf, agor y ffeil functions.php o dan y thema WordPress,

Yn y ffeil functions.php, ychwanegwch y cod canlynol:

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

?>

Addaswch y tagiau li a h2 yn functions.php i gyfateb i'r tagiau yn sidebar.php:

Mae teitlau li a modiwl h2 o 'before_widget' ac 'after_widget', yn addasu'r cod yn ôl y sefyllfa wirioneddol.

(efallai heb ei addasu)

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

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

Mae'r cod uchod yn cofrestru ardal teclyn o'r enw "bar ochr uchaf":

• Yr enw a ddangosir yw "Bar Ochr Uchaf".
• Ychwanegu tag h2 i'r teitl.
• Mae eitemau cynnwys yn cael eu tagio â li.

登录Backend WordPressDangosfwrdd, ewch i Ymddangosiad → Widgets.

Os gallwch chi weld yr ardal teclyn Bar Ochr Uchaf ar ochr dde'r llun isod, mae'n golygu bod y cofrestriad yn llwyddiannus ▼

Yr ail gam, galwad teclyn

Ar ôl i'r teclyn gael ei gofrestru, gellir ei alw yn y ffeil templed thema, a gellir galw'r cod canlynol yn y ffeil sidebar.php.

1) Yn y ffeil sidebar.php, o dan y tag li neu div mwyaf, mewnosodwch ▼

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

2) Yn y ffeil sidebar.php, y mwyafneuUchod, ychwanegu ▼

<?php endif; ?>

Cam XNUMX: Sefydlu widgets

1) Mae'r teclyn wedi'i gofrestru, ac mae'r safle arddangos hefyd wedi'i ddiffinio yn y ffeil thema.

• Gallwch chi osod yr ardal grŵp teclyn yn y cefndir WordPress ▼

2) Ar ôl arbed, adnewyddwch y dudalen flaen.

• Bydd bar ochr ein gwefan yn edrych fel y ddelwedd isod ▼

Gallwch weld y llun uchod, sy'n nodi bod ein teclyn wedi'i wneud a'i fod yn rhedeg fel arfer.

Sut i ychwanegu teclynnau WordPress lluosog mewn gwahanol feysydd?

Ailadroddwch gamau XNUMX a XNUMX i wneud eich teclyn cefnogi thema WordPress mewn gwahanol leoliadau.

Tybiwch fod angen i chi ychwanegu teclyn at y pennawd, y bar ochr a gwaelod y thema.

1) Yn gyntaf, mae angen i chi gopïo'r cod canlynol i'r ffeil 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) Nesaf, ychwanegwch y cod canlynol i ffeiliau header.php, sidebar.php a footer.php yn y drefn honno.

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>

bar ochr.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>

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

Mor llwyddiannus!

• Wrth gwrs, gallwch hefyd addasu manylion amrywiol yn y cod yn unol â'ch anghenion ^ _ ^
• Mae'r 2 gam uchod, yn caniatáu i weddill y thema integreiddio ymarferoldeb y teclyn.

Nesaf, parhewch i rannu awgrymiadau ar gyfer defnyddio teclynnau yn WordPress.

Awgrymiadau Widget Integreiddio Thema WordPress

Rheoli teclynnau personol yn effeithlon:

1) Ar ôl ychwanegu teclynnau at y thema, gallwch greu ffeil ar wahân a'i henwiwidgets.php.

• Er mwyn arbed yr holl god teclyn personol a ychwanegwyd yng ngham 1 i'r ffolder hwn.

2) Ychwanegwch y cod i'r ffeil functions.php:

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

3) Arbedwch yr holl god teclyn teclynnau personol a ychwanegwyd yng ngham 1 i'r ffeil widgets.php.

Mae'r dull hwn yn sicrhau bod pob teclyn yn llwytho'n esmwyth ac yn gweithio ar bob fersiwn WordPress sy'n cefnogi teclynnau.

Fel hyn, gallwch reoli eich ffeiliau thema WordPress yn fwy effeithlon.