WordPress Kullanıcı Paneli

Wordpress sitelerinize ekleyebileceğiniz Kullanıcı yada Üye paneli nasıl yapılacak bu konuda bunu açıklamak istiyorum.Aslında sizlere ben bunu kabataslak anlatacağım, sizlerde kodlar üzerinden kendiniz editleyerek isteğinize göre şekillendireceksiniz.

Baştan belirteyim kodları sidebar.php kısmında istediğiniz yere yerleştirin.Tabi yaratıcı arkadaşlar bunu temalarının istediği yerinde de kullanabilir.

Bu kodları sidebar.php dosyanızda görünmesini istediğiniz yere yapıştırın,

<!-- UYE PANELI -->
<div class="uyeform">
   <div class="basgiris">
    <h2>Üye Paneli</h2>
   </div>
  <div class="giriscont">					
  <div class="loginform">
  <?php global $user_ID, $user_identity; get_currentuserinfo(); if (!$user_ID): ?>  
  <form name="loginform" id="loginform" action="<?php bloginfo('url'); ?>/wp-login.php" method="post">
   <ul>
    <li class="lfield">
	 <div>
      <input type="text" name="log" id="user_login" value="Kullan&#305;c&#305; Ad&#305;" class="username" onfocus="if (this.value == 'Kullan&#305;c&#305; Ad&#305;') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Kullan&#305;c&#305; Ad&#305;';}"/>
     </div>
	</li>
	<li class="lfield">
     <div>
      <input type="password" name="pwd" id="user_pass" value="Kullan&#305;c&#305; Ad&#305;" class="password" onfocus="if (this.value == 'Kullan&#305;c&#305; Ad&#305;') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Kullan&#305;c&#305; Ad&#305;';}" /> 
      <input type="hidden" name="redirect_to" value="<?php bloginfo('url'); ?>" />
      <input type="hidden" name="testcookie" value="1" />
	 </div>
	</li>
   </ul><ul>
     	<li class="submit">
	 <input name="wp-submit" id="wp-submit" value="" type="image" class="btn" onclick="submit();" src="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 bloginfo('template_url'); ?>/images/spacer.gif"  />
	 <div><img src="<?php bloginfo('template_url'); ?>/images/profile.gif" alt="Kay&#305;t Ol" />&nbsp;&nbsp;<a href="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 bloginfo('url'); ?>/wp-login.php?action=register" title="Kay&#305;t Ol">Kay&#305;t Ol</a></div>
	 <div><img src="<?php bloginfo('template_url'); ?>/images/message.gif" alt="&#350;ifremi Unuttum" />&nbsp;&nbsp;<a href="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 bloginfo('url'); ?>/wp-login.php?action=lostpassword" title="&#350;ifremi Unuttum">&#350;ifremi Unuttum</a></div>
   <div class="clr"></div>
	</li></ul>
  </form>

  <?php else:?>
  Merhaba, <?php echo $user_identity; ?> <br />
  <img src="<?php bloginfo('template_url'); ?>/images/panel.png" alt="Admin Panel" />&nbsp;&nbsp; <a href="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 echo get_settings('siteurl'); ?>/wp-admin/">Kontrol Paneli</a><br />
  <img src="<?php bloginfo('template_url'); ?>/images/profil.png" alt="Profil" />&nbsp;&nbsp; <a href="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 echo get_settings('siteurl'); ?>/wp-admin/profile.php">Profil</a><br />
  <img src="<?php bloginfo('template_url'); ?>/images/cikis.png" alt="Çıkış" />&nbsp;&nbsp; <a href="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 echo wp_logout_url(); ?>"><?php _e('Log out'); ?></a><br />
   <?php endif;?> 
</div>
</div>

</div>
<!--UYE PANELI-->

Evet kodları yapıştırdık şimdi css düzenlemesine geldi.Bu kodlarıda temamızın style.css dosyasının içine ekliyoruz,

.basgiris{text-align:left;}
.giriscont{padding-bottom:7px;padding-top:0;margin:0 5px;width:300px;}
.loginform li{line-height:14px;}
.loginform li.lfield{padding-bottom:5px;}
.loginform li.lfield div{background:#fff url("images/fields.gif") repeat-x 0 0;border:1px solid #b90000;text-align:center;}
.loginform li.lfield input{width:95%;padding:2px;color:#000;text-align:center;background:transparent none;border:none;}
.loginform li.submit{height:34px;overflow:hidden;padding-right:30px;}
.loginform li.submit div{line-height:12px;}
.loginform .btn, .loginform .btnhover{float:right;width:60px;height:25px;}
.loginform .btn{background:#fff url("images/giris.png") no-repeat;color:#fff;}
.uyeform{border:1px solid #e5e5e1;padding-bottom:5px;margin-bottom:10px;}

Kullanılan resimleride tema dosyasının images kısmına kopyalıyoruz,

Anlatım bu kadar gerisini biraz çaba göstererek halledebilirsiniz.Eğer eksik yada yanlış anlattığım bir kısım varsa hatta ve hatta teşekkür edecekseniz yorum bölümünden yazabilirsiniz :) iyi bloglar..