Как редактировать дизайн сайта, когда ты мало еще знаешь, как что устроено. На самом деле есть очень простые и доступные инструменты, которые даже скачивать не надо. Они встроены в сам браузер. Лично мне, больше всего нравится отображение в Google Chrome, хотя в Mozilla Firefox тоже есть подобный.

Сам шаблон сайта, обычно хранится в отдельной папке. Описание назначения файлов можно найти на сайте поддержки самой CMS. В них задается порядок вывода страниц, сайдбаров, настраивается оформление. Цветовая схема и размеры шрифтов располагаются в файлах с расширением css, что позволяет управлять всем внешним видом в одном месте.

Просматривая свой сайт в Mozilla Firefox, достаточно кликнуть правой кнопкой мышки на интересующем объекте и выбрать меню – "исследовать элемент". Получаем следующую картинку, которая ниже. Видим 2 панели инструментов, справа и снизу, которые показывают структуру элементов сайта.

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

Эти инструменты позволяют не только увидеть и понять, как что устроено. Есть возможность менять настройки и сразу видеть изменения. Таким образом, можно получить нужные параметры и цвета, а уже потом применить их к своему сайту, вписав в файл стиля. Чем не визуальный редактор? Жаль, что саму разметку html не показывает по файлам, только стили.

Удобно, что сразу видно номер строки, в которой необходимо произвести изменения. Так же можно найти на других сайтах необходимые настроечки, которые хочется сделать у себя. Вот так и учимся потихоньку, пробуя, ошибаясь, экспериментируя и добиваясь результата. Если появятся вопросы, пишите. Руководство краткое, в расчете на самостоятельное изучение вопроса. Посмотреть водео, как это делается, можно в статье Как можно подобрать себе дизайн с помощью Google Chrome?