Как изменить логотип в wordpress {lang: ‘ru’}
В прошлом уроке мы с вами — устанавливали нестандартный шрифт в wordpress В этом уроке будем с вами добавлять в нашу тему свой логотип. Хотя можно, конечно, оставить блог просто с надписью и не парится. Но, если будет маленькая картинка, которая поможет вашему блогу хоть как-то отличиться от множества других, то думаю стоит потратить 3-4 часа, чтобы сделать хоть какое-то его подобие, либо нанять дизайнера на фриланс-сайте и за 20-50$ сделать, что-то более менее смахивающее на профессиональное.
Я пошаманила часика полтора в photoshop и сделала простенький логотип. Вот так он выглядит.
Этот логотип нам и предстоит с вами внедрить на наш блог.
1. В файле header. php должны быть следующие строки
Код должен быть обязательно » title=»» rel=»home»>
Если этого кода там нет, то добавьте его куда-нибудь поближе к открывающему тегу
2. Теперь в файл стилей — style. css нужно внедрить следующий код:
Style. css #site-title {padding: 7. 1em 0; background: url(«images/logo. png») no-repeat scroll 0 1em transparent; margin-right: 270px; } #site-title a {color: #1982D1; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none; margin-left: 240px; } #site-description {color: #7a7a7a; font-size: 14px; margin: -90px 270px 4. 79925em 242px; }
#site-title — это внутренний тег самой wordpress, чтобы не изобретать велосипед.
#site-title a — это название вашего блога.
#site-description — это описание (здесь обычно пишется чему посвящен сайт или блог).
3. Итак, осталось только закачать через ftp или через менеджер файлов на хостинге картинку с логотипом.
Закачиваете ее в папку images, которую предварительно нужно создать здесь wp-content/themes/teddy
И уже в эту папку положите логотип созданный вами.
Все теперь мы молодцы. Выглядит вполне симпатично:
Скачать материал по этому уроку:
И порция безудержной и бескрайней дурости напоследок
[embedded content]
Похожие статьи:
Нет меток к этой записи