wordpress主题二次开发-给wordpress首页定义登录注册输入框

之前给大家说过登录注册框,不过是修改小工具的,这次是弄首页的,如果用之前的那个,会出现“•”这个符号,会很难看,而且排版上也不好,如果用链接的形式也可以,但是如果主题是向外公布的,你又怎么知道人家是否开启注册功能?所以我又对比了wordpress的登录源码修改了下,得出下面的一个代码:

<div class="admin">
<?php if (!(current_user_can('level_0'))){ ?>
<form action="<?php echo get_option('home'); ?>/wp-login.php" method="post">
<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" />
<?php if ( get_option( 'users_can_register' ) ) : ?>
<a href="<?php echo esc_url( site_url( 'wp-login.php?action=register', 'login' ) ); ?>"><?php _e( 'Register' ); ?></a>
<?php endif; ?>
<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">忘记密码</a>
<input type="password" name="pwd" id="pwd" size="20" />
<label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> 记住密码</label>
<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" /> <input type="submit" name="submit" value="登录" class="button" />
</p>
</form>
<?php } else { ?>
<a href="<?php echo get_option('home'); ?>/wp-admin/">管理站点</a>
<a href="<?php echo wp_logout_url( get_bloginfo('url') ); ?>" title="">退出登录</a>
<?php }?>
</div>

其中,

<input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?>" size="20" />”是用户名输入框,可以给予一些样式定义,

<?php if ( get_option( 'users_can_register' ) ) : ?>

<a href="<?php echo esc_url( site_url( 'wp-login.php?action=register', 'login' ) ); ?>"><?php _e( 'Register' ); ?></a>
<?php endif; ?>”判断是否开启注册功能,如果开启显示注册链接,如果没有开启则不显示

<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">忘记密码</a>”是忘记密码入口

<input type="password" name="pwd" id="pwd" size="20" />”密码输入的输入框

<label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> 记住密码</label>”记住密码

<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>" /> <input type="submit" name="submit" value="登录" />”是登录按钮

其他两个我就不解释啦,然后我们对其定义样式就OK拉!当然最重要的是在样式表“style.css”里面定义下“.admin{”的样式啦,如果里面有这个样式那你就改下这里吧,改为其他的也可以,自己定义咯!参考样式:

#gazpo-header .admin{
width:300px;
float:right;
}

OK!这里就已经OK了,自己根据模板实际情况进行调整吧!

效果如下:

wordpress主题二次开发-给wordpress首页定义登录注册输入框

上图里面带有搜索的,顺便给大家吧:【加在“<?php }?>”后面】

<!--搜索-->
<form method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
<input type="text" id="s" name="s" value="" />
<input type="submit" value="<?php _e('搜索','delicacy') ?>" id="searchsubmit" />
</form>

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:8   其中:访客  8   博主  0

  1. avatar 一堵墙 4

    哇塞,这个高级了

  2. avatar 垃圾站 1

    这个赞一个,我的首页好像有了……

    • avatar yumanutong 5

      @垃圾站 有个性的网站

  3. avatar 神经大爆炸 0

    首先我是百度过来的(*^__^*) 嘻嘻找了好几篇了,这个真用上了,感谢博主分享!! 悄悄来,悄悄的走,留个评论又不会怀孕哈!神经大爆炸 签到 -北京时间:21:26:41

  4. avatar rqwjtyq 0

    管理员,您好!我是个新手,请问把这段代码加到哪个文件里面?最好说详细一点,谢谢!

评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情