rss

Child-theme — логотип. Урок 3

(1 оценили, 5 баллов, средний: 5,00 из 5)
{lang: 'ru'}

В прошлом уроке мы с вами  - устанавливали нестандартный шрифт в wordpress В этом уроке будем с вами добавлять в нашу тему свой логотип. Хотя можно, конечно, оставить блог просто с надписью и не парится. Но, если будет маленькая картинка, которая поможет вашему блогу хоть как-то отличиться от множества других, то думаю стоит потратить 3-4 часа, чтобы сделать хоть какое-то его подобие, либо нанять дизайнера на фриланс-сайте и за 20-50$ сделать, что-то более менее смахивающее на профессиональное.

Я пошаманила часика полтора в photoshop и сделала простенький логотип.
Вот так он выглядит.

logo

Этот логотип нам и предстоит с вами внедрить на наш блог.

1. В файле header.php должны быть следующие строки

 

Код должен быть обязательно

<hgroup>
<h1 id=»site-title»><span><a href=»<?php echo esc_url( home_
url(
‘/’ ) ); ?>» title=»<?php echo esc_attr( get_bloginfo(
‘name’,
‘display’ ) ); ?>» rel=»home»><?php bloginfo( ‘name’ );
?></a></span></h1>
<h2 id=»site-description»><?php bloginfo( ‘description’ ); ?></
h2>
</hgroup>

 

Если этого кода там нет, то добавьте его куда-нибудь поближе к открывающему тегу <body>

2. Теперь в файл стилей - style.css нужно внедрить следующий код:

 

Style.css

#site-title {padding: 7.1em 0; background: url(/kak_izmenit_logotip_v_wordpress//index.html) 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

И уже в эту папку положите логотип созданный вами.

Все теперь мы молодцы. Выглядит вполне симпатично:

child-theme-modern-15

Скачать материал по этому уроку:

И порция безудержной и бескрайней дурости напоследок

Нет меток к этой записи

Получайте уроки по почте:

7 Comment , источник - wordpress-f1.ru

Comments (7)

  1. Zen:

    Оксана, уточни по поводу rel=»home» в HTML 5 … В прошлом году летом он уже не котировался валидатором.

    • wordpress-f1:

      Насколько я знаю, rel до сих пор дополняются, ряд новых тегов микро разметки было добавлено в html5. Проверить как относится валидатор к rel=»home» очень просто, достаточно создать документ и вбить его в строку валидатора, я не сталкивалась с тем, чтобы он его отверг на основе этого, если тебе посчастливится найти такую ошибку — поделись находкой.
      Тогда как тег hgroup употребленный в новой теме Twenty Eleven — устаревший. Тогда как здесь, обрати внимание:

      <link rel="profile" href="http://gmpg.org/xfn/11" />
      <head profile="http://gmpg.org/xfn/11">

      на вторую строку валидатор будет ругаться, тогда как первая валидна.

  2. Zen:

    Дело в том, что WP это любительская разметка … Их много, но это не стандарт. Ничего страшного, но это будет не очень правильно. Google одно, Yandex другое … Mail.ru c Rambler вообще жгут вечно.

    Proton RDFa посмотри в Google. Занимался темой около двух лет назад … Забил нафиг.

    [code]

    test index

    Home, sweet home

    [/code]

    Valid, 3 Warnings …

    Хех … Вернули на место. Извини за ложный кипешь … Ругался из-за валидатора часто … надоело. Меняется все … Все бесит.

    hgroup вообще брать не стал из-за срача на HTML book … и на html book ходить перестал.

    Вот этот вот вордпресовский это SGML, который колличественно парсится по любительски поисковиками. С точки зрения стандарта — это не то.

    Там c Open Graph постепенно тоже самое происходит. Все что социалок касается стает удобным и простым в понимании, но это не по Spec.

    Забей на валидатор. С голоду — не сдохнешь ;)

    • wordpress-f1:

      Нет, ну валидный шаблон на wp-можно сделать, проблем особых нет. Все дело в направленности шаблона, если он бесплатный и на коленке абы был, то там можно и наткнутся на 218 ошибок, а если под продажу, то максимум 2, а то 0 ошибок

  3. Zen:

    У меня за инвалид раньше ранжирование вылетало … Сейчас немного дургое происходит. Я задолблася парсеры настраивать … до блевоты уже.

    Берешь эти namespace и разметку у Ya или Goo. Кое как заводишь эти метаданные вместе , все рабоатает, а потом чпук и оно неактуально … Щас лучше стало, раньше им вообще пох было на спецификацию.

    Если ты берешься за экспериментальную спеку — тебе обязательно помогут подтянуться и поправить ошибки. Тебе даже обращаться ни к кому не надо … Нужные материалы сами подвернутся на глаза и ошибочки мелкие появятся, чтобы ты не забыла. Это происходит наверное не совсеми, но если ты на это не обращаешь внимания, то обязательно намекнут.

    Это влияет и не мало … На поисковики влияет, иначе будешь в хвосте тащиться по выдаче( это в том смысле, что можно жить вообще без продвижения ). Ну и продавать это с ошибкой дело совести.

    Не торопись. Грабельки не мои …

    • wordpress-f1:

      да, ты прав на выдачу это влияет, но лучше это убирать со временем, т.е. вообще заострять на этом внимание, когда уже что-то хотя бы есть. Т.е. действительно лучше шаб купить http://wordpress-f1.ru/premium-shablon-besplatno/ либо сидеть и делать самостоятельно. Если оба варианта не подходят, то взять максимально безошибочный благо их предостаточно, те же 2011, 2012.
      Да и хочу заверить, в том что «корявый» шаблон влияет на выдачу, но(!) это не смертельно, проверено, как только у веб-мастера, что называется, доходят руки до шаблона и он переверстывается (кстати надеюсь и сама найти время на свой :( ), то реакция от ПС довольно-таки быстрая. Но хочу еще заметить, что это все вкупе, влияет на выдачу, а валидация всего лишь один из факторов — вес, так называемый для сайта, складывается из множества параметров и валидность имеет не первые места.
      Ты серьезно решил заняться сео?

      • Zen:

        Я им вообще не занимаюсь … Было время пока в игрушки играл и учился. Верстать научился, программировать на JS, сервера настраивать, Linux ломать и прочее … Сейчас подтягиваю оставшиеся в памяти моменты, довожу понимание до конечной точки. Вспоминаю пару сайтиков над которыми корпел по ночам и делал там все красиво и удобно … Вспоминаю жесткий диск с гвоздиками. Разработкой заниматься собираюсь … От одной платной программки прибыли больше. Таких не напрягают.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: