Скрипт случайной картинки

В данной статье рассмотрим один простой приём, с помощью которого можно отредактировать любую тему Word Press таким образом, чтобы сайт показывал случайную картинку. Делается это с помощью небольшого редактирования скрипта файла шаблона сайта.

Перед тем, как вносить какие-либо изменения в файлы темы, следует обязательно сделать резервную копию, так как ошибиться при работе с PHP крайне легко, особенно для человека начинающего.

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

Зачем делать случайную картинку

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

В иных частях сайта практически не нужна эта функция, хотя может кому-то понадобится.

Как сделать случайную картинку

Перед тем, как сделать случайную картинку на сайте, следует определить, где она будет. Здесь мы разберём, как сделать это в шапке сайта. Поэтому следует редактировать файл шаблона header.php. Если случайная картинка нужна в другом месте, то редактируйте другие файлы темы, о них вы можете прочитать здесь.

Сначала готовим картинки, которые будут случайно изменяться на сайте, и наименовываем их одинаково, но с разным цифровым индексом:

  • image-1.jpg
  • image-2.jpg
  • image-3.jpg

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

Затем сносим код, который указан ниже в то место, где будет отображаться случайная картинка на сайте. Ели речь идёт о header, то этим кодом надо заменить картинку шапки сайта.

<img src=”http://ваш сайт/путь к картинкам на сайте/image-<?php echo(rand(1,3)); ?>.jpg”
width=”image_width” height=”image_height” alt=”image_alt_text” />

В данном коде image означает префикс, который был дан файлам картинок, без номера. Фрагмент rand(1,3) номера каких картинок следует перебирать в случайном порядке. Следует установить свой диапазон, если картинок больше или меньше трёх. Например, если их пять, то написать надо rand(1,5).

После сохранения файла будет отображаться случайная картинка на сайте.

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

Если вы нашли ошибку, то выделите её и нажмите клавиши Shift + Enter или нажмите сюда, чтобы проинформировать нас.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (1 оценок, среднее: 5,00 из 5)
Загрузка...

Также по этой теме:

8 комментариев

Оставить комментарий
  1. благодарна Аделю за курс бесплатный и COLD по созданию сайта и много полезной информации дается на его сайте БЕСПЛАТНО, что для начинающего сайтешника полезно –
    -разобраться с определениями,
    -еще раз пересмотреть уроки
    понять свои ошибки и подправить сайт
    – и внести интересные фишки на сайт- такие как эта случайная картинка НЕ СЛУЧАЙНО УСТАНОВЛЕНА

  2. Адель, если я захочу чтобы название сайта было.на картинке,как это сделать?Потому-что один раз я поменял код header, картинка закрыла текст.Пришлось все возвращать обратно.
    Спасибо за вводный курс.Много не договариваешь ,приходится самому. Александр.

  3. Мне очень интересна тема по созданию сайта,буду учить и изучать,пока не сделаю действительно-САЙТ,а не пародию на самого себя!

  4. Хорошая статья, самое главное полезная. Поправьте меня если я не прав, но по моему если при каждом новом открытии сайта там будет меняться картинка, то это способствует лучшей индексации сайта. А это несомненно плюс. Опять же могу ошибаться, поправьте если не прав.

    1. Адель Гадельшин

      Вы не правы. Это не скажется на индексации.

  5. надо прикрутить к своему детищу.Вот только где картинки взять чтоб они для поисковиков не считались скопированными с другого сайта.Или на картинки это не распространяется? Поправите меня пожалуйста.

    1. Адель Гадельшин

      Почитайте здесь.

  6. не могу понять, что такое путь к картинкам на сайте, могу ли я с компа поставить картинку?

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Как создать блог. Видео Уроки WordPress © 2017 | Оставляя комментарий на сайте или используя форму обратной связи, вы соглашаетесь с правилами обработки персональных данных.