Thêm một khu vực New Widget
Có hai file mà chúng ta nên sửa đổi để thêm một khu vực widget mới. Một là file functions.php chủ đề của bạn và các tập tin khác sẽ phụ thuộc vào nơi bạn muốn xác định vị trí các khu vực phụ tùng. Nếu bạn muốn có một khu vực widget mới trong tiêu đề, sau đó bạn sẽ cần phải sửa đổi tập tin header.php là tốt.
Trong hướng dẫn này, chúng tôi sẽ muốn thêm một khu vực widget mới trong tiêu đề (file header.php). Trong thiết kế web chuyên nghiệp WordPress, một chức năng tiện ích khu vực được gọi là dynamic_sidebar. Nó được sử dụng chủ yếu cho thanh bên, nhưng không có những hạn chế như là nơi nó có thể xuất hiện trên trang.
Bước 1: Chỉnh sửa file functions.php
Mở file functions.php của bạn và tìm kiếm cho "register_sidebar". Bạn nên tìm mã tương tự như hình dưới đây.
function blankslate_widgets_init() {
register_sidebar( array (
'name' => __('Sidebar Widget Area', 'blankslate'),
'id' => 'primary-widget-area',
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
'after_widget' => "</li>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
));
}
register_sidebar( array (
'name' => __('Sidebar Widget Area', 'blankslate'),
'id' => 'primary-widget-area',
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
'after_widget' => "</li>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
));
}
Register_sidebar là chức năng xác định mỗi bên hoặc tiện ích khu vực. Vì vậy, chúng tôi sẽ chỉ cần thêm một bổ sung cho mã của chúng tôi như hình dưới đây.
function blankslate_widgets_init() {
register_sidebar( array (
'name' => __('Sidebar Widget Area', 'blankslate'),
'id' => 'primary-widget-area',
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
'after_widget' => "</li>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
));
register_sidebar(array(
'name' => __('Top Right', 'blankslate'),
'id' => 'top-right-widget-area',
'before_widget' => '',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
'after_widget' => ''
));
}
register_sidebar( array (
'name' => __('Sidebar Widget Area', 'blankslate'),
'id' => 'primary-widget-area',
'before_widget' => '<li id="%1$s" class="widget-container %2$s">',
'after_widget' => "</li>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
));
register_sidebar(array(
'name' => __('Top Right', 'blankslate'),
'id' => 'top-right-widget-area',
'before_widget' => '',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
'after_widget' => ''
));
}
Bước 2: Chỉnh sửa các tập tin header.php
Tìm nơi trong mã nơi bạn muốn khu vực widget của bạn để sống. Nếu bạn muốn nó được ở phần trên bên phải của tiêu đề, sau đó thêm mã sau khi DIV cho biểu tượng. Sau đó bạn có thể nổi nó vào đúng với phong cách CSS của bạn.
Trong ví dụ của chúng tôi, chúng tôi sẽ bổ sung thêm các khu vực phụ tùng với đoạn mã sau:
<div id="top-right">
<?php dynamic_sidebar('top-right-widget-area'); ?>
</div>
<?php dynamic_sidebar('top-right-widget-area'); ?>
</div>
Một khi hai thay đổi này được lưu, bạn sẽ thấy khu vực widget mới xuất hiện trong màn hình quản trị WordPress của bạn. Hãy nhớ rằng trong hầu hết các trường hợp, bạn cũng cần phải phong cách DIV xung quanh khu vực widget của bạn để bạn có thể kiểm soát chính xác kích thước và vị trí.
Thêm một Menu mới Diện tích Navigation
Tương tự như các khu vực phụ tùng, khu vực menu cho phép bạn xác định những điều hướng menu đi vào mà chuyển hướng địa điểm. Tính năng này mới từ WordPress 3.0.
Chức năng WordPress được sử dụng để tải các định hướng được gọi là wp_nav_menu. Cũng giống như các khu vực phụ tùng, vùng điều hướng sẽ yêu cầu hai tập tin phải được thay đổi. Là một trong những tập tin functions.php một lần nữa, và khác là các tập tin mà bạn muốn chuyển hướng xuất hiện. Vì lợi ích của chúng tôi, chúng tôi sẽ nói chúng tôi muốn chuyển hướng là ở chân, vì vậy chúng tôi sẽ thay đổi các tập tin footer.php.
Bước 1: Chỉnh sửa file functions.php
Tìm kiếm "register_nav_menus" trong tập tin chức năng của bạn. Bạn nên tìm các mã tương tự như hình dưới đây.
register_nav_menus( array(
'main-menu' => __( 'Main Menu', 'blankslate' )
) );
Chúng tôi sẽ bổ sung thêm một mục bổ sung trong mảng, vì vậy nó sẽ giống như thế này:
register_nav_menus( array(
'main-menu' => __( 'Main Menu', 'blankslate' ),
'footer-menu' => __( 'Footer Menu', 'blankslate' )
) );
Lưu ý dòng chúng tôi đã thêm cho menu cuối trang. Phần trích dẫn đầu tiên của mảng ("footer-menu") là những gì chúng tôi sẽ sử dụng để gọi khu vực menu trong mã của chúng tôi.
Cũng nên nhớ rằng mục cuối cùng trong một mảng PHP không nên có dấu phẩy ở cuối
Bước 2: Chỉnh sửa file footer.php
Bây giờ khu vực chuyển hướng mới của chúng tôi được đăng ký trong các tập tin chức năng, chúng tôi đã sẵn sàng để thêm nó vào tập tin chân của chúng tôi. Mở file footer.php và tìm vị trí mà bạn muốn thêm vào vùng điều hướng mới của bạn.
Trong ví dụ này, chúng tôi sẽ chỉ cần thêm nó trực tiếp sau khi <footer> thẻ HTML. Thẻ này có thể không nhất thiết phải xuất hiện trong tập tin chân của bạn vì nó sẽ thay đổi tùy thuộc vào chủ đề của bạn đã được mã hóa.
<div class = "footer-nav">
<? php wp_nav_menu (array ('theme_location' => footer-menu ')); ?>
</ div>
Một khi chúng ta lưu tập tin chân của chúng tôi, khu vực điều hướng mới sẽ hiển thị trong màn hình quản trị WordPress.
Như với các khu vực tiện ích mới, dịch vụ thiết kế web vẫn sẽ cần phải thêm CSS để kiểu của chúng tôi để đảm bảo rằng các menu điều hướng mới trông giống hệt như chúng ta muốn. Menu sẽ tự động đã được áp dụng cho lớp CSS hoạt động, phụ huynh, và các yếu tố danh sách trẻ em để các khả năng của nó như thế nào có thể nhìn là vô tận.
Biết làm thế nào để bổ sung thêm lĩnh vực phụ tùng và định hướng đến chủ đề WordPress của bạn là rất quan trọng để tùy biến trang web của bạn theo cách bạn muốn nó.
0 nhận xét:
Đăng nhận xét