Блог Мудрого Кота
Советы и уроки для вебмастера, монетизация сайта и немного о SEO
Главная - PHP - Делаем ротатор ссылок/баннеров/картинок/цитат при помощи короткого php кода

Делаем ротатор ссылок/баннеров/картинок/цитат при помощи короткого php кода

random

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

Ротатор ссылок:

Недавно я заметил, что на блоге «7 bloggers» есть вот такая вот кнопочка:

Ротатор ссылок

Если нажать на неё, то вы попадёте в случайную статью, опубликованную на блоге.
Кстати если заглянуть в исходный код, то мы увидим уже готовую ссылку такого вида:

Тоесть никаких php функций и скриптов там (в исходном коде) – нет, и просто так «стырить» эту штучку не получится.
Хотя мы её тырить и не будем, мы будем учиться реализовывать её на своём сайте, при чём своими силами.

Итак, делать мы её будем при помощи php функции. Но обо всё по порядку.

Для начала нам потребуется текстовый документ с текстами наших ссылок, кстати тексты ссылок должны быть не простые, а обрезанные.

Итак, создаём наш текстовый файл, и открываем карту сайта или просто любую статью, копируем код, который идёт после:

http://адрес_сайта/

Пример:

Ссылка: http://blog-kota.ru/prava-na-faylyi-i-papki-wordpress.html

Необходимый нам текст: prava-na-faylyi-i-papki-wordpress.html

Итак, вставляем этот текст в наш файл. При этом каждую новую ссылку нужно вставлять с новой строки.
Я вписал в свой файл 10 ссылок, вот скрин файла:

скриншот

Теперь сохраняем этот файл с именем gen.txt (ну или любым другим, главное потом код подредактируйте).

Теперь загрузите файл gen.txt на свой сайт, и скопируйте ссылку.

Весь код функции будет выглядеть вот таким образом:

<a href='http://blog-kota.ru/
<?php $f=file('http://blog-kota.ru/primeri/random/gen.txt');
$v=array_rand($f); echo "$f[$v]";?>'>
Тут кнопка
</a>

Но, просто показать вам код – мало. Нужно, чтобы вы знали, что и за что отвечает в этом коде.
Итак:

Самая первая строчка:

<a href='http://blog-kota.ru/

Это адрес блога, и по совместительству первая часть нашей ссылки.

граница

Сердце:

<?php $f=file('http://blog-kota.ru/primeri/random/gen.txt');
$v=array_rand($f); echo "$f[$v]"; ?>'>

Это непосредственно сама php функция, которая и будет доставать из файла gen.txt необходимую нам ссылку.
Я думаю, вы поймёте, что вместо адреса моего файла, вы должны поставить свою ссылочку.
А что касательно переменных, то они работают так:
$f – считает кол-во строчек в файле gen.txt;
$v – случайным образом выбирает строчку;
$f[$v] – выводит информацию $v из строчки $f полученную в предыдущем шаге;

граница

Кнопка:

Тут кнопка

Здесь вы делаете кнопку при нажатии на которую вы попадёте в случайную статью.
Кнопка может выглядеть так (текст):

- Рандом
- Случайная статья
- Тыкни и испытай счастье
- Мне повезёт
- и т.д.

Или вместо текста вы можете вставить картинки:

Кнопки

Вот и всё, наша функция готова, как видите ничего сложного нет.

Теперь поговорим, как при помощи этой же функции сделать ротатор баннеров, цитат или любой другой ротатор.

Кстати не забывайте, что, совсем, скоро я опубликую статью,
в которой будет подборка бесшовных фонов для ваших сайтов и блогов.
Поэтому обязательно подпишитесь на RSS!
Чобы этого не пропустить!

Ротатор баннеров:

Для начала сделаем ротатор баннеров, для этого переделаем наш файл gen.txt и непосредственно саму функцию.

Для начала изменим файл:

Ротатор баннеров

Как видите: с каждой новой строчки начинается код для вставки картинки.
А теперь измени код функции:

<?php $f=file('http://blog-kota.ru/primeri/random/ban.txt'); 
$v=array_rand($f); echo "$f[$v]"; ?>

Тоесть теперь мы просто убрали ссылку, и выводим только тот код, который указан в файле gen.txt.

Кстати если вам нужны баннеры, которые были бы кликабельны, и каждый баннер имел бы какую-либо ссылку, то код в файле gen.txt нужно сделать такой:

<a href='ссылка'>код картинки</a>

Ротатор цитат:

То же самое, что ротатор баннеров, только вместо кода картинок с каждой строки должна идти какая-либо цитата.
Пример:

sld;ifghesrd

Демо ротатора:

Посмотреть что получилось

На этом всё.
Я думаю, вы найдете, как использовать информацию, которую получили из моей статьи.
А я желаю вам удачи!
Всегда ваш Мудрый Кот.

Ну, а на последок у меня для вас офигенное видео, которое рассказывает о том, как развивался игровой мир: История игровых движков.

