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..

Kategori: Wordpress

Hakkında

1982 istanbul doğumluyum.Aslen Sivas’lıyım..3 yıldır aktif olarak websiteleri ile uğraşıyorum ve birşeyler öğreniyorum.Öğrendiklerimi paylaşmak içinde bu siteyi tasarladım.Wordpress’i orta derecede bildiğimi sanıyorum.Mükemmel bir işim ve ayda 20 gün boş zamanım var.Ve tabiki FenerBahçe‘liyim

Yazıya Yapılan Yorumlar

  1. Yaz Bi Kenara dedi ki:

    Konu ile ilgili yardımcı kaynak pek bulunmazken direk kod ve faydalı bilgi paylaşımı yapmanız çok güzel.
    Fakat en azından mevcut kodların bir ekran görüntüsü vs. olsa ve ana mantıktan biraz olsun bahsetseniz daha tatlı olacak kaantindeyim. Emeğinize saygı. Teşekkürler.

  2. Uğur YAYLAK dedi ki:

    Çok güzel bir paylaşım yalnız yapamadım bunu bi yardım edebilirseniz çok sevinirim.

    • Fatih dedi ki:

      Yapmanız gerekenleri yazıda tamamen anlattım.Gerekli kodları gerekli yerlere koyacaksınız.Takıldığınız yer neresi?

Yorum Yazın




Time limit is exhausted. Please reload CAPTCHA.