Cách tạo vị trí Widget ở bất kì đâu trong theme WordPress

dinhcaovietdotnet061220 Cách tạo vị trí Widget ở bất kì đâu trong theme WordPress

Thông thường, theme  WordPress thường hỗ trợ cho bạn nhiều vị trí khác nhau để đặt widget trong theme. Tuy nhiên không phải theme nào cũng có sẵn vài vị trí mà bạn muốn. Hôm nay mình sẽ chia sẻ với các bạn cách tạo  vị trí widget trong theme wordpress theo ý muốn của bạn. Các bạn chỉ cần làm theo các bước sau đây :

Bước 1 : Đăng Ký Widget

Trước hết, Chúng ta sẽ đăng ký tên vị trí widget mà chúng ta muốn tạo , tên này sẽ hiển thị ở phần admin, giúp bạn phân biệt với các vị trí có sẵn khác. Các bạn vào file function.php ( nằm trong folder theme mà bạn muốn tạo vị trí ) sau đó copy đoạn code này , rồi dán vào trong.

if ( function_exists(‘register_sidebar’) ){
register_sidebar(array(
‘name’ => ‘my_mega_menu’,
‘before_widget’ => ‘<div id=”my-mega-menu-widget”>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ”,
‘after_title’ => ”,
));
}

Trong đoạn code trên , tên vị trí sẽ là ‘my_mega_menu‘ , nếu các bạn muốn có tên gọi khác , thì chỉ cần thay tên này là được.

Bước 2 : Đặt vị trí vào trong theme

Sau khi đăng ký tên xong, chúng ta sẽ chèn vị trí widget vào trong theme theo ý muốn của mình. Các bạn tìm vị trí mà các bạn muốn widget sẽ hiển thị ở đó trong theme, rồi past đoạn code sau vào :

<?php /* Widgetized sidebar */
if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘my_mega_menu’) ) : ?><?php endif; ?>

Các bạn nhớ thay tên “my_mega_menu” là tên vị trí mà các bạn đã đăng ký ở bước 1 nhá.
Vậy là xong rồi đó các bạn, giờ đây các bạn có thể tạo bất kì vị trí widget nào theo ý muốn nếu như theme các bạn đang dùng không có hỗ trợ . Và bài viết này cũng là nguồn tham khảo quý giá cho những bạn nào muốn tự mình tạo theme wordpress cho riêng mình.
Chúc các bạn thành công !

Advertisements
This entry was posted in cộng đồng wordpress việt nam, Học wordpreass giá rẻ tại Hà Nôi, internet makerting, Thiết kế web miên phí tại Hải Phòng, Wordpres cơ bản tại Hà Nội and tagged , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s