Добрый день!
Начинаю изучать html, необходимо подключить файлы js и css к теме wordpress.
На выходе должны появиться цвета, при наведении мыши на них меняется картинка.
$(document).ready(function() {
$('.color1').hover(function() {
$('.img').css({"background": "red" })
});
$('.color2').hover(function() {
$('.img').css({"background": "blue"})
});
});
.color1 {
  float: left;
  margin: 10px;
  padding: 5px;
  background: red;
}
.color2 {
  float: left;
  margin: 10px;
  padding: 5px;
  background: blue;
}
.clear {
  clear: both;
}
.img {
  width: 200px;
  height: 300px;
  background: black;
}
<div class="color1">
Красный
</div>
<div class="color2">
Синий
</div>
<div class="clear">
</div>
<div class="img">
</div>