Верстка и программирование блога на WordPress
Добрый день, коллеги. У нас есть блог spectr.media/blog. Нужно сделать по нему работу. Все макеты находятся в figma, никакого фотошопа. Доступ предоставляю
1. убрать вот этот баг в шрифтах:
https://spectr.media/blog/yandex-direct/regulyarnaya-otchyotnost-o-hode-raboty/
2. Сделать заголовки четче, а то они расплывчатые http://prntscr.com/k6wkuu
Возможно, уменьшить жирность заголовков. В мобильном сейчас из за расплывчатости и жирности смотриться ужасно. Аналогично у тегов шрифт расплывчатый http://prntscr.com/k6wlnu
3. Делаем header и меню для блога http://prntscr.com/k6wm34.
Страница статьи. Файл прикрепил для наглядности
Смотри, сейчас у нас шаблон на всю ширину выглядит так https://spectr.media/blog/google-adwords/zachem-platit-za-vedenie-reklamy/
1. Нужно сделать первый экран вот так: http://prntscr.com/k6wo9w
2. ul>li надо задать им НЕ по умолчанию какой то класс, чтобы была возможность выводить вот так: http://prntscr.com/k6wojp
3. нужно создать такой класс, который позволит выводить текст прямо на картинке http://prntscr.com/k6wosa (идеально бы вывести его в панель в статье)
4. Нужно создать такой класс, который позволит таким цветом делать текст (http://prntscr.com/k6wozy)
5. Нужно сделать заголовок h4 вот таким способом http://prntscr.com/k6wphu
6. Задать класс для цитат http://prntscr.com/k6wqe7
7. Отзывы сделать как на макете
За основу берите шрифты на этом макете, просто поправить надо.
Все должно хорошо выглядеть во всех устройствах
Футер
Он уже сверстан вот на этом лендинге spectr.media/adwords
Там есть кейсы в нем. Сюда должны попадать последние 3 записи или те записи, что мы укажем с тегом кейсы. Возможно, нужно будет добавить этим записям отдельное поле для картинки для вывода в футере.
Сделать перевод темы