Add login to sydney theme using new header

Hi @pmoffat,

I checked your site and seems likely you’ve been able to add some extra links to login and logout pages on top right of the header.

Adding further, for anyone who may want to do this, you can rewrite the main theme’s header.php file to a child theme folder and make some code changes/additions in it. Or use the sydney_header hook to do the same from a custom plugin or child theme’s functions.

Let me know if you still need any help with it or not.

Regards,
Kharis

Hi
this is the live site that uses the old version of the theme and NOT the new header format.
I’m trying to understand how i can use the latest version of the theme and new header format and add the links to login that are on the current site

any update?

Hi @pmoffat,

I am sorry for the delay.

If I may suggest, you could try plugin solution: https://www.ads-software.com/plugins/login-or-logout-menu-item/.

Hope that helps.

Regards,
Kharis

the plugin is to add the login/logout to the menu
i want to have it in the header as it is currently
is this not something that you have thought about?

Hi @pmoffat,

> is this not something that you have thought about?

I think that plugin is the easier solution. If it doesn’t meet your need, try adding this PHP snippet to a child theme’s functions. Or you can use Code Snippets plugin to apply the same code directly from your site’s dashboard without child theme.

add_action('sydney_header', function(){

  ?>
  <div class="header-extra-links">
    <div id="loginrow">
      <p>
        <a href="https://www.leighandwestclifftennis.org.uk/wp-login.php">Login</a> | 
        <a href="https://www.leighandwestclifftennis.org.uk/wp-login.php?action=register">Register</a>
      </p>
    </div>  
  </div>  
  <?php

}, 999);

add_action('wp_footer', function(){
  ?>
	<script type="text/javascript">
jQuery(function($) {

  if( $('.header-extra-links').length ) {
    $('.header-extra-links').remove().clone().insertBefore($('.site-header-inner'));
  }

});
	</script>
  <?php
}, 9999);

Then add this CSS code to Additional CSS.

.main-header .container {
  position: relative;
}

.main-header .header-extra-links {
  position: absolute;
  top: 0;
  right: 0;
}

Hope that helps.

Regards,
Kharis