Setelah peluncuran 2 plugins terbari dari wordpress, JQuey
Mega Menu dan JQuery Vertical Accordion Menu, maka Pada posting kali ini saya
akan membahas bagaimana menambahkan widget area kedalam tema wordpress anda.
Kedua plugin tersebut menggunakan widget area, cara
yang mudah dan cepat untuk menambahkan custom menu pada halaman wordpress anda.
Jika tema anad tidak memiliki widget area yang terpasang pada tempat yang anda
butuhkan, maka anda perlu membuatnyanya pada file tema anda
Berikut adalah 2 langkah dari cara sederhana yang dapat
dilakukan
- Daftarkan Widget
Untuk mendaftarkan widget baru anda perlu membuka
function.php pada file di dalam editor tema wordpress
Masukkan code berikut pada file fuction, pastikan anda
menaruhnya didalam tags php/
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' => '',
));
}
register_sidebar(array(
'name' => 'my_mega_menu',
'before_widget' => '<div id="my-mega-menu-widget">',
'after_widget' => '</div>',
'before_title' => '',
'after_title' => '',
));
}
Berikan nama pada widget area misalnya my_mega_menu, did an
pada option before/after anda dapat menaruh kode yang anda inginkan.
Karena saya ingin menggunakan satu dari tema widget menu,
yangkeluar bersama plugins dan tidak ingin membungkusnya dengan standar widget
tag yang dapat mempengaruhi css.
Sebagai contoh saya akan membungkusnya pada tag div dengan
id My-mega-menu-widget
- Masukkan kode widget pada tema
Anda dapat memasukan kode yang memanggil wudget pada letak
yang tempat dalam file tema, karena saya membuat horizontal mega menu, maka
akan ditempatkan pada header.
Dalam editor tema wordpress buka header.php.
Cari lokasi dimana anda ingin menaruh menu dan tambahkan
kode berikut untuk header.php
<?php /*
Widgetized sidebar */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_mega_menu') ) : ?><?php endif; ?>
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('my_mega_menu') ) : ?><?php endif; ?>
pastikan anda mengganti my_mega_menu dengan nama file yang
sama pada widget area yang ada di function file simpan header .php jika anda masuk ke halaman widget pada wordpress admin anda
akan menemukan widget area dengan nama widget anda. Anda juga dapat menambahkan mega menu, accordion menu dan
widget lainnya pada area tersebut.
0 comments:
Post a Comment