Михаил

todomvc.com/examples/vanillajs

Если речь о движущемся фоне, то он реализован с помощью простого слайдшоу с кейфрейм анимацией.

@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: scale(5.0) rotate(80deg);
	}
}

+ сами слайды меняются с помощью js (хотя можно было тоже на кейфреймах это сделать, ибо всего 3 слайда).
Поверх него наложена сетка (можно хоть 1пиксельной картинкой делать или еще как угодно). Все крайне просто.
Вам никто не мешает изучить как у них все сделано через f12, стили у них не минимизированные.

Привет. все очень просто.
Используй массив с списком картинок и просто выбирай рендомную позицию и рендомную запись.

Q:Что почитать что повысить свой уровень знаний по javascript?
A:habrahabr.ru/post/117838

Q:Существуют ли какой нибудь сборник интересных задач и алгоритмов?
A:Усложнить имеющийся пример на клиенте
A:Опробовать javascript на сервере, Node.js
A:Попробовать другие языки программирования, такие как C/C++/Java или Ruby/Python/Go
A:Принять участие в проекте Эйлера, о том как это сделать -> habrahabr.ru/post/37379

.topmenu li{
	display: inline-block;
}

вместо этого:

.topmenu li{
    float: left;
}

Вообще строить раскладку на float, не понимая, как это свойство работает и какие побочные эффекты имеет - себе дороже.

Означает ли фраза "натянуть HTML-шаблон на WordPress" что в итоге должен получиться полнофункциональный сайт под управлением WP?

Да, именно это и означает. Это означает что нужно взять статический html, разбить на php-шаблоны (header.php, footer.php, sidebar.php, index.php, archive.php, single.php, page.php, search.php, 404.php и так далее). В самих шаблонах все динамические данные и все, что "захардкожено" перевести на соответствующие template tags, подключить вывод контента (через WordPress Loop, Widgets и тд). Поставить и настроить нужные плагины или дописать свой кастомный код (в functions.php или в свой собственный плагин(ы)) чтобы функционал был именно такой, как надо по ТЗ. Но эта часть (кастомный функционал) уже начинает выходить за рамки "натянуть шаблон".

В общем, на выходе после этой "натяжки" у вас вместо статического html должен быть работающий динамический сайт, контент которого клиент может редактировать в админке, и все изменения будут сразу отображаться на сайте.

И еще вот этот мой ответ почитайте.

И чуть-чуть под другим углом спрошу: при покупке готовой WordPress темы и ее установки на WP получится ли готовый сайт под управлением WP?

В целом - да. Но, большинство платных тем - это здоровенные тяжелые комбайны "на все случаи жизни", и банально установить тестовые данные (чтобы у вас было так, как в рекламе - то есть в демо на сайте продавца) бывает проблематично для не-специалиста. На любой фриланс бирже туча заказов на это ежедневно. Точно так же и на "кастомизацию" или допиливание напильником платных тем. Почему? Потому что эти универсальные комбайны, они как средняя температура по больнице. Подходят вроде очень многим под разные задачи, а на самом деле полностью не подходят никому.

Поэтому, действительно получить хорошую, качественную работу на базе WordPress можно только в одном случае - заказать под конкретно свои задачи у опытных wp-разработчиков. Только помните, разработчики - это php-программисты, которые умеют писать кастомный код под WordPress. Программисты, которые хорошо знают именно внутренности WordPress, и пишут под него, а не свои костыли сверху и сбоку. И не путайте с имплементаторами (не программисты, а "вебмастера", которые умеют найти говноплагин и установить его, максимум - пофиксить стили или копипастой вставить какой-то код, найденный в гугле).

То есть фактически получается что техзадание заменяется шаблоном (макетом)?

Нет. Если функционал хоть немного выходит за пределы стандартных (встроенных) фич WP - дальше придется допиливать руками, устанавливать (и часто затачивать) чужие плагины или писать свои. Готовых пллагинов - десятки тысяч, но далеко не все нормально написаны и на 100% подойдут под ваши задачи. В общем, для сайта, чуть сложнее чем блог, будет достаточно много кастомной работы, и для нее необходимо готовить ТЗ. Если кто-то вам говорит, что может за пару часов засетапить любой сайт на WP и сделать что угодно за 500-1000 рэ - вам попался имплементатор, который нихрена не понимает из того что делает, и все, что он выдаст - это очередной говносайт, проблем с которым будет больше, чем пользы.

У WordPress нет шаблонизатора в его общепринятом понимании - как Smarty, Twig, Dwoo, Savant и тд. Есть набор шаблонов (templates), которые WP подключает / использует в зависимости от того, что было запрошено. Есть четкая логика использования этих шаблонов.

Сами эти шаблоны - html-файлы, в которых все динамические данные (контент страниц/постов, ссылки, меню, аватары, комментарии, заголовки страниц, медиафайлы и тому подобное) вставляются с помощью Template Tags. Можно создавать и свои. По сути Template Tags - это php-функции, которые выводят или возвращают определенные значения.

Еще один важный момент - есть плагины и файл functions.php - эти части призваны отвечать за функционал. Например, функция в functions.php получает какие-то данные из базы, обрабатывает и возвращает результат. Этот результат можно вывести в шаблоне.

Также, одними из важнейших составляющих (и секретом гибкости WordPress) являются хуки - фильтры и экшны (filters and actions). Их, кстати, тоже можно свои создавать.

Документация, она же Theme Developer Handbook.

А также:

https://codex.wordpress.org/Theme_Development
https://codex.wordpress.org/Function_Reference
https://codex.wordpress.org/Plugin_API

Я, наверное, вас разочарую, но CMS/CMF-движки не имеют отношения к поисковой оптимизации (SEO). Поисковым роботам абсолютно безразлично, какую технологию вы используете, они учитывают другие параметры. Задача CMS — лишь помочь вам в этом. То есть «запороть» сайт и понизить его рейтинг можно на любом движке. На своём опыте могу сказать, что в MODX Revolution есть отличная система кэширования, которая положительно воспринимается поисковиками, т. к. увеличивает скорость генерации и загрузки страниц, система минификации и «склеивания» скриптов и стилей MinifyX (вообще, эти задачи должны решаться до выгрузки файлов на сервер, но если лень …), ЧПУ-генерация, коды ошибок 403 и 404, автогенерация Sitemap и прочее. По этому вопросу книгу можно написать, если честно — куча практик хороших и не очень.
WordPress — отличная CMS, но она в какой-то мере ограничивает разработчика дополнениями, если их функционал приходится изменять или расширять. Архитектура MODX позволяет контролировать вывод любого дополнения (если автор соблюдает парадигму, конечно), но я бы советовал, если выберите его, обратить внимание на Revolution-ветку, т. к. предшественник, Evo, официально прекратил свое существование и больше не развивается.
P. S. Кстати, MODX Revo гораздо безопаснее в плане защиты от взлома.