Кастомизация wordpress темы

Как мы уже говорили в теме по установке и настройке WordPress блога, мы использовали готовый фреймворк bootstrap. Конечно, его еще нужно было доработать, однако, это занимает не больше 2-3 часов работы, чтобы достичь почти идеального результата.

Итак, чтобы изменить дизайн bootstrap «под себя», необходимо зайти во вкладке «Внешний вид» в Редактор. В редакторе в самом внизу справа необходимо выбрать css файл style.min.css. В самом конце этого файла необходимо вносить правки, таким образом, не будет повреждена структура bootstrap и вы сможете безболезненно обновлять тему, при этом будут оставаться ваши изменения в дизайне. Естественно, все ваши правки в css файлах надо будет добавлять заново.

Все css правки, которые мы добавляли, чтобы привести дизайн к тому виду, который сейчас:

.widget-title{color:#999;}
h1.entry-title, h1.entry-title a, li a{color:#727070;}
h1.entry-title a:hover, li a:hover{color:#AEAFAF;text-decoration: none;}
h1,h2{font-weight:normal;}
h1.page-header, h1.entry-title{line-height: 1.5;}
ul {list-style-type:none;}
.navbar-inner {background-color:#fff; background-image:none;border:0px;box-shadow:none;}
.navbar .nav > li a{font-size:28px;text-shadow:none;color:#1A8CC5;}
.navbar .nav > li a:hover{color:#000;}
.navbar .nav .active > a, .navbar .nav .active > a:hover {background-color:#fff;color:#000;}
#author-info, article.post, article.page {margin-bottom: 20px;}
.entry-content {margin-bottom: 10px;}
.page-header {padding-bottom: 0px;padding-top:15px;border: 0px;}
footer.entry-meta{border: 1px solid #E5E5E5;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 5px 10px; float: left;margin-bottom:30px;}
.span12{margin-top:40px;}

Этих правок вполне хватит, чтобы ваш дизайн выглядел красиво.

Все остальные правки в коде bootstrap Вы делаете на свой страх и риск. Хотя, если Вы не планируете обновлять тему, то ничего страшного не произойдет.
Если Вам понадобилась оптимизация блога wordpress, которая подразумевает увеличение скорости сайта и уменьшения потребления ресурсов, мы расскажем о ней здесь.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *