Question 30486 in Wordpress Question posted in
The official Wordpress documentation can be found here.

How to display a button in header on only one specific page – WordPress

I have added a button of apply now it my header but I just want to display this button on only one page which is register. I do not want this button to appear on other pages of website. When user go to the register page this button should automatically appear in header. So how can I do it?
Below is the code which I used to display the button but this button is displaying on the page not in the header section:

if ( $current_url == 'umacollege.geekss.com.au/register' ) {
echo '<div class="entry-banner">
    <div class="container">
    <div class="entry-banner-content">
    
<h1><button type="button">Click Me!</button></h1>
</div></div></div>';
}
Tags:

3

Answers


  1. 0

    Find the id of register page. Suppose it is 1675, write following CSS:

    .header-menu-btn {display: none !important}
.page-id-1675 .header-menu-btn {display: inline !important}
    Login or Signup to reply.
  2. 0

    You can use strpos to check the text is contains or not.

    if ( strpos($current_url, 'umacollege.geekss.com.au/register') == true ) {}

    If you are using wordpress then best option is to use is_page() function.

    if ( is_page( 'register') ) {} // slug

    or

    if ( is_page( 1675 ) ) {} // page id
    Login or Signup to reply.
  3. 0

    You can hide the button in the pages you don’t want it by aiming the url path with jQuery

    jQuery(function ($){
        var pathname = window.location.pathname;
        if (pathname == "/page2/"){
           $(".your_button_class").css("display","none");
          }
    })
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search