• Resolved Popeye1

    (@popeye1)


    Hi.
    I want to place an audio player within the masthead of my site – ideally to the right of the centre logo.
    Have been unable to locate a plugin to do this.
    Would appreciate a guide to how to code this.
    I am using a child theme.
    Thanks,
    Steve

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • There are many audio player plugins for WordPress, but none are going to actually put the audio player in the header of your site, specifically where you want it next to the logo. It’s impossible for plugin developers to know exactly where to place an audio player in the header to the right of any logo.

    You will find audio player plugins that work by adding a “top bar” above the header or a footer bar overlayed over your site’s footer.

    WordPress itself has a native audio player that you can possibly call into your header.php file. But, whatever player you use, you’re going to have to copy header.php from your parent theme into your child theme, place your player code where you want it via HTML and CSS in the child header.php file, and that’s how you will get your player exactly where you want it.

    Now, the caveat to adding an audio player in your header.php file is that every time someone uses the player to play the audio, they may want to navigate to another page, which then cuts off the audio and they have to replay it.

    So, you might want to go with a footer player that is persistent or header player that is persistent and does not load in the header but is sticky to the header above your primary navigation / logo header, so that someone can play your audio files without them getting cut off when the navigate to another page.

    Thread Starter Popeye1

    (@popeye1)

    Thanks for your advice and help.
    As it early on in the project I simply switched to a theme that features by default a header widget area – ColorMag. And so far this theme is working out almost perfectly for my needs.
    Cheers all.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Widget in header’ is closed to new replies.