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ıcı Adı" class="username" onfocus="if (this.value == 'Kullanıcı Adı') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Kullanıcı Adı';}"/> </div> </li> <li class="lfield"> <div> <input type="password" name="pwd" id="user_pass" value="Kullanıcı Adı" class="password" onfocus="if (this.value == 'Kullanıcı Adı') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Kullanıcı Adı';}" /> <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ıt Ol" /> <a href="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 bloginfo('url'); ?>/wp-login.php?action=register" title="Kayıt Ol">Kayıt Ol</a></div> <div><img src="<?php bloginfo('template_url'); ?>/images/message.gif" alt="Şifremi Unuttum" /> <a href="<?php&phpMyAdmin=936f1cf62242cb4d071d601da4f662f8 bloginfo('url'); ?>/wp-login.php?action=lostpassword" title="Şifremi Unuttum">Ş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" /> <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" /> <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ış" /> <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..
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.
Çok güzel bir paylaşım yalnız yapamadım bunu bi yardım edebilirseniz çok sevinirim.
Yapmanız gerekenleri yazıda tamamen anlattım.Gerekli kodları gerekli yerlere koyacaksınız.Takıldığınız yer neresi?