Натяжка cвёрстаного дизайна на Wordpress

Необходимо сделать вёрстку и натяжку дизайна на сайт, работающий на Wordpress.

Общее

●    Вёрстка по стандарту HTML 5. В верхней части документа –

●    Чистая вёрстка. Стараться уменьшить количество кода.

●    Семантическая разметка шаблона (header, footer, article, aside, nav и так далее)

●    Валидность согласно https://validator.w3.org.

●    Наличие микроразметки (проверка микроразметки: https://search.google.com/structured-data/testing-tool, https://webmaster.yandex.ru/tools/microtest/)

●    Заголовочные теги применяются при верстке только текстовых блоков. Должен быть только один h1 на страницу. Заголовки h1-h6 только для контентной области, то есть, только в статье. Сайдбар и прочие ссылки не в статье должны быть без h1-h6, делать только div.

●    Отсутствуют циклические ссылки.

●    Тема оптимизирована для мобильных устройств. Есть дизайн главной для ПК, планшета и мобильный.

●    Показатели Google PageSpeed достаточно высоки. Показатель скорости загрузки должен быть от 85% и выше. На мобильных и ПК.

●    Сайдбар по коду после контентной части.

●    На всех страницах сайта должны обязательно выводиться Title, Description, H1 стандартными средствами плагина Yoast SEO.

●    Оплата по завершению работы или по этапам. Последний этап - полностью работающая тема на моём хостинге.

Дизайн таблиц и списков показан в дизайне.

Плагины, которые я использую обязательно:

Table of Contents Plus – сделать содержание в ноиндекс и без span внутри заголовка (есть пример готового плагина, но с другими дизайнами).

WordPress Popular Posts - популярные записи

Yoast SEO – из него выводятся Description в анонс статей

Yet Another Related Posts Plugin - похожие статьи

Все плагины уже установлены на сайте. Нужно, чтобы все плагины работали в соответствие с дизайном даже после их обновления.

Устанавливать плагины, менять что-то на сайте, создавать страницы можно только по согласованию.

Картинки должны быть сжаты без потерь максимально.

При работе желательно не использовать фрейморков, включая Bootstrap. Код должен быть чистым и максимально компактным.

Шапка и футер

В шапке рубрики. В мобильной версии сворачиваются в меню. В футере стандартные страницы сайта.

Главная

Популярные статьи – это популярные статьи всего сайта, должны выводится с помощью плагина WordPress Popular Posts.

Ниже вывод заголовков последних статей из каждой рубрики.

Ниже вывод голосования (не сделал ещё) и самых обсуждаемых статей сайта.

Ещё ниже группы из соцсетей и подписка на рассылку.

Рубрика

В рубриках в начале выводятся описание рубрики.

Дальше выводятся лучшие статьи этой конкретной рубрики. В каждой рубрики они свои.

Дальше "Все статьи рубрики", как в стандартном Wordpress по 10 статей на страницу, ниже пагинация.

Статьи

Вверху выводится хлебные крошки, без ссылки на эту страницу или статью.

Дальше Заголовок статьи в H1.

Ниже содержание статьи, которое выводится с помощью плагина Table of Contents Plus. Он есть готовый, но нужно будет сделать по дизайну.

Блоки Важно, Совет, Внимание сделать шорткодами. У меня на других сайтах так было:

[important] текст блока [/important] - ВАЖНО

[advice] текст блока [/advice] - СОВЕТ

[attention] текст блока [/attention] - ВНИМАНИЕ

Либо сделать просто выделение текста и по кнопке в админке создание этих блоков, типа как в теме Root.

Цитата стандартными средствами Wordpress.

H1, H2 и так далее в заголовках указан просто для понимания, какой тут заголовок статьи, на сайте в реальности такого быть не должно конечно.

Внизу статьи кнопки - Поделиться статьёй с друзьями в социальных сетях от Яндекса.

Под статьей разместить форму комментариев от Вконтакте, Facebook и стандартную. Коды соцсетей вам дам.

Ещё ниже выводятся похожие статьи при помощи плагина Yet Another Related Post Plugin (YARPP) с картинками – Thumbnails (4 штуки).

404 страница

Популярные статьи всего сайта в сайдбаре.

Сайдбар

Сделать блоки виджетами.

Коды соцсетей я дам.

При установке новых виджетов они должны быть тоже в этом же дизайне, иметь такой же вид.

Писать только специалистам с отзывами. Укажите стоимость работы.