Натяжка 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 страница
Популярные статьи всего сайта в сайдбаре.
Сайдбар
Сделать блоки виджетами.
Коды соцсетей я дам.
При установке новых виджетов они должны быть тоже в этом же дизайне, иметь такой же вид.
Писать только специалистам с отзывами. Укажите стоимость работы.
