Андрей

через after как вариант

Textolite лови

Вы фотографии с разными пропорциями вставили
одна фотография вертикальная, другая горизонтальная
слайдер принимает высоту самой высокой фотографии

Рекомендую снести к чертям этот xampp, геморр еще тот
поставить lamp, lemp
пошаговый мануал есть очень подробный на digitalocean
ставится все довольно просто

большая часть киношных сайтов на dle

при чем тут википедия?

Обновил

<select name="category" id="category-select">
    <option value="">Выберите из списка</option>
    <?php
    $categories = get_terms(array(
        'taxonomy'   => 'category',
        'hide_empty' => false,
        'orderby'    => 'term_order', 
        'order'      => 'ASC',
    ));

   
    function display_category_options($categories, $parent = 0, $depth = 0) {
        foreach ($categories as $category) {
            if ($category->parent == $parent) {
                $indent = str_repeat('&nbsp;', $depth * 4); 
                echo '<option value="' . esc_url(get_category_link($category->term_id)) . '">' . $indent . esc_html($category->name) . '</option>';
                display_category_options($categories, $category->term_id, $depth + 1); 
            }
        }
    }

    display_category_options($categories);
    ?>
</select>

<script>
document.getElementById('category-select').addEventListener('change', function() {
    const selectedValue = this.value;
    if (selectedValue) {
        window.location.href = selectedValue; 
    }
});
</script>

В шаблоне в цикле добавьте thumbnails
напр.

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<!---миниатюра -->
    <?php if ( has_post_thumbnail() ) : ?>
        <div class="post-thumbnail">
            <?php the_post_thumbnail(); ?>
        </div>
    <?php endif; ?>
<!---/миниатюра -->

    <h2><?php the_title(); ?></h2>
    <div><?php the_content(); ?></div>
<?php endwhile; endif; ?>

ну и оберните в нужный вам html+ стилизуйте css