Simple Parallax Scrolling parallax.js Паралакс в wordpress header
<header class="main_head main_color_bg" data-parallax="scroll" data-image-src="<?php echo get_template_directory_uri(); ?>/img/bg.jpg" data-z-index="1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="logo_container">
<?php dynamic_sidebar('logo'); ?>
</div>
<button class="toggle_mnu">
<span class="sandwich">
<span class="sw-topper"></span>
<span class="sw-bottom"></span>
<span class="sw-footer"></span>
</span>
</button>
<nav class="top_mnu">
<ul>
<li><a href="#about">Обо мне</a></li>
<li><a href="#resume">Резюме</a></li>
<li><a href="#portfolio">Портфолио</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="top_wrapper">
<div class="top_descr">
<div class="top_centered">
<div class="top_text">
<h1><?php echo get_bloginfo('name'); ?></h1>
<p><?php echo get_bloginfo('description'); ?></p>
</div>
</div>
</div>
</div>
</header>