用代码实现给WordPress边栏添加登录框

wordpress教程 提交于 2017-06-22 16:27:22

来说说WordPress的登录,平时我们可以用一个WordPress的链接来转到登录页面,今天的方法是在任何地方想显示登陆框,只要简单的调用一句代即可,如果用户已登录,则不显示登陆框,否则就显示登陆框。

首先将下面的代码粘贴到functions.php,主要是功能是通过调用hook给WordPress初始增加调用的快捷代码:

function devpress_login_form_shortcode() {
if ( is_user_logged_in() )
return ”;
return wp_login_form( array( ‘echo’ => false ) );
}
function devpress_add_shortcodes() {
add_shortcode( ‘my-login-form’, ‘devpress_login_form_shortcode’ );
}
add_action( ‘init’, ‘devpress_add_shortcodes’ );

然后是简单的css进行布局,以便于主题风格相适应。

#loginform p {
width: 249px;
text-align: right;
clear: float;
padding: 6px;
}
#loginform input {
border: 1px solid;
border-color: #252525 #0D0D0D #0D0D0D;
}
#loginform .button-primary {
width: 166px;
}
#loginform {
border: 1px solid;
border-color: #252525 #0D0D0D #0D0D0D;
clear: both;
width: 306px;
margin: 10px 30%;
}

最后调用的代码是:

[my-login-form]

如果文章对你有帮助,请赞赏支持本站发展!