[经验交流] WordPress 实现会员登陆投稿

魔扣科技 · 发表于 2015-12-13 18:33:38

本帖子中包含更多资源

您需要登录才可以下载或查看，没有账号？立即注册

x

如何实现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);
?>

复制代码

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

gUYagyCV · 发表于 2017-1-4 17:37:41

时间冲不淡真情的酒，距离拉不开祝福的手，无论季节怎样改变，魔扣源码论坛祝福的心依旧；让阳光普照你所有的日子，让鲜花开满人生的旅程。祝好朋友：一生幸福，快乐无限！

非常完美 · 发表于 2017-3-11 09:09:45

我的祝福是一只蝴蝶，随风儿飘到你的枕边，做个好梦，把明天的承诺兑现！如果你有烦恼，我就陪你一个夜晚；只要你开心，我随时陪在你的身边！闭上眼睛，送你一份甘甜，张开双臂，拥你一份浪漫！魔扣源码论坛祝福亲爱的朋友：永远开心！永远灿烂！

佳讯通 · 发表于 2017-8-25 21:31:27

魔扣源码论坛谢谢朋友的精彩点评！谢谢您一直以来的支持和鼓励！您的每一次点评，哪怕是一个小图、几句短语，都让我激动万分，温暖全身！感谢网络为我们搭建了交流平台，架起一座交友金桥！让我们相识网络、从陌生到熟悉、到相识相知，成为好朋友。愿我们的友谊今世永存！

BxqvvvgF · 发表于 2018-2-8 22:47:39

我也顶起出售广告位

波波 · 发表于 2018-9-6 12:42:14

支持，赞一个

xoomsaf · 发表于 2019-3-24 22:21:26

秋风凉凉，夜也变长！轻声问候，是否繁忙？换季之时，魔扣源码论坛，注意健康，多喝开水，增加衣裳，早晚天冷，小心着凉，保重身体，快乐无恙。

[经验交流] WordPress 实现会员登陆投稿

本帖子中包含更多资源

相关帖子

最佳新人

活跃会员

热心会员

推广达人

宣传达人

突出贡献

优秀版主

荣誉管理

论坛元老