افزونه تب عضویت و ورود

M

Moha112233

تازه وارد
سلام دوستان

افزونه ای هست که در بالای سایت مثل سایت (
لینک ها تنها برای اعضای سایت قابل نمایش است.
) مشخصات رو بنویسه؟؟ ( مثل ورود و عضویت و ... )؟؟

 
M

Moha112233

تازه وارد
دوستان منظورم به این شکل هست. اگه افزونه نداره ، کدش رو لطف کنید بگید.

You must be registered for see images attach


​

 
Black_Sky

Black_Sky

کاربر عضو
ابتدا کد html زیر را در هر بخشی از صفحه که می خواهید دکمه ورود و خروج در آنجا نشان داده شود قرار دهید


کد: 
<?php if (is_user_logged_in()) { ?>
<a class="login_button" href="<?php echo wp_logout_url( home_url() ); ?>">خروج</a>
<?php } else { ?>
<a class="login_button" id="show_login" href="">ورود</a>
<?php } ?>
<form id="login" action="login" method="post">
         <h1>    <a class="close" href="">*</a>
ورود</h1>
         <p class="status"></p>
         <label for="username">نام کاربري</label>
         <input id="username" type="text" name="username">
         <label for="password">گذر واژه</label>
         <input id="password" type="password" name="password">
         <a class="lost" href="<?php echo wp_lostpassword_url(); ?>">رمز خود را فراموش کرديد؟</a>
         <input class="submit_button" type="submit" value="ورود" name="submit">
         <?php wp_nonce_field( 'ajax-login-nonce', 'security' ); ?>
</form>
بعد کد زیر را در فایل functions.php قرار بدید


کد: 
function ajax_login_init(){
wp_register_script('ajax-login-script', get_template_directory_uri() . '/ajax-login-script.js', array('jquery') );
wp_enqueue_script('ajax-login-script');
wp_localize_script( 'ajax-login-script', 'ajax_login_object', array(
         'ajaxurl' => admin_url( 'admin-ajax.php' ),
         'redirecturl' => home_url(),
         'loadingmessage' => __('Sending user info, please wait...')
));
// Enable the user with no privileges to run ajax_login() in AJAX
add_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );
}
// Execute the action only if the user isn't logged in
if (!is_user_logged_in()) {
add_action('init', 'ajax_login_init');
}
function ajax_login(){
// First check the nonce, if it fails the function will break
check_ajax_referer( 'ajax-login-nonce', 'security' );
// Nonce is checked, get the POST data and sign user on
$info = array();
$info['user_login'] = $_POST['username'];
$info['user_password'] = $_POST['password'];
$info['remember'] = true;
$user_signon = wp_signon( $info, false );
if ( is_wp_error($user_signon) ){
         echo json_encode(array('loggedin'=>false, 'message'=>__('Wrong username or password.')));
} else {
         echo json_encode(array('loggedin'=>true, 'message'=>__('Login successful, redirecting...')));
}
die();
}
بعد هم یک فایل با کد های زیر بسیازید و با نام ajax-login-script.js ذخیره کنید و در پوشه قالب خود قرار بدید


کد: 
jQuery(document).ready(function($) {
// Show the login dialog box on click
$('a#show_login').on('click', function(e){
         $('body').prepend('<div class="login_overlay"></div>');
         $('form#login').fadeIn(500);
         $('div.login_overlay, form#login a.close').on('click', function(){
                 $('div.login_overlay').remove();
                 $('form#login').hide();
         });
         e.preventDefault();
});
// Perform AJAX login on form submit
$('form#login').on('submit', function(e){
         $('form#login p.status').show().text(ajax_login_object.loadingmessage);
         $.ajax({
                 type: 'POST',
                 dataType: 'json',
                 url: ajax_login_object.ajaxurl,
                 data: {
                         'action': 'ajaxlogin', //calls wp_ajax_nopriv_ajaxlogin
                         'username': $('form#login #username').val(),
                         'password': $('form#login #password').val(),
                         'security': $('form#login #security').val() },
                 success: function(data){
                         $('form#login p.status').text(data.message);
                         if (data.loggedin == true){
                                 document.location.href = ajax_login_object.redirecturl;
                         }
                 }
         });
         e.preventDefault();
});
});
خوب کار تموم شد فقط مونده استایل که من یک استایل خودم براش درست کردم شما می تونید استایل را تغییر بدید و در فایل style.css قرار دهید


کد: 
form#login {
background-color: #FFFFFF;
border: 1px solid #EDEDED;
display: none;
left: 50%;
margin-left: -200px;
padding-bottom: 20px;
position: fixed;
top: 200px;
width: 350px;
z-index: 999;
}
form#login p.status{
display: none;
}
.login_overlay{
height: 100%;
width: 100%;
background-color: #F6F6F6;
opacity: 0.9;
position: fixed;
z-index: 998;
}
.login_button {
color: #FFFFFF;
float: left;
margin-left: 10px;
margin-top: 10px;
}
#login h1 {
background: none repeat scroll 0 0 #2AA4CF;
color: #FFFFFF;
margin-bottom: 10px;
padding: 10px 34px 10px 10px;
text-align: center;
}
#login .icon-reply {
font-size: 18px;
}
#login label {
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
#login input {
margin-left: 30%;
margin-right: 30%;
text-align: center;
}
#login .submit_button {
background: none repeat scroll 0 0 #2AA4CF;
box-shadow: 2px 2px 0 -1px #70D7FF;
color: #FFFFFF;
font-family: nassim-regular;
font-size: 19px;
font-weight: lighter;
padding: 6px;
width: 143px;
}
#login .lost {
color: #ACACAC;
padding-left: 31%;
padding-right: 31%;
text-align: center;
}
.close {
color: white;
float: left;
}
 
