İlk önce giriş yap ve kayıt ol butonlarını eklemeniz gerekmekte;

Menünüze eklemek istiyorsanız panelinizden ekleyin;

Twenty Fourteen temasında bu şekilde ekledim.

Daha sonra sitenize Chrome ile girip > sağ tıklayıp ögeyi denetle diyin;

ve bu şekilde linklerin id'lerini bulun.

Menüye eklemeyip manuel eklemek isterseniz şu şekilde ekleyin linkleri;

<a href="#" id="giris_btn">Giriş Yap</a>
<a href="#" id="kayit_btn">Kayıt Ol</a>

burda dikkat etmeniz gereken hangi yöntemi kullandığınız ona göre id'niz ya giris_btn yada menu-item-49 tarzı birşey olucak.

Daha sonra footer.php'nizde <?php wp_footer(); ?>'nin hemen üstüne şu kodları ekleyin;

<div id="seffaf_katman"></div>

	<form id="giris_yap" action="<?php echo esc_attr(wp_login_url()); ?>" method="post">
		<p><input type="text" size="20" placeholder="Kullanıcı Adı veya Email" name="log"></p>
		<p><input type="password" size="20" placeholder="Şifre" name="pwd"></p>
		<p><label><input type="checkbox" value="forever" name="rememberme"> Beni Hatırla</label></p>

		<p><input type="submit" value="Giriş" name="wp-submit"></p>

		<input type="hidden" value="<?php echo esc_attr(home_url()); ?>" name="redirect_to">
		<input type="hidden" value="1" name="testcookie">
	</form>

	<form id="kayit_ol" action="<?php echo esc_attr(wp_registration_url()); ?>" method="post">
		<p><input type="text" name="user_login" placeholder="Kullanıcı Adınız" size="20"></p> 
		<p><input type="email" name="user_email" placeholder="E-Posta" size="25"></p>
		
		<p>Bir şifre size mail ile iletilecek..</p>

		<input type="hidden" name="redirect_to" value="">
		<p><input type="submit" name="wp-submit" class="button button-primary button-large" value="Kayıt Ol"></p>
	</form>
	
	<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script>
		var katman = $('#seffaf_katman'),
			kayit_ol = $('#kayit_ol'),
			giris_yap = $('#giris_yap');

		$('#menu-item-49').click(function(){ // burdaki kısmı üstte belirttiğim şekilde düzenleyin - giriş butonu
			giris_yap.fadeIn();
			katman.show();

			return false;
		});

		$('#menu-item-50').click(function(){ // burdaki kısmı üstte belirttiğim şekilde düzenleyin - kayıt butonu
			kayit_ol.fadeIn();
			katman.show();

			return false;
		});

		katman.click(function(){
			$(this).fadeOut();
			kayit_ol.fadeOut();
			giris_yap.fadeOut();
		});
	</script>

Bunlarıda style.css'inize ekleyin

/**
 * Giriş ve kayıt ol form'u
 */

#seffaf_katman {
	content: "";
	display: none;
	left: 0;
	top: 0;
	z-index: 9990;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}

#giris_yap, #kayit_ol {
	display: none;
	position: fixed;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 20%;
	background: #fff;
	border-radius: 5px;
	z-index: 9999;
	padding: 15px;
}

#giris_yap input[type=text], #giris_yap input[type=password], #kayit_ol input[type=text], #kayit_ol input[type=email] {
	width: 100%;
}

style.css'e attığımız kodları kendi görsel zevkinize göre düzenleyebilirsiniz.

Giriş form'unda Facebook ve Twitter giriş butonları için, bu özelliği sağlayan eklentileri kurup giriş form'unu; Kayıt formundaki o alanlar için gene ilgili özelliği sağlayan eklentileri kurup kayıt form'unu düzenlemeniz gerekiyor.
Bu şekilde WordPress'in temel giriş ve kayıt ol işlevlerini kullanıyoruz.

Giriş butonuna tıklayınca;


Kayıt ol butonuna tıklayınca;