How to show a random page header?

Hi There, i think this is a question for Tom. Ill pass it his way.

That's a tough one!

You might be able to do this..

add_filter( 'generate_page_header_id', 'tu_random_page_header' );
function tu_random_page_header( $id ) {
    if ( is_page( 'your-page' ) ) {
        // Your list of page header IDs.
        $ids = array(
            '10',
            '12',
            '200'
        );

        $id = array_rand( $ids, 1 );
    }

    return $id;
}

Not sure if this will work, but it's worth a try :)

David, Tom,

Thanks for answering me. A minor modification made it work.

By changing $id into $ids[$id] a random selected page header ID is returned.

add_filter( 'generate_page_header_id', 'tu_random_page_header' );
function tu_random_page_header( $id ) {
    if ( is_page( 'your-page' ) ) {
        // Your list of page header IDs.
        $ids = array(
            '10',
            '12',
            '200'
        );

        $id = array_rand( $ids, 1 );

    }

    // Return random selected element of the array
    return $ids[$id];
}

J

Interesting - thanks for sharing the working code! :)

HI Tom, I am wondering if you can help.

I have no idea about inserting code etc... but I would like to have random images/pictures again in my header, above the menu, below the logo, like I did when I had pico light installed.

It looks like this code above could help... but I don't even know how to go about this. Please can you point me in the right direction?

Thanks,

Chris

Hey Chris,

Would this just be a static image? If so, you can add a new Hook Element into the After Header Content hook.

Then do this:

<?php
$headers = array(
    'URL to logo 1',
    'URL to logo 2',
    'URL to logo 3',
    'URL to logo 4',
);

$random = $headers[ rand( 0, count( $headers ) -1 ) ];

echo '<img src="' . $random . '" alt="" />';
?>

Then check "Execute PHP", and set your Display Rules.

I tried the code with two images, but it stays static and never changes.

Do I need to change anything in Appearance > Customize > Site Identity ?

That is set to the image that is now always shown.

Ok, I did work it out:

In Appearance > Customize > Site Identity the logo need to be removed.

In Elements > Hooks the setting need to be after_header_content