Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tudo Bom pessoal? É o seguinte, estou começando a aprender a programar e tive um problema ao passar um site que fiz pro wordpress.
É o seguinte, usei um JS para minha navbar, porém, quando fui criar o tema novamente para wordpress, ele não funciona.
Segue abaixo os códigos.
Navbar:
<nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">Lucas Couto</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#page-top">Home</a>
</li>
<li>
<a class="page-scroll" href="#services">Visão</a>
</li>
<li>
<a class="page-scroll" href="#about">Lucas</a>
</li>
<li>
<a class="page-scroll" href="#">Livres</a>
</li>
<li>
<a class="page-scroll" href="#blog">Blog</a>
</li>
<li>
<a class="page-scroll" href="#team">Leituras</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contato</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
JavaScript: lscc.js
(function($) {
"use strict"; // Start of use strict
// jQuery for page scrolling feature - requires jQuery Easing plugin
$('a.page-scroll').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top - 50)
}, 1250, 'easeInOutExpo');
event.preventDefault();
});
// Highlight the top nav as scrolling occurs
$('body').scrollspy({
target: '.navbar-fixed-top',
offset: 51
});
// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a').click(function(){
$('.navbar-toggle:visible').click();
});
// Offset for Main Navigation
$('#mainNav').affix({
offset: {
top: 100
}
})
})(jQuery);
Função:
<?php
//Habilitando imagens destacadas
function add_suport_theme(){
add_theme_support('post-thumbnails');
}
add_action('after_setup_theme','add_suport_theme');
/ Registro Menu Personalizado/
add_theme_support('menus');
function wp_responsivo_scripts() {
// Carregando CSS header
wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.min.css' );
wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/vendor/font-awesome/css/font-awesome.min.css' );
wp_enqueue_style( 'style', get_stylesheet_uri() );
// Carregando Scripts header
wp_enqueue_script('lucascouto', get_template_directory_uri().'/assets/js/lucascouto.js', array('jquery') );
wp_enqueue_script('jquery', get_template_directory_uri().'/assets/js/jquery.min.js', array('jquery') );
wp_enqueue_script('bootstrap', get_template_directory_uri().'/assets/js/bootstrap.min.js', array('jquery') );
wp_enqueue_script('jqBootstrapValidation', get_template_directory_uri().'/assets/jqBootstrapValidation.js', array('jquery') );
wp_enqueue_script('contact_me', get_template_directory_uri().'/assets/js/contact_me.js', array('jquery') );
wp_enqueue_script('lucascouto', get_template_directory_uri().'/assets/js/lscc.js', array('jquery') ); // Esse Não carrega
}
add_action( 'wp_enqueue_scripts', 'wp_responsivo_scripts' );
?>Carregando comentários...