faviconЯ очень серьезно отношусь к таким мелочам как favicon и фон блога. И если кто-то из юзеров вордпресс тоже хочет поменять эти вещи, но не знает как – читайте этот пост.

Начну с favicon. Для начала нужно ее нариcовать, для этого можно взять любую картинку, которая вам по душе, иконка обязательна должна быть в формате .ico, поэтому если не имеете возможность создать ее в таком формате сами, то на помощь придут он-лайн сервисы. Можете погуглить и найдете кучу таких сервиcов, если лень, то юзайте вот этот favicon.ru. Далее нужно будет залить иконку на хостинг. Если вы уже сумели поставить вордпресс, то думаю проблем с этим не возникнет.

Далее заходим в панель редактора внешнего вида, ищем там файл header.php, находим там тэг
и сразу после него вставляем вот такой код:
<link rel=»shortcut icon» href=»http://www.ВАШ_ Домен.ru/имя_иконки.ico»> (название обязательно должно быть на латинице) Для наглядности код для моей иконки следующий :

<link rel=»shortcut icon» href=»http://www.schtolcman.ru/favicon.ico»>

Что же, теперь сохраняем изменения и обновляем браузер. Если все сделали правильно, то наблюдаем картинку в нужном месте и с чувством глубокого удовлетворения переходим к изменению фона блога.

Тут проблем конечно немного побольше, но нет ничего невозможного.

Опять же для начала нужно нарисовать (скачать) элемент фона. На моем блоге из-за немного креативного дизайна поставленный фон очень портит вид, и поэтому для меня эта затея осталась позади. Но с вами не поделиться я не могу.  Заливаем картинку фона на хостинг в следующей последовательности

/wp-content/themes/название темы/images

Далее опять открываем редактор внешнего вида, на этот раз нам потребуется список стилей (style.css).

Находим там следующий код

body {
position: relative; /* Fixes browser resizing bug in IE6 */
margin: 10px auto;
width: 980px;
font-family: ‘trebuchet ms’, arial, sans-serif;
text-align: center; /* IE Centering Technique */
background: black;

}

У вас он может быть другим, в общем нам важно то, чтобы все изменения мы совершали внутри body { }, за изменение фона отвечает background: black; (как вы выдите на моем блоге фон черного цвета). Цвет можете задать числовым кодом, кодировку цвета вам покажет практически любой графический редактор (кроме Paint наверное).

Чтобы заменить просто цвет заливки на картинку нам необходимо сделать следующее

background: url(images/имя вашей картинки.png);

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

Если что-то будет некорректно работать, либо возникнут сложности – пишите комменты, помогу чем смогу.