不同的html，基于URL或URL字符串前缀的正文背景

Question

Basically I have a custom wordpress website.

I have a custom wp-login.php login screen.

But, the login screen leads to a sign-up page (enabled).

The sign-up page basically loads 2 different fields dynamically within the same form id that allows users to sign-up. Everything is the same everywhere else. (Replaces first frame 'login' page)

The problem.. is, the login page has my custom background image on html, body { background:

I would like the user to see a unique background: image when they hit that form. (the 2nd form, SIGN-UP)

Below is the URL that is generated once the user hits signup:

/wp-login.php?action=register

Is there a way I can simply replace the html, body { background: with a NEW one when the user reaches that URL?

Answer 1

Yes, there is a simple way to do it.

You can put in your wp-login.php a new css rule with !important, like this:

<?php 

    if(isset($_GET['action']) && $_GET['action']=='register'){
         echo '<style>html, body { background: url("link_of_another_image.png") !important }</style>';
    }

?>

Maybe, it can help you