Làm thế nào để thêm các widget WordPress?Tích hợp chủ đề Khu vực tiện ích

Các tính năng menu tùy chỉnh và tiện ích thanh bên, cóWordPressCác tính năng nổi bật trong chủ đề.

• Làm một theme, nếu nó không bao gồm hai chức năng này, chẳng khác gì một chiếc sườn gà ...

Chen Weiliangtrước đâyxây dựng một trang webTrong hướng dẫn này, tôi chia sẻ cách tạo một chủ đề WordPressThêm menu tùy chỉnh.

Bài viết này mô tả cách thêm các chức năng widget tùy chỉnh khi tạo chủ đề.

Cũng giống như thêm menu tùy chỉnh vào chủ đề, việc thêm tiện ích tùy chỉnh chỉ mất 3 bước.

Bước đầu tiên, đăng ký tiện ích

Để sử dụng tiện ích này, trước tiên bạn phải đăng ký, mở tệp functions.php trong chủ đề WordPress,

Trong tệp functions.php, hãy thêm mã sau:

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

?>

Sửa đổi các thẻ li và h2 trong functions.php để tương ứng với các thẻ trong sidebar.php:

Tiêu đề li và mô-đun h2 của 'before_widget' và 'after_widget', hãy sửa đổi mã theo tình hình thực tế.

(có thể không cần sửa đổi)

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

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

Đoạn mã trên đăng ký một khu vực tiện ích con có tên "thanh bên trên cùng":

• Tên hiển thị là "Top Sidebar".
• Thêm thẻ h2 vào tiêu đề.
• Các mục nội dung được gắn thẻ li.

Đăng nhậpPhụ trợ WordPressTrang tổng quan, chuyển đến Giao diện → Tiện ích.

Nếu bạn có thể nhìn thấy khu vực tiện ích Top Sidebar ở phía bên phải của hình dưới đây, điều đó có nghĩa là đăng ký thành công ▼

Bước thứ hai, cuộc gọi tiện ích

Sau khi tiện ích được đăng ký, nó có thể được gọi trong tệp mẫu chủ đề và mã sau có thể được gọi trong tệp sidebar.php.

1) Trong tệp sidebar.php, bên dưới thẻ li hoặc div lớn nhất, hãy chèn ▼

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

2) Trong tệp sidebar.php, tệp lớn nhấthoặcỞ trên, thêm ▼

<?php endif; ?>

Bước XNUMX: Thiết lập widget

1) Tiện ích đã được đăng ký và vị trí hiển thị cũng được xác định trong tệp chủ đề.

• Bạn có thể đặt khu vực nhóm tiện ích con trong nền WordPress ▼

2) Sau khi lưu, hãy làm mới trang đầu.

• Thanh bên của trang web của chúng tôi sẽ giống như hình dưới đây ▼

Bạn có thể thấy hình trên, cho thấy rằng tiện ích của chúng tôi đã được tạo ra và đang chạy như bình thường.

Làm cách nào để thêm nhiều widget WordPress vào các khu vực khác nhau?

Lặp lại các bước XNUMX và XNUMX để tạo các widget hỗ trợ chủ đề WordPress của bạn ở các vị trí khác nhau.

Giả sử bạn cần thêm một tiện ích vào tiêu đề, thanh bên và cuối chủ đề.

1) Đầu tiên, bạn cần sao chép đoạn mã sau vào tệp 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) Tiếp theo, thêm đoạn mã sau vào các tệp header.php, sidebar.php và footer.php tương ứng.

tiêu đề.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>

thanh bên.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>

Đây là một thành công!

• Tất nhiên, bạn cũng có thể sửa đổi các chi tiết khác nhau trong mã theo nhu cầu của mình ^ _ ^
• 2 bước trên, cho phép phần còn lại của chủ đề tích hợp chức năng của tiện ích.

Tiếp theo, tiếp tục chia sẻ thủ thuật sử dụng widget của WordPress.

Mẹo tiện ích con tích hợp chủ đề WordPress

Quản lý hiệu quả các widget tùy chỉnh:

1) Sau khi thêm các widget vào chủ đề, bạn có thể tạo một tệp riêng biệt và đặt tên cho nówidgets.php.

• Để lưu tất cả mã widget tùy chỉnh đã thêm ở bước 1 vào thư mục này.

2) Thêm mã vào tệp functions.php:

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

3) Lưu tất cả mã widget widget tùy chỉnh đã thêm ở bước 1 vào tệp widgets.php.

Phương pháp này đảm bảo rằng tất cả các widget tải trơn tru và hoạt động trên tất cả các phiên bản WordPress hỗ trợ widget.

Bằng cách này, bạn có thể quản lý các tệp chủ đề WordPress của mình hiệu quả hơn.