Михаил Вихрян

попробуй вот так: get_posts('cat=1&posts_per_page=5')

А лучше так:

$args = array( 'cat' => 1, 'posts_per_page' => 5);
$new_query = New WP_Query($args);

If( $new_query->have_posts() ) ...

validate.js можно попробовать

В jquery, чтобы функция выполнилась после проигрывания анимации, ее нужно передать аргументом вторым (callback). Например, так $( 'a' ).fadeOut( 600, function(){} ). В документации все написано, даже с примерами: api.jquery.com/fadeout

.fadeOut( [duration ] [, complete ] ), где complete - callback по завершению анмиации.

Webpack 2: https://webpack.js.org/plugins/provide-plugin/
Ставим jquery через npm и радуемся

Самый простой вариант - третьей колонке (первой колонке контента) задать отступ от левого края равный ширине сайдбара. Ситуация очень абстрактно описана, сложно посоветовать готовое и рабочее решение.

Примерно так:

<div class="row">
                <div class="col-sm-12 col-md-12 style="padding:0">
                    <nav class="circle-menu">
                        <div class="center"></div>
                        <ul>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                            <li><a href="#"></a></li>
                        </ul>
                    </nav>
                </div> 
            </div>

"Наезд" происходит из-за блоков col-sm-1 и padding-a у блока, в который впихнули nav

Я бы обошелся без глобальной переменной, а сделал бы это так (если у нас, 4 дива к примеру):

function change_color() {
     if( !this.current_div || this.current_div == 3 ){this.current_div = 0;}
     else{this.current_div++;}
    ... (тут выполняем проверку и присваиваем цвета)
}