szQocks, Так я ведь прикрепил ссылку на сайт, можно посмотреть в chrome dev tools css. По сути просто блок - :before, :after - с transform: skewY(-2deg);
Darkness, Формулируйте вопрос так, чтобы его можно было понять) Если вам надо вытащить картинки из the_content() и сформировать из него слайдер, то этим способом (который выше) это сделать проще всего.
Darkness, $('.post-content img').each() находит каждый тег img в классе .post-content, название класса ставите свое, я пример привел, с классом .slider аналогично
Без jQuery примерно так:
let postImages = document.querySelectorAll('.post-content > img');
let slider = document.querySelector('.slider');
postImages.forEach((image) => {
slider.append(image)
})