УРОК 8 - Редактирование шаблона WordPress (Часть 2)

06.03.2014 17:00

Существует огромное количество различных шаблонов WordPress. Существуют платные шаблоны, а также бесплатные. Казалось бы из такого разнообразия можно выбрать идеальный шаблон, но пройдет совсем немного времени и Вы возможно начнете замечать незначительные недоработки во внешнем виде шаблона WordPress. В этом случае нам придется привести в порядок, те недоработки, которые проглядел Web-дизайнер.

 

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

Я думаю Вы убедились сколько человек используют такой же шаблон как и у Вас.

 

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

Поэтому, я думаю, мне не стоит Вас убеждать, немного видоизменить выбранный Вами шаблон wordpress. Как правило это не займет много времени, а результат будет просто колоссальным.

 

Итак приступим, нам понадобится:

 

1)Браузер 

2)Редактор Notepad2

 

Спешу напомнить Вам, что мы тренируемся на шаблоне под названием zeedisplay.

Итак, открываем файл в котором находится описание всех блоков на нашем сайте, этот файл называется

Style.css, который находится в папке с темой.Что бы найти этот файл нам потребуется открыть папку с темой

Редактирование шаблона WordPress

Открываем данный файл  редактором, который Вы должны были скачать в прошлом уроке.

Перед нами открывается окно с CSS кодом.

Редактирование шаблона WordPress

Вот как раз этот код мы и будем редактировать.

 

 

Допустим, Вы хотите поменять фон сайта,для этого нам нужно в тега

body изменить свойство background на свои значения цвета.

Давайте я поясню более детально.

Было:

Редактирование шаблона WordPress

Стало:

Редактирование шаблона WordPress

То есть простой заменой цифр в одной строчке, мы добились изменения фона шаблона WordPress, на всем сайте.

Итак продолжим редактировать шаблон WordPress, и следующим нашим шагом будет изменение рисунка, который у нас находится в блоке “custom_header”, для этого в папке с темой находим рисунок под названием default_header.jpg

Редактирование шаблона WordPress

Нам необходимо знать размер данного рисунка.Все очень просто,нажимаем правой кнопкой мыши по рисунку и выбираем пункт “Свойства”

Далее переходим на вкладку “Подробно”

Редактирование шаблона WordPress

И тут мы можем увидеть Размер изображения. В данном случае размер у нас равен 900 на 140 пикселей.

Теперь наша задача найти рисунок, который мы хотим разместить вместо этого изображения,для этого нам потребуется найти его в интернете, либо нарисовать самим.Самое главное размер изображения должен совпадать с исходным.

Допустим, мы нашли подходящее изображение:

Редактирование шаблона WordPress

”Как его вставить на сайт” - спросите вы.Все очень просто.

Новое изображение нужно переименовать.Смотрим как называется исходное изображение.

Редактирование шаблона WordPress

И переименовываем точно также новое.

Редактирование шаблона WordPress

Дело осталось за малым,теперь нам новое изображение необходимо копировать в папку “images” нашей темы, и согласиться с заменой файлов.

Редактирование шаблона WordPress

Нажимаем Копировать с заменой.

Теперь смотрим на сайт.

Было:

Редактирование шаблона WordPress

А стало:

Редактирование шаблона WordPress

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