Существует огромное количество различных шаблонов WordPress. Существуют платные шаблоны,а также бесплатные.Казалось бы из такого разнообразия можно выбрать идеальный шаблон,но пройдет совсем немного времени и Вы возможно начнете замечать незначительные недоработки во внешнем виде шаблона WordPress. В этом случае нам придется привести в порядок ,те недоработки ,которые проглядел Web-дизайнер.
Если Вы выбрали один из бесплатных шаблонов,то велика вероятность что такой же шаблон выбрал кто-то еще,это легко проверить,впишите название своего шаблона в поиск от Google и нажмите на кнопку найти.
Я думаю Вы убедились сколько человек используют такой же шаблон как и у Вас.
Возможно Вы уже нашли подходящий именно Вам шаблон для WordPress,Вас в нем может абсолютно все устраивать,количество сайдбаров, количество столбцов для отображения, дополнительных пунктов меню или ссылок, но что-то Вам все равно хочется изменить в дизайне.Очень жалко, что такой возможности, как редактирование шаблона WordPress, разработчики не внесли в систему,но я хочу Вас заверить,не все так сложно, как может показаться на первый взгляд.
Поэтому, я думаю, мне не стоит Вас убеждать, немного видоизменить выбранный Вами шаблон wordpress. Как правило это не займет много времени, а результат будет просто колоссальным.
Итак приступим, нам понадобится:
1)Браузер <a href=’http://www.google.ru/chrome’>Google Chrome</a>
2)Редактор Notepad2
Спешу напомнить Вам, что мы тренируемся на шаблоне под названием zeedisplay.
Итак, открываем файл в котором находится описание всех блоков на нашем сайте, этот файл называется
Style.css, который находится в папке с темой.Что бы найти этот файл нам потребуется открыть папку с темой
Открываем данный файл редактором, который Вы должны были скачать в прошлом уроке.
Перед нами открывается окно с CSS кодом.
Вот как раз этот код мы и будем редактировать.
Допустим, Вы хотите поменять фон сайта,для этого нам нужно в тега
body изменить свойство background на свои значения цвета.
Давайте я поясню более детально.
Было:
Стало:
То есть простой заменой цифр в одной строчке, мы добились изменения фона шаблона WordPress, на всем сайте.
Итак продолжим редактировать шаблон WordPress, и следующим нашим шагом будет изменение рисунка который у нас находится в блоке “custom_header”, для этого в папке с темой находим рисунок под названием default_header.jpg
Нам необходимо знать размер данного рисунка.Все очень просто,нажимаем правой кнопкой мыши по рисунку и выбираем пункт “Свойства”
Далее переходим на вкладку “Подробно”
И тут мы можем увидеть Размер изображения. В данном случае размер у нас равен 900 на 140 пикселей.
Теперь наша задача найти рисунок, который мы хотим разместить вместо этого изображения,для этого нам потребуется найти его в интернете, либо нарисовать самим.Самое главное размер изображения должен совпадать с исходным.
Допустим, мы нашли подходящее изображение:
”Как его вставить на сайт”-спросите вы.Все очень просто.
Новое изображение нужно переименовать.Смотрим как называется исходное изображение.
И переименовываем точно также новое.
Дело осталось за малым,теперь нам новое изображение необходимо копировать в папку “images” нашей темы, и согласиться с заменой файлов.
Нажимаем Копировать с заменой.
Теперь смотрим на сайт.
Было:
А стало:
Таким образом, дорогие читатели можно производить существенные изменения шаблона WordPress,и настраивать шаблон WordPress под свои нужды.До скорых встреч!
В следующем уроке Вы узнаете какие первоначальные настройки необходимо произвести для удобной работы с Wordpres.