Üye Giriş Eklentisi - Bir türlü kuramadım

27-07-2015, 17:44:43

Selamlar,
Wordpress siteme üyelik sistemi yapmaya karar verdim,
http://thegeyik.com/ bu sitedeki gibi sağ üstten giriş yapılabilecek bir alan oluşturmaya çalıştım fakat bir türlü başaramadım.
eklenti bu : http://miled.github.io/wordpress-soc...gin/index.html
Eklentiyi kurdum Wordpress olayını falan yaptım ama nereye eklersem eklıyım boşluk çıkıyor bir türlü böyle giriş ekranı gelmıyor,
Kullanan yardımcı olabilecek biri varmı?
Header alanında üye ol / üye girişini böyle ajax nasıl yapabilirim ?

30-07-2015, 14:04:47

#2

Anarchist

Ücretli / Ücretsiz yardımcı olabilecek yokmu?

30-07-2015, 14:52:13

#3

S.SAGLAM

Anarchist adlı üyeden alıntı: mesajı görüntüle

Ücretli / Ücretsiz yardımcı olabilecek yokmu?

hocam kaba taslak yaptım sizin için css ile güzelleştirirsiniz

header.php eklenecekler
header.php de <body> den hemen sonra ekleyin

<div id="slide-panel">
<?php if ( ! is_user_logged_in() ){ ?>
<div class="loginregister">
<a href="<?php echo get_option('home'); ?>/wp-register.php">Kayıt Ol!</a> |
<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">Şifremi Unuttum</a>
</div>

<?php if (is_user_logged_in()): { ?> 
<!-- Kullanici giris yaptiysa gorunecek olan bolum --> 
<h2><?php _e('Kullanici paneli') ?></h2>  
<ul> 
   <li><?php wp_loginout(); ?></li> 
    <li><a href="/wp-admin">Yönetim Paneli</a></li> 
</ul> 
<?php } endif; ?> 

<?php if ( !is_user_logged_in()): { ?> 
<!-- Kullanini giris yapmadiysa gorunecek olan bolum --> 
<div class="girisforumu">
<ul> 
   <form name="loginform" id="loginform" action="wp-login.php" method="post"> 
  <li> <br /><label>Kullanici Adi:<br /><input type="text" name="log" id="log" value="" size="20" tabindex="1" /></label>  </li> 
   <li>  <br /><label>Parola:<br /> <input type="password" name="pwd" id="pwd" value="" size="20" tabindex="2" /></label>  </li> 
    <li> <br /><label><input name="rememberme" type="checkbox" value="forever" tabindex="3" />Beni unutma:)</label>  </li> 
    <li> <br /><input type="submit" name="submit" id="login" value="Giris &raquo;" tabindex="4" />  </li> 
   </form> 
 </ul> 
 </div>
<?php } endif; ?>
</div><!--Kullanıcı Girişi Biter-->
<?php } else { ?>
<div class="loginform">
<h2>Kontrol Paneli</h2><ul>
<li><a href="<?php echo get_option('home'); ?>/wp-admin/">Başlangıç</a></li> |
<li><a href="<?php echo get_option('home'); ?>/wp-admin/post-new.php">Yeni Yazı Oluştur</a></li> |
<li><a href="<?php echo get_option('home'); ?>/wp-admin/page-new.php">Yeni Sayfa Oluştur</a></li> |
<li><a href="<?php echo wp_logout_url( get_bloginfo('url') ); ?>" title="Logout">Çıkış</a></li></ul>
</div><!--giriş paneli biter-->
<?php }?>
</div><!--GİRİŞ PANELİ BİTER-->
<div class="slide"><a href="#" class="btn-slide"><?php if ( ! is_user_logged_in() ){ ?>Giriş<?php } else { ?>Çıkış<?php }?></a></div><!--Giriş Butonu Biter-->

header.php </head> den önce ekleyin

<script type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#slide-panel").slideToggle("slow");
});
});
</script>

style.css içine eklenecekler

* {margin:0; padding:0; outline:0;}
#slide-panel{ background-color:#cc1920;border-bottom-style:solid;border-bottom-width:2px;display:none;height:100px;margin:auto;}
.slide {width:950px; margin:auto;}
.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:bold;height:26px; padding:3px 0 3px 0;line-height:22px;text-align:center;text-decoration:none;width:100px; background-color:#000; font-family:Arial;}
.loginform {width:950px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;}
.formdetails {color:#FFF; font-size:12px;padding:5px;}
.formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#EFEFEF;}
.loginregister {color:#999; padding:5px;}
.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}
.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}
.girisforumu{float:left;}
.girisforumu ul{float:left;margin:0px;margin-left:10px;padding:0px;}
.girisforumu ul li{float:left;width:160px; }
.girisforumu ul label{float:left;width:160px; }

ekleyip deneyip yanıtlarsınız hocam.

30-07-2015, 15:21:09

#4

Anarchist

Öncelikle ilginiz için teşekkürler, uğraşmışsınız,
Kodları ekledim fakat şöyle bir görüntü oluştu en üstte solda çıktı

30-07-2015, 15:35:52

#5

S.SAGLAM

Anarchist adlı üyeden alıntı: mesajı görüntüle

Öncelikle ilginiz için teşekkürler, uğraşmışsınız,
Kodları ekledim fakat şöyle bir görüntü oluştu en üstte solda çıktı

hocam verdiğim kodlar aç kapa paneli siz illa örnek verdiğim sitede gibi olsun diyorsanız akşama onuda kodlayabilirim.