Здравствуйте, сегодня будем настраивать бесплатную wordpress тему – Twenty Fifteen, а именно: перенесем сайдбар слева направо, изменяем цвета блока контента и др.
PS: Статья в процессе написания…


Скачать исходники для статьи можно ниже

1. Переносим сайдбар слева направо.

В итоге получим:

Код для файла стилей – style.css (админка wordpress – в левом меню пункт “Внешний вид” – подпункт “Редактор” – справа в списке шаблонов выбираем файл style.css), можно просто добавить код в самый низ:

@media screen and (min-width: 59.6875em) {
	.site-content {
		float: left;
		margin-left: 0px;
		width: 70.5882%;
	}
	
	.sidebar {
		float: right;
		right:0;
		margin-right: 0px;
		max-width: 413px;
		width: 29.4118%;
	}
	
	body:before {
		right: 0;
		left:auto;
	}
}

2. Изменяем цвет блока контента:

Что получим:

Для этого можно использовать следующий код:

.hentry {
    background: #f4df30;
}
 
.entry-footer {
    background: #303030;
    color: #fff;
}
 
.entry-footer a {
    color: #fff;
}

Продолжаем…, чтобы сделать вот такую тему:

Нужно к выше написанному, зайти в админке в пункт “Внешний вид” и его подпункт “Настроить”, в нем зайти в подпункт “Цвета” и выставить следующие:

Цвет фона: #000000
Цвет текста заголовка и боковой колонки: #f7f7f7
Цвет фона заголовка и боковой колонки: #303030