Подпишись и получай новые записи первым!

Подписаться вы можете с помощью или , но самый удобный способ это:

Ещё по теме:
Информация о статье:
Опубликовано: 17 января 2012, в рубрику PHP.
Теги: .

Поделись статьёй с друзьями:

Оставляя комментарий - вы автоматически принимаете участие в конкурсе комментаторов, и имеете возможность выиграть очень, классные призы!
I место - Сквозняк!
II место - Заметка!
III место - 200 Рублей!
Подробнее о конкурсе тут.

Оставь коммент, не будь бякой!

  • Артем
    17.01.2012

    Вот эта статья уже действительно находка. Тут даже комментариев не нужно. Коли не умеешь программировать и не знаешь php,но занимаешься созданием сайтов, или хотя бы балуешься с одним, то иметь эту страницу в закладках просто обязан.
    Супер)). :-o

    [Ответить]

  • Виктор
    18.01.2012

    Круто! Как-раз на новом проекте хочу разместить ротатор цитат. Теперь даже искать эту инфу не придется.

    [Ответить]

  • Иван
    18.01.2012

    а чего себе не поставил ротатор?
    видюха отличная! не геймер, но позырить было интересно 8)

    [Ответить]

    Мудрый Кот ответил(а):

    А куда мне его впихнуть то? :lol:
    Скажи ты себе сами такой ник поставил, или это у меня косяк?

    [Ответить]

    Иван ответил(а):

    хехе — пихать то вроде некуда) сайдбар забит)))
    блин ник был Иван… потом смотрю какой то глюк думал пройдет))) сейчас глянул а он у меня сменен почему то…
    поправил — пасибо

    [Ответить]

    Мудрый Кот ответил(а):

    Ник изменил :wink:

    [Ответить]

  • alextm594
    18.01.2012

    Отличная статья, спасибо! Вот-вот буду блог открывать, пригодиться.

    [Ответить]

  • alf2011
    19.01.2012

    Для начала нам потребуется текстовый документ с текстами наших ссылок, кстати тексты ссылок должны быть не простые, а обрезанные.

    Я так понимаю, что имеются ввиду URL :roll:

    [Ответить]

    Мудрый Кот ответил(а):

    Ну я просто стараюсь как можно проще говорить :arrow:

    [Ответить]

    alf2011 ответил(а):

    Просто мне сначала показалось, что нужно печатать анонсы ссылок :?: и только подом дошло, что это все-таки их адреса :wink:

    [Ответить]

    Мудрый Кот ответил(а):

    Ну я же скрин сделал специально :wink:

    [Ответить]

  • Иван
    19.01.2012

    Котик, а ты в ЯК пробовал на бесплатной основе? или сразу за бабосики?
    пс
    извини что оффтоп)))

    [Ответить]

    Мудрый Кот ответил(а):

    Пробовал конечно :wink:

    [Ответить]

  • Роман
    19.01.2012

    Надо бы попробовать.

    [Ответить]

  • Я тоже хочу в ЯК
    19.01.2012

    Чтобы проситься в ЯК надо 5 выходов в топ10 иметь, актуальных.

    По теме:
    А мне нравится крутить чужие банеры через javascript. можно сразу 10 крутить и санкций за это не получать, поисковики не понимают js.
    А свои банеры конечно лучше показывать средствами движка. Например, как здесь, через php.

    [Ответить]

  • alf2011
    19.01.2012

    Вопрос не совсем по теме :roll: В самом WordPressиспользуется функция wp_tag_cloud(). В ее описании указываются такие параметры, как
    order =’RAND’ – случайный порядок сортировка
    number=’45’ – количество выводимых меток
    Как при ее работе с такими параметрами будут выводится теги 1) Только первые из 45 введенных в случайном порядке или 2) выбираются в случайном порядке 45 меток со всего списка :?:

    [Ответить]

    Мудрый Кот ответил(а):

    хер его знает, скорее всего вариант «1″

    [Ответить]

    alf2011 ответил(а):

    Cпасибо :-D Хотя мне больше нравится второй вариант, но прийдется смирится :cry:

    [Ответить]

    Иван ответил(а):

    alf2011 8) молочка не желаешь?

    [Ответить]

  • Иван
    20.01.2012

    блин котяра))) опять у меня ник корявый :-x что то русские буквы он переводит сам гад… с помощью чего организовывал такую штуку или это дефолтные настройки ВП?

    [Ответить]



:wink: :twisted: :roll: :oops: :lol: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)

*


Подпишись на обновления блога:

RSS    twitter    e-mail


118 подписчиков

102 фолловера


Подробно:

Как создать сайт с онлайн фильмами
Как создать сайт с онлайн фильмами
Создание

Раскрутка

Монетизация



Как создать шаблон и дизайн для сайта
Как создать шаблон и дизайн для сайта
Макет

Разметка

Вёрстка


  • Лучшее
  • Советую
  • Новое

Я читаю:

Записки ночного блогера
Blogger.omg-linux