1-2 gün önce elime müşterimin isteği üzerine gelen bir menü yapım işi vardı wordpress işlemlerinde fazlasıyla sıkıcı bulduğum bir işlem menü işlemi oysa ki bir çok kişinin fazlasıyla detaya değindiği nokta şimdi size yöntemiyle yapımı işlemini anlatacağım 🙂

1.Adım

Superfish Dosyamızı buradan indiriyoruz.

2.Adım

İndirdiğiniz dosyada dist klasörü içerisinde ki css ve js dosyalarını aşağıda ki dosya dizinlerine göre değişiniz.


Örneğin

  • http://www.metinsarac.net/dizinyolu/superfish/css/cssisimleri.css
  • http://www.metinsarac.net/dizinyolu/superfish/js/jsisimleri.js

taglarının hemen üstüne aşağıda ki kodları ekleyebilirsiniz.

<?php
add_action( 'wp_enqueue_scripts', 'superfish_libs' );
function superfish_libs()
{
// Register each script, setting appropriate dependencies
wp_register_script('hoverintent', get_template_directory_uri() . '/superfish/js/hoverIntent.js');
wp_register_script('bgiframe',    get_template_directory_uri() . '/superfish/js/jquery.bgiframe.min.js');
wp_register_script('superfish',   get_template_directory_uri() . '/superfish/js/superfish.js', array( 'jquery', 'hoverintent', 'bgiframe' ));
wp_register_script('supersubs',   get_template_directory_uri() . '/superfish/js/supersubs.js', array( 'superfish' ));
// Enqueue supersubs, we don't need to enqueue any others in this case, as the dependencies take care of it for us
wp_enqueue_script('supersubs');
// Register each style, setting appropriate dependencies
wp_register_style('superfishbase',   get_template_directory_uri() . '/superfish/css/superfish.css');
wp_register_style('superfishvert',   get_template_directory_uri() . '/superfish/css/superfish-vertical.css', array( 'superfishbase' ));
wp_register_style('superfishnavbar', get_template_directory_uri() . '/superfish/css/superfish-navbar.css', array( 'superfishvert' ));
// Enqueue superfishnavbar, we don't need to enqueue any others in this case either, as the dependencies take care of it
wp_enqueue_style('superfishnavbar');
}
?>

3.Adım

functions.php içerisine

add_action( 'init', 'theme_menus' );
function theme_menus() {
register_nav_menus(
array(
'menu-adi' => __( 'Top menu' ),
'menu-2' => __( 'Head menu' )
)
);
}

Kullanmak istediğiniz alanda ise aşağıda ki kodu kullanınız.

<?php wp_nav_menu( array( 'theme_location' => 'menu-adi', 'menu_class' => 'sf-menu', ) ); ?>
Metin Saraç 0 51 9 Nisan 2014
0 beğeni - 0 Yorum