Здравствуйте!
Начнем с простого...
1) у вас должны быть базовые знания по html, css, js, php, wordpress codex. Если у вас нет этих базовых знаний, то бесполезно дальше читать.
Идем дальше...
2) если вы хотите один в один сделать, то что на сайте, то как вариант можете проинспектировать блок и стянуть стили и скрипты.
Для этого откройте консоль браузера (shift + ctrl + C) и найдите нужный в блок в DOM. Скопируйте структуру блока и стили.
3) Можно самому вручную сверстать подобный блок
4) Можно найти подобный блок в виде готового сниппета. Например, если у вас тема на бутстрапе, то можете посмотреть тут:
https://bootsnipp.com/
5) только после того, как вы сверстаете блок в html, css, js, стоит интегрировать его в ВП тему.
По скрину это вывод новостей, а значит, вам нужно взять цикл ВП и интегрировать его в вашу верстку.