Доработать новостной портал на Wordpress

Суть:

нужно сверстать 3 страницы и 1 попап. Макет ОБНОВЛЕННЫЙ (ссылка. вЛС)Мобильного макета нет, но сделать его надо, там просто все идет как обычно в 1 колонку. Дизайн в принципе если что будет позже. Как в примере

На страницах будет 2 типа блоков(новостные и рекламные)Рекламные будут грузиться со стороннего сервера со всеми стилями, для них нужно просто предусмотреть место по сетке.Как найти тизерные блоки:- На главной они маленькие с кнопкой "подробнее".- в попапе все блоки тизерные, на странице превью новости все блоки тизерные, новостных там нету и на странице полной новости тоже.

• Блоки:

- [ ] 1. на главной странице будут новостные блоки их надо все верстать- [ ] 2. под тизерные блоки нужно оставить место в разметке и учесть это в верстке, чтобы они ширина у них была под ширину контента как в фигме. - [ ] 3. для каждой миниатюры блока нужно генерить рандомной кол-во просмотров и комментариев. Комментарии от 20 до 100. Просмотры от 72 тыс. до 300 тыс. Можно сделать просто готовые цифры на 5 обновлений страниц как в примере- [ ] 4. только на главное у трех блоков повесить плашку категории новости, в макете это "события" и она должна показывать реальную категорию новости- [ ] 5. при наведение на превью новости сделать эффект затемнения градиентом как в примере и градиент самого затемнения нужно сделать точно так же как в примере и такого же цвета, а не как в фигме

• Страница превью новости:

- [ ] 6. на странице превью новости по кнопке подробнее нужно открывать в новом окне полную новость- [ ] 7. под картинкой новости нужно показывать дату публикации новости, источник новости, рандомное кол-во показов, как и на блоках- [ ] 8. сделать рандомное присваивание автора(аватарка+имя и фамилия) для каждой статьи. Можно например чтобы мы загрузили куда-то архив с фотками, именами и брать из списка.

• Логика для всех страниц:

- [ ] 1. все ссылки/клики по новости должны открываться в новом окне- [ ] 2. При попытке уйти с любой страницы(когда курсор уходит за пределы сайта) открывать попап, там тоже все клики должны открывать страницу в новой вкладке- [ ] 3. В шапке сделать ссылке на категории с новостями, при наведение подчеркивать синей линией как в фигме и при клике и в активном состояние оставлять эту линию- [ ] 4. В футере кнопки соц.сетей должны делать шарринг ссылки в соответствующую соц.сеть и так же на странице полной новости- [ ] 5. при открытии новой странице в новом окне, в старой окне нужно перезагружать страницу на reload(так страница в фигме называется последняя)

Страница reload:- [ ] тут будут только тизерные блоки, для них нужно сделать разметку и линии читайте также и т.п.

Правки:

• На 1 странице(главной) идут 5 широкоугольных блока.

по фигме надо 4 как на скрине + чтобы были места для тизерных блоков

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

• тут же странице полной новости надо добавить место для указания источника, рандомное кол-во просмотров, и перед началом текста ссылки на похожие статьи

• в контенте полной новости нужно оставить места для тизерных блоков как в фигме
• правый сайд бар с тизерными блоками должен во время скролла быть закреплен до момента пока не до скроллить до блоков “Читайте также” как в примере
• на странице полной новости в конце контента добавить тоже шарринг соц.сетей
• после контента на странице полной новости должны идти только тизерные блоки с полосками “читайте также” и “рекомендуем” как в фигме
• поправить пункты 4 и 5 из раздела “Блоки” в ТЗ