About

Sunday 29 June 2014

Wordpress Hosting - JaringanHosting :: Menambahkan Widget Area Pada Halaman Tema



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
http://jaringanhosting.com/



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

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; ?>

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.