ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Простой ротатор (слайдер) контента для блога

Пост №   34  от 7 мая 2013   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

rotatorСлайдеров и ротаторов контента различных «мастей» и назначений в Интернет — куча. Сегодня хотелось бы поделить одним из простых вариантов вывода любого контента для блога под управлением WordPress, который можно легко «прикрутить», не напрягая мозг и сам блог.

Данный блок картинок, ссылок или видео будет неплохо смотреться, к примеру, в сайдбаре или в другом блоке, в конце страницы…


Во-первых: определимся со стилями вывода блока, а именно — с размерами. Если Вы хотите поместить данный слайдер в сайдбар, то необходимо задать параметры слайдеру, соответствующие размеру Вашего сайдбара. Для этого в css Вашей темы пишем:

Как видно из второго столбца с блоками, их там 10. У вас может быть сколько угодно — это зависит от того, сколько картинок, текстовых блоков будет добавлено в ротатор.

Во-вторых: добавим в header.php (в footer.php или sidebar.php) темы код скрипта, который отвечает за работу ротатора:

И последний шаг — выведем блоки в необходимом месте на странице или в текстовом виджете WordPress:

На этом все. Но можно сделать и проще, не задействовав шаблоны и css самого блога — вывести этот блок-ротатор фреймом. Для реализации данного варианта необходимо:

  • Создать HTML или PHP страницу
  • Прописать туда вышеприведенные коды, отредактировав каждую строку в зависимости от функционала каждого блока
  • Закинуть этот html файл в любую папку темы
  • И вывести в необходимом месте фреймом, прописав полный путь до файла (к примеру: rotator.html) в таком виде:

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: DesignJSWEB мастеру
Обновление статьи: 23.04.2013
Просмотров:   5472
Короткая ссылка: http://tinyurl.com/c4s2kgt

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 189
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33


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

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 82
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 1234
567891011
12131415161718
19202122232425
2627282930  
Aliexpress INT

MasterPRO в Twitter’e

I just uploaded “Сауна в квартире -это реально!” to #Vimeo: vimeo.com/221782129

Last week from Master PRO's Twitter via Vimeo · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое