losowe tło – style dodane inline

Czasami jest taka potrzeba lub konieczność by dodać losowe tło w kodzie samej strony WP, poniżej przykład jak można to zrobić. Zaczynamy od stworzenia katalogu na serwerze bg_random gdzie zamieszczamy 9 stworzonych graficznych teł. Następnie w kodzie strony w znacznikach style zamieszczamy odpowiedni kod, który wykorzystuje funkcję php rand. W tym przypadku również taki który obsługuje urządzenia z matryca Retina.

<style>
  body.single-page {
    background-image: url('<?php echo get_template_directory_uri(); ?>/images/bg_random/<?php echo rand(1,9); ?>.png');
  }
  @media
  only screen and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and ( min--moz-device-pixel-ratio: 1.25),
  only screen and ( -o-min-device-pixel-ratio: 1.25/1),
  only screen and ( min-device-pixel-ratio: 1.25),
  only screen and ( min-resolution: 200dpi),
  only screen and ( min-resolution: 1.25dppx)
  {
    body.single-page {
      background-image: url('<?php echo get_template_directory_uri(); ?>/images/bg_random/<?php echo rand(1,9); ?>@2x.png');
    }
  }
</style>