Как изменить логотип в wordpress (1 оценили, 5 баллов, средний: 5, 00 из 5)
{lang: ‘ru’}
В прошлом уроке мы с вами — устанавливали нестандартный шрифт в wordpress В этом уроке будем с вами добавлять в нашу тему свой логотип. Хотя можно, конечно, оставить блог просто с надписью и не парится. Но, если будет маленькая картинка, которая поможет вашему блогу хоть как-то отличиться от множества других, то думаю стоит потратить 3-4 часа, чтобы сделать хоть какое-то его подобие, либо нанять дизайнера на фриланс-сайте и за 20-50$ сделать, что-то более менее смахивающее на профессиональное.
Я пошаманила часика полтора в photoshop и сделала простенький логотип.
Вот так он выглядит.
Этот логотип нам и предстоит с вами внедрить на наш блог.
1. В файле header. php должны быть следующие строки
“title=”rel=”home”>
Если этого кода там нет, то добавьте его куда-нибудь поближе к открывающему тегу
2. Теперь в файл стилей — 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]
Нет меток к этой записи
Получайте уроки по почте: