Artikulu direktorioa
Menu pertsonalizatuaren funtzioak eta alboko barraren widgetak, baiWordPressGaiaren ezaugarri aipagarriak.
- Gai bat egitea, bi funtzio hauek sartzen ez baditu, oilasko saiheskia bezalakoa da...
Chen Weiliangaurrekoanwebgune bat eraikiTutorial honetan, WordPress gai bat nola eman partekatzen dutGehitu menu pertsonalizatua.
Artikulu honek gai bat sortzean widget pertsonalizatuen funtzioak nola gehitu deskribatzen du.
Gaiei menu pertsonalizatuak gehitzeak bezala, widget pertsonalizatuak gehitzeak 3 urrats besterik ez ditu behar.
Lehenengo urratsa, gadget erregistroa
Widgeta erabiltzeko, lehenik eta behin erregistratu behar duzu, ireki functions.php fitxategia WordPress gaiaren azpian,
functions.php fitxategian, gehitu kode hau:
<?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>', ) ); } ?>
Aldatu li eta h2 etiketak functions.php-en, sidebar.php-ko etiketekin bat etor daitezen:
'before_widget' eta 'after_widget'-en li eta modulu h2 tituluek kodea aldatzen dute benetako egoeraren arabera.
(agian aldaketarik gabe)
'before_widget' => '<li>', 'after_widget' => '</li>', 'before_title' => '<h2>', 'after_title' => '</h2>',
Goiko kodeak "goiko alboko barra" izeneko widget-aren eremua erregistratzen du:
- Bistaratzen den izena "Goiko alboko barra" da.
- Gehitu h2 etiketa bat izenburuari.
- Eduki-elementuak li-rekin etiketatuta daude.
登录WordPress backend-aArbel, joan Itxura → Widgetak atalera.
Goiko alboko barraren widget-a beheko irudiaren eskuineko aldean ikusten baduzu, erregistratu egin dela esan nahi du ▼
Bigarren urratsa, gadget-deia
Gadget-a erregistratu ondoren, gaiaren txantiloi-fitxategian deitu daiteke, eta hurrengo kodea sidebar.php fitxategian deitu daiteke.
1) sidebar.php fitxategian, li edo div etiketa handienaren azpian, sartu ▼
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(top-sidebar) ) : ?>
2) sidebar.php fitxategian, handienaedoGoian, gehitu ▼
<?php endif; ?>
XNUMX. urratsa: konfiguratu widget-ak
1) Gadget erregistratuta dago eta bistaratzeko posizioa gaiaren fitxategian ere definitzen da.
- Widget taldeen eremua ezar dezakezu WordPress atzeko planoan ▼
2) Gorde ondoren, freskatu hasierako orria.
- Gure webgunearen alboko barra beheko irudiaren itxura izango du ▼
Goiko irudia ikus dezakezue, gure gadgeta egina dagoela eta ohiko moduan martxan dagoela adierazten duena.
Nola gehitu hainbat WordPress widget arlo ezberdinetan?
Errepikatu XNUMX. eta XNUMX. urratsak zure WordPress gaiaren laguntzarako widgetak toki ezberdinetan egiteko.
Demagun widget bat gehitu behar duzula gaiaren goiburuan, alboko barran eta behealdean.
1) Lehenik eta behin, honako kodea kopiatu behar duzu functions.php fitxategian ▼
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) Ondoren, gehitu hurrengo kodea header.php, sidebar.php eta footer.php fitxategietara hurrenez hurren.
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>
Hau arrakastatsua da!
- Jakina, kodean hainbat xehetasun ere alda ditzakezu zure beharren arabera ^_^
- Goiko 2 urratsek gainontzeko gaiari widgetaren funtzionaltasuna integratzeko aukera ematen diote.
Ondoren, jarraitu WordPress-en widgetak erabiltzeko aholkuak partekatzen.
WordPress Gaiaren Integrazio Widget Widget Aholkuak
Kudeatu eraginkortasunez widget pertsonalizatuak:
1) Gaiari widgetak gehitu ondoren, aparteko fitxategi bat sor dezakezu eta izena emanwidgets.php
.
- 1. urratsean gehitutako widget-kode pertsonalizatu guztiak karpeta honetan gordetzeko.
2) Gehitu kodea functions.php fitxategira:
if ($wp_version >= 2.8) require_once(TEMPLATEPATH.’/widgets.php’);
3) Gorde widgets.php fitxategian 1. urratsean gehitutako widget pertsonalizatuen kode guztiak.
Metodo honek widget guztiak ondo kargatzen direla eta widgetak onartzen dituzten WordPress bertsio guztietan funtzionatzen dutela ziurtatzen du.
Horrela, zure WordPress gaiaren fitxategiak modu eraginkorragoan kudeatu ditzakezu.
Hope Chen Weiliang bloga ( https://www.chenweiliang.com/ ) partekatu du "Nola gehitu WordPress widgetak?Theme Integration Widgets Area"k lagunduko dizu.
Ongi etorri artikulu honen esteka partekatzera:https://www.chenweiliang.com/cwl-1476.html
Ongi etorri Chen Weiliang-en blogeko Telegram kanalera azken eguneraketak jasotzeko!
📚 Gida honek balio handia du, 🌟Aukera arraroa da hau, ez galdu! ⏰⌛💨
Partekatu eta gustatzen bazaizu!
Zure partekatzea eta gustukoak dira gure etengabeko motibazioa!