Kịch bản vấn đề là thế này nhé:
Chúng ta mua, tải về 1 giao diện theme template tuyệt đẹp cho trang web làm bằng Wordpress của mình. Khi vào trang chi tiết sản phẩm, layout được bố trí dạng 2 cột: bên trái là nội dung sản phẩm (hình ảnh, tóm tắt, thông tin chi tiết...), bên phải là danh mục sản phẩm của cửa hàng, thông tin giỏ hàng... Cột bên phải này ta thay đổi trong admin bằng cách kéo thả các widget sẵn có của Wordpress. Bây giờ muốn thêm một danh mục sản phẩm chọn lọc khác chèn vào bên phải thì ta làm thế nào?
Giải quyết vấn đề:
Không có widget sẵn có cho việc này. Ta sẽ tạo ra 1 menu lưu danh mục sản phẩm chọn lọc theo ý mình. Đăng ký bổ sung menu vào giao diện hiện tại. Chèn code hiển thị menu ra ở bất cứ nơi nào ta muốn.
Bước 1: Đăng nhập admin - vào Giao diện - Menu - tạo một trình đơn mới...
Bước 2: Tìm file functions.php của giao diện, đăng ký khai báo bổ sung menu mới. Như trong hình minh họa dưới đây giao diện gốc hỗ trợ 3 menu, mình chèn code để khai báo thêm huypv_menu
Bước 3: Chèn thêm code để hiển thị menu ra ở nơi chúng ta mong muốn. Ví dụ cụ thể trong trường hợp của mình là file template sidebar.php
<?php if ( has_nav_menu( 'huypv-menu' ) ) { ?>
<div class="widget clearfix">
<div class="widget-title clearfix">
<h4 class="tag-title">Các danh mục sản phẩm</h4>
</div>
<?php wp_nav_menu( array( 'theme_location' => 'huypv-menu' ) ); ?>
</div>
<?php } ?>
Bước 4: Quay trở lại admin, cấu hình để gán menu, hiển thị ra giao diện
Xong xuôi hết rồi, ra trang chi tiết sản phẩm và F5 lại chúng ta sẽ thấy menu riêng của mình đang hiển thị lung linh như mong muốn!