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

Для начала надо найти то место, где находится нужная нам картинка. Расскажу на примере темы моего блога (я использую бесплатную SimpleBalance). То зеленое дерево, которое вы можете наблюдать слева, находится у меня в папке simplebalance/img/curlygreen и имеет название pic-sidebar.jpg. Я его переименовал на pic-sidebar_1.jpg (а все остальные изображения, которые будут смотреться хорошо с данной темой, следует называть также, как и предыдущее изображение, только на цифру больше и все они должны быть одинакового размера). После этого я открыл файл lsidebar.php и нашел там такой кусочек кода: <li class=»leftPic»></li>. Он отвечает за вывод этого самого изображения (leftPic – это класс, прописанный в файле style.css).

Затем вместо выше указанного кода я вставил следующий: <li><img src=»http://ledniov.ru/wp-content/themes/simplebalance/img/curlygreen/pic-sidebar_<?php echo(rand(1,3)); ?>.jpg»
width=»200″ height=»250″ /></li>
</li>

В этом коде все просто. Прописан адрес картинки и в конце него небольшой php код, который генерирует случайные числа (в моем случае взяты от 1 до 3), которые являются окончаниями названий картинок. Если картинок будет 4, то, соответственно, надо брать от 1 до 4 и т.д.. Я надеюсь, что понятно :)

Затем я просто сохранил файл  lsidebar.php и обновил главную страницу. Вуаля, готово! Но правда сейчас на блоге вы не увидите этого, потому что я вернул все обратно. Теперь надо будет заняться поиском подходящих картинок и прикрутить их к теме. Думаю, что уже вечером все будет готово :)

В целом алготирм выглядит так:

1. Находим папку, где лежит картинка, смотрим, какой у нее размер и ищем подходящие картинки.
2. Переименовываем все картинки в таком формате: kartinka_1.jpg, kartinka_2.jpg, kartinka_3.jpg и т.д. (имена и расширения могут быть разными).
3.  Находим в коде те строки, которые отвечают за вывод изображения.
4. Вставляем вместо него код вида:  <li><img src=»http://ваш_сайт.ru/путь_к_папке_с_темой/kartinka_<?php echo(rand(1,3)); ?>.jpg»
width=»ширина» height=»высота» /></li>.
5. Обновляем файл и смотрим на результат.

Этот способ можно применять не только для тем WordPress, но и для разных движков и просто скриптов. Надеюсь, что эта информация была для вас полезна. Жду отзывов :)

Кстати, кто-нибудь подскажет, где можно взять таких светло-зеленых креативных картиночек? :)

На связи был С. Леднёв.

Кстати, сейчас очень популярно продвижение сайтов.

Похожие посты