Равномерное распределение баннеров в детальной странице поста

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
jQuery(document).ready(function ($) {
 
    const $article = $('.page-article__body article');
    
    if ($article.length === 0) return;
    
    const banners = [
        '<a href="" class="article-banner modal-order-open"><img src="/wp-content/themes/romanoff/img/banner/Artboard_4.png" alt="Баннер 1"></a>',
        '<a href="" class="article-banner modal-order-open"><img src="/wp-content/themes/romanoff/img/banner/Artboard_5.png" alt="Баннер 2"></a>',
        '<a href="" class="article-banner modal-order-open"><img src="/wp-content/themes/romanoff/img/banner/Artboard_6.png" alt="Баннер 3"></a>'
    ];
    
    const $children = $article.children();
    if ($children.length === 0) return;
    
    const partSize = Math.ceil($children.length / 4);
    
    banners.forEach(function(banner, index) {
        const insertPosition = (index + 1) * partSize;
        
        if (insertPosition < $children.length) {
            $children.eq(insertPosition - 1).after(banner);
        }
    });
    
});