Problemas con jQuery en wordpress

[alvarols]

Compré un menú responsivo en CodeCanyon "llamado Universal Mega Menu"

Es un código estático que HTML/CSS/jQuery que hay que implementar manualmente en Wordpress.

Si lo implemento en un sitio estático funciona muy bien, pero en Wordpress, esta porción me está dando conflicto.

Código Javascript:

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/js/jquery.js">
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/js/mgmenu.js">
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/js/mgmenu_plugins.js">
 
 
<script>
$(document).ready(function($){
    $('#mgmenu1').universalMegaMenu({
        menu_effect: 'hover_slide',
        menu_speed_show: 300,
        menu_speed_hide: 200,
        menu_speed_delay: 200,
        menu_click_outside: true,
        menubar_trigger : false,
        menubar_hide : false,
        menu_responsive: true
    });
});
 

Esto es lo que me saca la consola:

Uncaught TypeError: Property '$' of object [object Object] is not a function

¿Qué hago?

Gracias

[ArturoGallegos]

ya intentaste eliminar el signo de pesos en

function($){

por otro lado esa no es la forma de vincular archivos JS, si haces eso crearas conflictos entre versiones de jquery... te dejo un ejemplo de como agregar CSS y JS desde el propio theme

functions.php

Código PHP:

define( 'TEMPPATH', get_bloginfo('stylesheet_directory'));
function my_scripts_method() {
    wp_register_style('scrollbar',TEMPPATH . '/scrollbar.css');
    wp_enqueue_script('cycle-slide',TEMPPATH . '/js/jquery.cycle2.min.js',array('jquery'));
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
 

es un ejemplo rápido, la forma de colocar la url del theme (TEMPPATH) hay mas y puedes usar la que te acomode.

con la linea wp_enqueue_script le indico que JS necesito incluir y al mismo tiempo agrego array('jquery') para decirle que requiere de jquery y automáticamente también sea agregado.