Sida loo daro WordPress widgets?Aagga Widgets-is-dhexgalka mawduuca

Tilmaamaha liiska gaarka ah iyo widgets-ka dhinaca, haaWordPressTilmaamo ku jira mawduuca

  • Samaynta mawduuca, haddii aanay ku jirin labadan hawlood, waxay la mid tahay feedhaha digaaga oo kale...

Chen Weiliangee horedhisa websiteCasharradan, waxaan kula wadaagayaa sida loo bixiyo mawduuca WordPressKu dar liiska gaarka ah.

Maqaalkani waxa uu sharaxayaa sida loogu daro hawlaha widget-ka caadiga ah marka la abuurayo mawduuc.

Sida ku darista menu-yada gaarka ah mawduucyada, ku-darsiga caadooyinka widgets-ku waxay qaadataa 3 tillaabo oo keliya.

Tallaabada ugu horreysa, diiwaangelinta qalabka

Si aad u isticmaasho widget-ka, waa in aad marka hore is-diiwaangeliso, furto faylka functional.php ee hoos yimaada mawduuca WordPress,

Faylka function.php, ku dar koodka soo socda:

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

?>

 

Wax ka beddel li iyo h2 tags ee functional.php si ay u dhigmaan calaamadaha sidebar.php:

Magacyada li iyo module h2 ee 'before_widget' iyo 'after_widget', wax ka beddel koodka iyadoo loo eegayo xaaladda dhabta ah.

(laga yaabee in aan wax laga beddelin)

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

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

Koodhka sare waxa uu diiwaan galinayaa aag widget ah oo lagu magacaabo "top-sidebar":

  • Magaca la soo bandhigay waa "Top Sidebar".
  • Ku dar summada h2 ciwaanka
  • Waxyaabaha ku jira waxa lagu calaamadeeyay li.

Log inDhabarka dambe ee WordPressDashboard-ka, tag Muuqaalka → Widgets.

Haddii aad ka arki karto aagga widget-ka sare ee dhinaca midig ee sawirka hoose, diiwaangelintu waa lagu guulaystay ▼

Ku dar aagga widget-ka dhinaca sare ee dhinaca midig ee WordPress

Talaabada labaad, call gadget

Ka dib marka qalabka la diiwaan geliyo, waxaa loogu yeeri karaa faylka qaabka mawduuca, koodhka soo socdana waxaa loogu yeeri karaa faylka sidebar.php.

1) Faylka sidebar.php, ka hooseeya li ama div tag, geli ▼

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

2) Faylka sidebar.php, kan ugu weynamaKor, ku dar ▼

<?php endif; ?>

Talaabada XNUMX: Deji widgets

1) Qalabka waa la diiwaan geliyay, booska bandhiga sidoo kale waxaa lagu qeexay faylka mawduuca.

  • Waxaad dejin kartaa aagga kooxda widget-ka ee asalka WordPress ▼

Dejinta aagga kooxda widget-ka xaashida asalka ee WordPress 2

2) Ka dib markaad kaydiso, dib u cusboonaysii bogga hore.

  • Barta dhinaca ee mareegahayaga ayaa u ekaan doona sawirka hoose ▼

Mareegta WordPress ee aagga widget-ka-dhamaadka hore ee lambarka 3

Waxaad arki kartaa sawirka kore, oo tilmaamaya in qalabkeena la sameeyay oo uu u socdo sidii caadiga ahayd.

Sida loogu daro dhowr widgets WordPress ah meelo kala duwan?

Ku celi tillaabooyinka XNUMX iyo XNUMX si aad uga dhigto mawduucaaga WordPress taageero widgets meelo kala duwan.

Ka soo qaad inaad u baahan tahay inaad widget ku darto madaxa, dhinaca, iyo gunta mawduuca.

1) Marka hore, waxaad u baahan tahay inaad nuqul ka sameyso koodhka soo socda faylka functional.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) Marka xigta, ku dar koodka soo socda header.php, sidebar.php iyo footer.php faylasha siday u kala horreeyaan.

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

Tani waa guul!

  • Dabcan, waxaad sidoo kale wax ka beddeli kartaa tafaasiisha kala duwan ee koodhka iyadoo loo eegayo baahiyahaaga ^_^
  • Tallaabooyinka 2 ee kor ku xusan, u oggolow mawduuca intiisa kale si ay u dhexgalaan shaqada widget-ka.

Marka xigta, sii wad inaad wadaagto talooyinka isticmaalka widgets gudaha WordPress.

Talooyin widget-is-dhexgalka mawduuca WordPress

Si hufan u maamul widgets gaarka ah:

1) Ka dib markaad ku darto widgets mawduuca, waxaad abuuri kartaa fayl gaar ah oo magacowwidgets.php.

  • Si loo kaydiyo dhammaan summada widget-ka caadiga ah ee lagu daray tallaabada 1 galkan.

2) Ku dar koodka faylka functional.php:

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

3) Keydi dhammaan koodka widget-ka caadiga ah ee lagu daray tallaabada 1 faylka widgets.php.

Habkani wuxuu hubinayaa in dhammaan widget-yada ay si habsami leh u rartaan oo ay uga shaqeeyaan dhammaan noocyada WordPress ee taageera widgets.

Sidan, waxaad u maareyn kartaa faylasha mawduucaaga WordPress si hufan.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) la wadaagay "Sidee loogu daro WordPress Widgets?Aagga Widgets-is-dhexgalka theme" ayaa ku caawin doona.

Ku soo dhawoow inaad wadaagto xiriirka maqaalkan:https://www.chenweiliang.com/cwl-1476.html

Ku soo dhawoow kanaalka Telegramka ee Chen Weiliang's blog si aad u hesho wararkii ugu dambeeyay!

🔔 Noqo kuwa ugu horreeya ee hela "ChatGPT Content Suuqgeynta AI Hagaha Isticmaalka Qalabka" ee tusaha sare ee kanaalka! 🌟
📚 Hagahan waxa uu ka kooban yahay qiimo aad u weyn, 🌟Tani waa fursad naadir ah, ha seegin! ⏰⌛💨
Share iyo like saar hadaad jeceshahay!
Wadaagistaada iyo jeceylkaaga ayaa ah dhiirigelintayada joogtada ah!

 

评论

Cinwaanka emailkaaga lama daabici doono. 项 已 用 * Calaamadda

kor ugu rog