最新消息:Excel无乱码转CSV,由于工作原因很少更新博客和回复大家的评论,非常抱歉。

WordPress 实现会员登陆投稿

如何实现WordPress 登陆后投稿?如何创建投稿页面,在这里也不多说了,请查看:WordPress实现投稿功能

下是实现登陆后投稿的一部分代码,我相信看到这段代码,就能实现你想要的功能了。

if(!is_user_logged_in()){
?>
	<h3 class="base-tit">您需要登陆才能投稿!</h3>
	<form method="post" action="<?php bloginfo('url'); ?>/wp-login.php" name="loginform" class="submit-signin">
		<ul>
			<li><label><b>用户名:</b><input type="text" size="20" value="" name="log" class="ipt"></label></li>
			<li><label><b>密码:</b><input type="password" size="20" value="" name="pwd" class="ipt"></label></li>
			<li><input type="submit" value="立即登录" name="submit" class="btn btn-primary"></li>
			<li><a href="<?php bloginfo('url'); ?>/wp-login.php?action=register" class="btn btn-mini">注册</a><a href="<?php bloginfo('url'); ?>/wp-login.php?action=lostpassword" class="btn btn-mini">找回密码</a></li>
		</ul>
		<input type="hidden" value="<?php bloginfo('url'); ?>/submit" name="redirect_to">
	</form>
<?php }else{?>
	<h3 class="base-tit">开始投稿!</h3>
	这里是投稿的表单,可自行设计........
<?php }?>

如想要跟大前端效果一样,那表单处添加这样的HTML代码:

<h3 class="base-tit">您需要登陆才能投稿!</h3>
    <form method="post" action="<?php bloginfo('url'); ?>/wp-login.php" name="loginform" class="submit-signin">
        <ul>
            <li><label><b>用户名:</b><input type="text" size="20" value="" name="log" class="ipt"></label></li>
            <li><label><b>密码:</b><input type="password" size="20" value="" name="pwd" class="ipt"></label></li>
            <li><input type="submit" value="立即登录" name="submit" class="btn btn-primary"></li>
            <li><a href="<?php bloginfo('url'); ?>/wp-login.php?action=register" class="btn btn-mini">注册</a><a href="<?php bloginfo('url'); ?>/wp-login.php?action=lostpassword" class="btn btn-mini">找回密码</a></li>
        </ul>
        <input type="hidden" value="<?php bloginfo('url'); ?>/submit" name="redirect_to">
    </form>
    <?php }else{?>
    <h3 class="base-tit">开始投稿!</h3>
    <ul class="submit-form">
        <li>
            <label>
                <span class="submit-tit"><em>*</em>文章标题</span>
                <input type="text" class="ipt ipt-submit-title u_ipt_error" placeholder="写点什么..." size="40">
                <span class="u_tip" style="display: inline-block;">标题不能为空!</span>
            </label>
        </li>
        <li>
            <label>
                <span class="submit-tit"><em>*</em>所属分类</span>
                <?php wp_dropdown_categories('show_count=1&hierarchical=1&exclude=1,97,149,461&class=ipt-submit-cat'); ?>
            </label>
        </li>
        <li>
            <label>
                <span class="submit-tit"><em>*</em>文章网址</span>
                <input type="url" class="ipt ipt-submit-url" size="40" value="http://">
                <span class="u_tip"></span>
            </label>
        </li>
        <li>
            <label>
                <span class="submit-tit"><em>*</em>作者</span>
                <input type="url" class="ipt ipt-submit-author" size="40" value="<?php echo $u_name;?>">
                <span class="u_tip"></span>
            </label>
        </li>
        <li>
            <label>
                <span class="submit-tit"><em>*</em>E-mail</span>
                <input type="url" class="ipt ipt-submit-email" size="40" value="<?php echo $u_mail;?>">
                <span class="u_tip"></span>
            </label>
        </li>
        <li>
            <label>
                <span class="submit-tit"><em>*</em>文章内容</span>
                <textarea placeholder="写点什么..." class="submit-content u_ipt_error"></textarea>
                <span class="u_tip u_tip_content" style="display: inline-block;">内容不能为空!</span>
            </label>
        </li>
        <li>
            <input type="button" value="立即提交" class="btn btn-primary dosubmit">
            <input class="btn"  type="reset" value=" 重 填 " />
        </li>
        <li style="padding-top:10px;"><span class="tip"></span></li>
    </ul>

接着就是CSS样式了:

<style>
.submit-form li{margin-bottom: 12px;padding-left: 100px;clear: both;position: relative;}
.submit-tit{width: 94px;float: left;margin-left: -100px;text-align: right;font-size: 14px;line-height: 26px;}
.submit-form label em{color: #f00;font-style: normal;font-family: fantasy;margin-right: 2px;}
.submit-form .ipt{width: 300px;}
.submit-form select{border: 1px solid #D2D2D2;width: 314px;padding: 2px;border-radius: 2px;height: 30px;}
.submit-form textarea{border: 1px solid #D2D2D2;width: 98%;padding: 5px;border-radius: 2px;height: 250px;}
.submit-form .btn-primary{width: 90px;margin-right: 10px;}

.u_tip{position: absolute;margin-left: 10px;background-color: #F2DEDE;border: 1px solid #EED3D7;border-radius: 2px;height: 29px;line-height: 29px;padding: 0 10px;color: #B94A48;display: none;}
.u_ipt_error,.submit-form textarea.u_ipt_error{border: 1px solid #E0BAD2;box-shadow: 0 0 4px #E0BAD2;}
.u_tip_content{bottom: -42px;left: 47%}
.tip{background-color: #D9EDF7;border: 1px solid #BCE8F1;border-radius: 2px;padding: 6px 10px;color: #3A87AD;font-weight: bold;display: none;}

.article-entry ul{margin-left: 36px;}

.submit-signin ul{padding:10px 0 0 200px;}
.submit-signin li{clear:both;margin-bottom: 15px;}
.submit-signin b{float: left; width: 195px;text-align: right; margin-left: -200px;line-height: 29px;font-size: 14px;}
.submit-signin .ipt{width: 220px;font-weight: bold}
.submit-signin .btn-primary{width: 100px;}
.submit-signin .btn-mini{margin-right: 10px;}
</style>

对了,还有表单处需要一些参数,以下代码是调用参数的:

<?php
    global $current_user;
    get_currentuserinfo();
    $cur_id    = $current_user->ID;
    $user_info = get_userdata($cur_id);
    $u_login   = $user_info->user_login;
    $u_mail    = $user_info->user_email;
    $u_time    = $user_info->user_registered;
    $u_name    = get_user_meta($cur_id,'nickname',true);
?>

好了,应该差不多了, 我以经毫无保留的把代码贴出来了,能不能实现就要看你的造化了。至于如何提交,那是本站的核心代码,这个本站恕不分享!!请各位体谅哈~~~

转载请注明:嗨酷哥,有你更酷! » WordPress 实现会员登陆投稿

与本文相关文章

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项

网友评论4条  本站回复2

  1. 路过留名就这样

    女巫季2013-09-22 09:06 回复
  2. 不错,谢谢分享

    懒鱼2013-03-17 15:56 回复
  3. ok

    neo2013-03-11 15:38 回复
  4. 非常感谢,我其实不需要这个功能,只是不知道怎么实现,想要知道, 😛

    空城旧梦2013-03-05 11:54 回复