M

Moha112233

تازه وارد
ابتدا کد html زیر را در هر بخشی از صفحه که می خواهید دکمه ورود و خروج در آنجا نشان داده شود قرار دهید

کد: 
<?php if (is_user_logged_in()) { ?>
<a rel="nofollow" class="login_button" href="<?php echo wp_logout_url( home_url() ); ?>">خروج</a>
<?php } else { ?>
<a class="login_button" id="show_login" href="">ورود</a>
<?php } ?>
<form id="login" action="login" method="post">
         <h1>    <a class="close" href="">*</a>
ورود</h1>
         <p class="status"></p>
         <label for="username">نام کاربري</label>
         <input id="username" type="text" name="username">
         <label for="password">گذر واژه</label>
         <input id="password" type="password" name="password">
         <a rel="nofollow" class="lost" href="<?php echo wp_lostpassword_url(); ?>">رمز خود را فراموش کرديد؟</a>
         <input class="submit_button" type="submit" value="ورود" name="submit">
         <?php wp_nonce_field( 'ajax-login-nonce', 'security' ); ?>
</form>
بعد کد زیر را در فایل functions.php قرار بدید


کد: 
function ajax_login_init(){
wp_register_script('ajax-login-script', get_template_directory_uri() . '/ajax-login-script.js', array('jquery') );
wp_enqueue_script('ajax-login-script');
wp_localize_script( 'ajax-login-script', 'ajax_login_object', array(
         'ajaxurl' => admin_url( 'admin-ajax.php' ),
         'redirecturl' => home_url(),
         'loadingmessage' => __('Sending user info, please wait...')
));
// Enable the user with no privileges to run ajax_login() in AJAX
add_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );
}
// Execute the action only if the user isn't logged in
if (!is_user_logged_in()) {
add_action('init', 'ajax_login_init');
}
function ajax_login(){
// First check the nonce, if it fails the function will break
check_ajax_referer( 'ajax-login-nonce', 'security' );
// Nonce is checked, get the POST data and sign user on
$info = array();
$info['user_login'] = $_POST['username'];
$info['user_password'] = $_POST['password'];
$info['remember'] = true;
$user_signon = wp_signon( $info, false );
if ( is_wp_error($user_signon) ){
         echo json_encode(array('loggedin'=>false, 'message'=>__('Wrong username or password.')));
} else {
         echo json_encode(array('loggedin'=>true, 'message'=>__('Login successful, redirecting...')));
}
die();
}
بعد هم یک فایل با کد های زیر بسیازید و با نام ajax-login-script.js ذخیره کنید و در پوشه قالب خود قرار بدید


کد: 
jQuery(document).ready(function($) {
// Show the login dialog box on click
$('a#show_login').on('click', function(e){
         $('body').prepend('<div class="login_overlay"></div>');
         $('form#login').fadeIn(500);
         $('div.login_overlay, form#login a.close').on('click', function(){
                 $('div.login_overlay').remove();
                 $('form#login').hide();
         });
         e.preventDefault();
});
// Perform AJAX login on form submit
$('form#login').on('submit', function(e){
         $('form#login p.status').show().text(ajax_login_object.loadingmessage);
         $.ajax({
                 type: 'POST',
                 dataType: 'json',
                 url: ajax_login_object.ajaxurl,
                 data: {
                         'action': 'ajaxlogin', //calls wp_ajax_nopriv_ajaxlogin
                         'username': $('form#login #username').val(),
                         'password': $('form#login #password').val(),
                         'security': $('form#login #security').val() },
                 success: function(data){
                         $('form#login p.status').text(data.message);
                         if (data.loggedin == true){
                                 document.location.href = ajax_login_object.redirecturl;
                         }
                 }
         });
         e.preventDefault();
});
});
خوب کار تموم شد فقط مونده استایل که من یک استایل خودم براش درست کردم شما می تونید استایل را تغییر بدید و در فایل style.css قرار دهید


کد: 
form#login {
background-color: #FFFFFF;
border: 1px solid #EDEDED;
display: none;
left: 50%;
margin-left: -200px;
padding-bottom: 20px;
position: fixed;
top: 200px;
width: 350px;
z-index: 999;
}
form#login p.status{
display: none;
}
.login_overlay{
height: 100%;
width: 100%;
background-color: #F6F6F6;
opacity: 0.9;
position: fixed;
z-index: 998;
}
.login_button {
color: #FFFFFF;
float: left;
margin-left: 10px;
margin-top: 10px;
}
#login h1 {
background: none repeat scroll 0 0 #2AA4CF;
color: #FFFFFF;
margin-bottom: 10px;
padding: 10px 34px 10px 10px;
text-align: center;
}
#login .icon-reply {
font-size: 18px;
}
#login label {
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
#login input {
margin-left: 30%;
margin-right: 30%;
text-align: center;
}
#login .submit_button {
background: none repeat scroll 0 0 #2AA4CF;
box-shadow: 2px 2px 0 -1px #70D7FF;
color: #FFFFFF;
font-family: nassim-regular;
font-size: 19px;
font-weight: lighter;
padding: 6px;
width: 143px;
}
#login .lost {
color: #ACACAC;
padding-left: 31%;
padding-right: 31%;
text-align: center;
}
.close {
color: white;
float: left;
}
کلیک کنید تا گسترش یابد...
خیلی ممنون ، ببخشید اگه اطلاعات ورود به مدیریت سایت رو بدم میتونید برام درستش کنید؟؟ ( رمز هاست رو سیستمم سیو شده و نمیدونم چیه!!)

 
شما برای پاسخ‌دادن باید به انجمن ورود کنید.
بالا