WQP

Для нижнего слайдера используйте OwlCarousel2, а по клику на слайд напишите обработчик.

Пример тут в блоке "НАШИ ФОТОГРАФИИ"

Ну jQuery нужен только для появления формы, всё остальное на CSS. У окна нужно указать max-width. А отступ формы для центрирования нужно считать top: 50%-{высота формы}px

Вот так

<a href="image.png" download="картинка.png">Скачать!</a>

В атрибуте download можете написать название файла который будет в конечном итоге скачен.

Сделать самому это очень легко.

1) Создаёте функцию рендеринга поста в HTML
2) Создаёте ajax обработчик в WP, для вывода HTML
3) Ставите обработчик на кнопку для вызова модального окна

Все делается в functions.php вашей темы и JS файле вашей темы

$('.form').ajaxForm(function() {
        $('.wrapper-message').fadeIn(1200, function() {
            $('.message').css('display', 'block').animate({
                "opacity": 1,
            }, 1200);
        });
        $('.form').find("input[name*='phone']").val('');
        $('.form').find("input[name*='name']").val('');
        $('#callback').fadeOut(200);
        $('.form-callback').css({
            'transform': 'rotateX(0)',
            'opacity': '0'
        });

        window.location = "СТРАНИЦА"

    });

<a href="#" class="video" data-src="https://www.youtube.com/embed/1ugivNRYfjc?autoplay=1">Открыть видео #1</a>

<script type="text/javascript">
jQuery(document).ready(function($) {
	$('.video').click(function(e) {
		e.preventDefault();
		var src = $(this).data('src');
		$(this).html('<iframe width="560" height="315" src="'+src+'" frameborder="0" allowfullscreen></iframe>'); 
	});
});
</script>