Личный блог

Урок 4. Виджеты, баннеры

  • Изучаем виджеты на страничке виджетов

Виджеты — это очень просто! Обычно у сайтов есть сайдбар — боковая колонка (или две колонки). Соответсвенно, как добавлять что-то  боковые колонки? Очень просто! Идем в Внешний вид -> Виджеты и перетаскиваем мышкой виджеты слева направо, как показано стрелками на рисунке.

lesson4p1

Теперь идите на главную страницу своего сайта и посмотрите, что получилось — в боковой колонке у ас должно появится соответственно все то, что вы только что добавили в разделе виджеты, например, должны появится рубрики вашего сайта.

  • Добавляем виджет собственного меню

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

lesson4p2

 

  • Добавляем текстовый  виджет с баннером

Иногда хочется повесить в боковую колонку какой-нибудь баннер. Сделать это очень легко. Вот пример:

lesson4p3

 

Мы вставляем следующий текст:

<div style=»text-align: center;»><a
href=»http://zytv.ru»><img
style=»border: 0px solid ; width: 116px; height: 72px;» alt=»zytv»
src=»http://pavelkovalenko.ru/wp-content/uploads/2012/04/ZYTV_banner_yellow.png»></a></div>

Видим здесь две ссылки — первая - http://zytv.ru - указывает на тот сайт, куда вы попадете, нажав на баннер.

Вторая (http://pavelkovalenko.ru/wp-content/uploads/2012/04/ZYTV_banner_yellow.png)

- это собственно ссылка на графический файл. Вам достаточно взять свой любой графический файл, вставить его сюда, сохранить виджет — и баннер висит у вас в боковой колонке :-)

 

1 комментарий: Урок 4. Виджеты, баннеры

  • как сделать несколько виджетов рубрик с разными рубриками в них,потому что при добавлении второго виджета «рубрики»все рубрики из первого виджета автоматически копируются во второй а мне нужны разные,что можно сделать?

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

Ваш e-mail не будет опубликован.

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Учимся визуализировать за 5 дней:
Ваш e-mail: *
Ваше имя: *
Новые статьи блога:

Ваш e-mail:

Яндекс.Метрика