ວິທີການເພີ່ມ widget WordPress?ການປະສົມປະສານຫົວຂໍ້ພື້ນທີ່ Widgets

ຄຸນສົມບັດເມນູແບບກຳນົດເອງ ແລະວິດເຈັດແຖບດ້ານຂ້າງ, ແມ່ນແລ້ວWordPressລັກສະນະເດັ່ນໃນຫົວຂໍ້.

• ການສ້າງຫົວຂໍ້, ຖ້າມັນບໍ່ລວມເອົາສອງຫນ້າທີ່ນີ້, ແມ່ນຄ້າຍຄື rib ໄກ່ ...

Chen Weiliangໃນທີ່ຜ່ານມາສ້າງເວັບໄຊທ໌ໃນບົດສອນນີ້, ຂ້ອຍແບ່ງປັນວິທີການໃຫ້ຫົວຂໍ້ WordPressເພີ່ມເມນູແບບກຳນົດເອງ.

ບົດຄວາມນີ້ອະທິບາຍວິທີການເພີ່ມຟັງຊັນ widget ແບບກຳນົດເອງໃນເວລາສ້າງຮູບແບບສີສັນ.

ຄືກັນກັບການເພີ່ມເມນູແບບກຳນົດເອງໃສ່ຮູບແບບສີສັນ, ການເພີ່ມວິດເຈັດແບບກຳນົດເອງໃຊ້ເວລາພຽງ 3 ຂັ້ນຕອນ.

ຂັ້ນຕອນທໍາອິດ, ການລົງທະບຽນ gadget

ເພື່ອໃຊ້ widget, ກ່ອນອື່ນ ໝົດ ທ່ານຕ້ອງລົງທະບຽນ, ເປີດໄຟລ໌ functions.php ພາຍໃຕ້ຫົວຂໍ້ WordPress,

ໃນໄຟລ໌ functions.php, ເພີ່ມລະຫັດຕໍ່ໄປນີ້:

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

?>

ແກ້ໄຂແທໍກ li ແລະ h2 ໃນ functions.php ເພື່ອໃຫ້ສອດຄ່ອງກັບ tags ໃນ sidebar.php:

ຫົວຂໍ້ li ແລະ module h2 ຂອງ 'before_widget' ແລະ 'after_widget', ແກ້ໄຂລະຫັດຕາມສະຖານະການຕົວຈິງ.

(ບາງ​ທີ​ໂດຍ​ບໍ່​ມີ​ການ​ດັດ​ແກ້​)

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

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

ລະຫັດຂ້າງເທິງລົງທະບຽນພື້ນທີ່ widget ທີ່ມີຊື່ວ່າ "top-sidebar":

• ຊື່ທີ່ສະແດງແມ່ນ "ແຖບດ້ານເທິງ".
• ເພີ່ມແທັກ h2 ໃສ່ຫົວຂໍ້.
• ລາຍການເນື້ອຫາຖືກແທັກດ້ວຍ li.

ເຂົ້າສູ່ລະບົບດ້ານຫຼັງຂອງ WordPressDashboard, ໄປທີ່ Appearance → Widgets.

ຖ້າທ່ານສາມາດເຫັນພື້ນທີ່ widget ແຖບດ້ານເທິງຢູ່ເບື້ອງຂວາຂອງຮູບຂ້າງລຸ່ມນີ້, ມັນຫມາຍຄວາມວ່າການລົງທະບຽນປະສົບຜົນສໍາເລັດ ▼

ຂັ້ນ​ຕອນ​ທີ​ສອງ​, ໂທ​ຫາ gadget​

ຫຼັງຈາກ gadget ຖືກລົງທະບຽນ, ມັນສາມາດຖືກເອີ້ນໃນໄຟລ໌ແມ່ແບບຫົວຂໍ້, ແລະລະຫັດຕໍ່ໄປນີ້ສາມາດຖືກເອີ້ນໃນໄຟລ໌ sidebar.php.

1) ໃນໄຟລ໌ sidebar.php, ຢູ່ລຸ່ມສຸດຂອງ tag li ຫຼື div ທີ່ໃຫຍ່ທີ່ສຸດ, ໃສ່ ▼

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

2) ໃນໄຟລ໌ sidebar.php, ທີ່ໃຫຍ່ທີ່ສຸດຫຼືຂ້າງເທິງ, ເພີ່ມ ▼

<?php endif; ?>

ຂັ້ນຕອນທີ XNUMX: ຕັ້ງຄ່າ widget

1) gadget ໄດ້ຖືກລົງທະບຽນ, ແລະຕໍາແຫນ່ງສະແດງຍັງຖືກກໍານົດຢູ່ໃນໄຟລ໌ຫົວຂໍ້.

• ທ່ານສາມາດກໍານົດພື້ນທີ່ກຸ່ມ widget ໃນພື້ນຫລັງ WordPress ▼

2) ຫຼັງຈາກບັນທຶກ, ໂຫຼດຫນ້າຈໍຄືນຫນ້າ.

• ແຖບດ້ານຂ້າງຂອງເວັບໄຊທ໌ຂອງພວກເຮົາຈະຄ້າຍຄືກັບຮູບຂ້າງລຸ່ມນີ້ ▼

ທ່ານ​ສາ​ມາດ​ເບິ່ງ​ຮູບ​ຂ້າງ​ເທິງ​, ສະ​ແດງ​ໃຫ້​ເຫັນ​ວ່າ gadget ຂອງ​ພວກ​ເຮົາ​ໄດ້​ຮັບ​ການ​ເຮັດ​ໃຫ້​ແລະ​ແລ່ນ​ເປັນ​ປົກ​ກະ​ຕິ​.

ວິທີການເພີ່ມ widget WordPress ຫຼາຍຢູ່ໃນພື້ນທີ່ຕ່າງໆ?

ເຮັດຊ້ໍາຂັ້ນຕອນ XNUMX ແລະ XNUMX ເພື່ອເຮັດໃຫ້ຫົວຂໍ້ WordPress ຂອງທ່ານສະຫນັບສະຫນູນ widget ໃນສະຖານທີ່ຕ່າງໆ.

ສົມມຸດວ່າທ່ານຕ້ອງການເພີ່ມ widget ໃສ່ header, sidebar, ແລະລຸ່ມສຸດຂອງຫົວຂໍ້.

1) ທໍາອິດ, ທ່ານຈໍາເປັນຕ້ອງຄັດລອກລະຫັດຕໍ່ໄປນີ້ເຂົ້າໄປໃນໄຟລ໌ 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) ຕໍ່ໄປ, ເພີ່ມລະຫັດຕໍ່ໄປນີ້ໃສ່ໄຟລ໌ header.php, sidebar.php ແລະ footer.php ຕາມລໍາດັບ.

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>

ນີ້ແມ່ນຜົນສໍາເລັດ!

• ແນ່ນອນ, ທ່ານຍັງສາມາດດັດແປງລາຍລະອຽດຕ່າງໆໃນລະຫັດຕາມຄວາມຕ້ອງການຂອງທ່ານ ^_^
• 2 ຂັ້ນຕອນຂ້າງເທິງ, ອະນຸຍາດໃຫ້ສ່ວນທີ່ເຫຼືອຂອງຫົວຂໍ້ທີ່ຈະປະສົມປະສານການທໍາງານຂອງ widget ໄດ້.

ຕໍ່ໄປ, ສືບຕໍ່ແບ່ງປັນຄໍາແນະນໍາສໍາລັບການນໍາໃຊ້ widget ໃນ WordPress.

ເຄັດລັບ Widget ປະສົມປະສານຫົວຂໍ້ WordPress

ຈັດການ widget ແບບກຳນົດເອງຢ່າງມີປະສິດທິພາບ:

1) ຫຼັງຈາກເພີ່ມ widget ກັບຫົວຂໍ້, ທ່ານສາມາດສ້າງໄຟລ໌ແຍກຕ່າງຫາກແລະຊື່ມັນwidgets.php.

• ເພື່ອບັນທຶກລະຫັດ widget ແບບກຳນົດເອງທັງໝົດທີ່ເພີ່ມໃນຂັ້ນຕອນທີ 1 ໃສ່ໂຟນເດີນີ້.

2) ເພີ່ມລະຫັດໃສ່ໄຟລ໌ functions.php:

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

3) ບັນທຶກລະຫັດ widget custom ທັງໝົດທີ່ເພີ່ມໃສ່ໃນຂັ້ນຕອນທີ 1 ໃສ່ໄຟລ໌ widgets.php.

ວິທີການນີ້ຮັບປະກັນວ່າ widget ທັງຫມົດໂຫຼດໄດ້ອຍ່າງລຽບງ່າຍແລະເຮັດວຽກຢູ່ໃນທຸກລຸ້ນ WordPress ທີ່ສະຫນັບສະຫນູນ widget.

ດ້ວຍວິທີນີ້, ທ່ານສາມາດຈັດການໄຟລ໌ຫົວຂໍ້ WordPress ຂອງທ່ານໄດ້ມີປະສິດທິພາບຫຼາຍຂຶ້ນ.