开启辅助访问

QQ登录

只需一步,快速开始

使用新浪微博登录

一号多站,快速登录

立即注册 找回密码

魔扣论坛

查看: 415|回复: 4

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

[复制链接]
  • TA的每日心情
    开心
    昨天 10:56
  • 签到天数: 914 天

    连续签到: 33 天

    [LV.10]论坛老兵

    3886

    主题

    4088

    帖子

    3万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    135024
    贡献
    15873
    威望
    11759

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2015-12-13 18:33:38 | 显示全部楼层 |阅读模式

    --> 点击购买VIP <----> 点击购买魔扣币 <--【1元 : 50/80/100魔扣币】

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

    下是实现登陆后投稿的一部分代码,我相信看到这段代码,就能实现你想要的功能了。
    1. if(!is_user_logged_in()){
    2. ?>
    3.         <h3 class="base-tit">您需要登陆才能投稿!</h3>
    4.         <form method="post" action="<?php bloginfo('url'); ?>/wp-login.php" name="loginform" class="submit-signin">
    5.                 <ul>
    6.                         <li><label><b>用户名:</b><input type="text" size="20" value="" name="log" class="ipt"></label></li>
    7.                         <li><label><b>密码:</b><input type="password" size="20" value="" name="pwd" class="ipt"></label></li>
    8.                         <li><input type="submit" value="立即登录" name="submit" class="btn btn-primary"></li>
    9.                         <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>
    10.                 </ul>
    11.                 <input type="hidden" value="<?php bloginfo('url'); ?>/submit" name="redirect_to">
    12.         </form>
    13. <?php }else{?>
    14.         <h3 class="base-tit">开始投稿!</h3>
    15.         这里是投稿的表单,可自行设计........
    16. <?php }?>
    复制代码
    如想要跟大前端效果一样,那表单处添加这样的HTML代码:
    1. <h3 class="base-tit">您需要登陆才能投稿!</h3>
    2.     <form method="post" action="<?php bloginfo('url'); ?>/wp-login.php" name="loginform" class="submit-signin">
    3.         <ul>
    4.             <li><label><b>用户名:</b><input type="text" size="20" value="" name="log" class="ipt"></label></li>
    5.             <li><label><b>密码:</b><input type="password" size="20" value="" name="pwd" class="ipt"></label></li>
    6.             <li><input type="submit" value="立即登录" name="submit" class="btn btn-primary"></li>
    7.             <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>
    8.         </ul>
    9.         <input type="hidden" value="<?php bloginfo('url'); ?>/submit" name="redirect_to">
    10.     </form>
    11.     <?php }else{?>
    12.     <h3 class="base-tit">开始投稿!</h3>
    13.     <ul class="submit-form">
    14.         <li>
    15.             <label>
    16.                 <span class="submit-tit"><em>*</em>文章标题</span>
    17.                 <input type="text" class="ipt ipt-submit-title u_ipt_error" placeholder="写点什么..." size="40">
    18.                 <span class="u_tip" style="display: inline-block;">标题不能为空!</span>
    19.             </label>
    20.         </li>
    21.         <li>
    22.             <label>
    23.                 <span class="submit-tit"><em>*</em>所属分类</span>
    24.                 <?php wp_dropdown_categories('show_count=1&hierarchical=1&exclude=1,97,149,461&class=ipt-submit-cat'); ?>
    25.             </label>
    26.         </li>
    27.         <li>
    28.             <label>
    29.                 <span class="submit-tit"><em>*</em>文章网址</span>
    30.                 <input type="url" class="ipt ipt-submit-url" size="40" value="http://">
    31.                 <span class="u_tip"></span>
    32.             </label>
    33.         </li>
    34.         <li>
    35.             <label>
    36.                 <span class="submit-tit"><em>*</em>作者</span>
    37.                 <input type="url" class="ipt ipt-submit-author" size="40" value="<?php echo $u_name;?>">
    38.                 <span class="u_tip"></span>
    39.             </label>
    40.         </li>
    41.         <li>
    42.             <label>
    43.                 <span class="submit-tit"><em>*</em>E-mail</span>
    44.                 <input type="url" class="ipt ipt-submit-email" size="40" value="<?php echo $u_mail;?>">
    45.                 <span class="u_tip"></span>
    46.             </label>
    47.         </li>
    48.         <li>
    49.             <label>
    50.                 <span class="submit-tit"><em>*</em>文章内容</span>
    51.                 <textarea placeholder="写点什么..." class="submit-content u_ipt_error"></textarea>
    52.                 <span class="u_tip u_tip_content" style="display: inline-block;">内容不能为空!</span>
    53.             </label>
    54.         </li>
    55.         <li>
    56.             <input type="button" value="立即提交" class="btn btn-primary dosubmit">
    57.             <input class="btn"  type="reset" value=" 重 填 " />
    58.         </li>
    59.         <li style="padding-top:10px;"><span class="tip"></span></li>
    60.     </ul>
    复制代码
    接着就是CSS样式了:
    1. <style>
    2. .submit-form li{margin-bottom: 12px;padding-left: 100px;clear: both;position: relative;}
    3. .submit-tit{width: 94px;float: left;margin-left: -100px;text-align: right;font-size: 14px;line-height: 26px;}
    4. .submit-form label em{color: #f00;font-style: normal;font-family: fantasy;margin-right: 2px;}
    5. .submit-form .ipt{width: 300px;}
    6. .submit-form select{border: 1px solid #D2D2D2;width: 314px;padding: 2px;border-radius: 2px;height: 30px;}
    7. .submit-form textarea{border: 1px solid #D2D2D2;width: 98%;padding: 5px;border-radius: 2px;height: 250px;}
    8. .submit-form .btn-primary{width: 90px;margin-right: 10px;}

    9. .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;}
    10. .u_ipt_error,.submit-form textarea.u_ipt_error{border: 1px solid #E0BAD2;box-shadow: 0 0 4px #E0BAD2;}
    11. .u_tip_content{bottom: -42px;left: 47%}
    12. .tip{background-color: #D9EDF7;border: 1px solid #BCE8F1;border-radius: 2px;padding: 6px 10px;color: #3A87AD;font-weight: bold;display: none;}

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

    14. .submit-signin ul{padding:10px 0 0 200px;}
    15. .submit-signin li{clear:both;margin-bottom: 15px;}
    16. .submit-signin b{float: left; width: 195px;text-align: right; margin-left: -200px;line-height: 29px;font-size: 14px;}
    17. .submit-signin .ipt{width: 220px;font-weight: bold}
    18. .submit-signin .btn-primary{width: 100px;}
    19. .submit-signin .btn-mini{margin-right: 10px;}
    20. </style>
    复制代码
    对了,还有表单处需要一些参数,以下代码是调用参数的:
    1. <?php
    2.     global $current_user;
    3.     get_currentuserinfo();
    4.     $cur_id    = $current_user->ID;
    5.     $user_info = get_userdata($cur_id);
    6.     $u_login   = $user_info->user_login;
    7.     $u_mail    = $user_info->user_email;
    8.     $u_time    = $user_info->user_registered;
    9.     $u_name    = get_user_meta($cur_id,'nickname',true);
    10. ?>
    复制代码
    好了,应该差不多了, 我以经毫无保留的把代码贴出来了,能不能实现就要看你的造化了。至于如何提交,那是本站的核心代码,这个本站恕不分享!!请各位体谅哈~~~

    技术服务:网站建设丨SEO优化丨运营维护丨主题汉化丨超级托管
    魔扣源码论坛丨客服QQ:1367681973丨微信客服:morko-net

    该用户从未签到

    5

    主题

    131

    帖子

    258

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    126
    贡献
    126
    威望
    1
    发表于 2017-1-4 17:37:41 | 显示全部楼层
    时间冲不淡真情的酒,距离拉不开祝福的手,无论季节怎样改变,魔扣源码论坛祝福的心依旧;让阳光普照你所有的日子,让鲜花开满人生的旅程。祝好朋友:一生幸福,快乐无限!

    该用户从未签到

    1

    主题

    109

    帖子

    217

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    108
    贡献
    108
    威望
    0
    发表于 2017-3-11 09:09:45 | 显示全部楼层
    我的祝福是一只蝴蝶,随风儿飘到你的枕边,做个好梦,把明天的承诺兑现!如果你有烦恼,我就陪你一个夜晚;只要你开心,我随时陪在你的身边!闭上眼睛,送你一份甘甜,张开双臂,拥你一份浪漫!魔扣源码论坛祝福亲爱的朋友:永远开心!永远灿烂!

    该用户从未签到

    0

    主题

    108

    帖子

    216

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    108
    贡献
    108
    威望
    0
    发表于 2017-8-25 21:31:27 来自手机 | 显示全部楼层
    魔扣源码论坛谢谢朋友的精彩点评!谢谢您一直以来的支持和鼓励!您的每一次点评,哪怕是一个小图、几句短语,都让我激动万分,温暖全身!感谢网络为我们搭建了交流平台,架起一座交友金桥!让我们相识网络、从陌生到熟悉、到相识相知,成为好朋友。愿我们的友谊今世永存!

    该用户从未签到

    0

    主题

    126

    帖子

    252

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    126
    贡献
    126
    威望
    0
    发表于 2018-2-8 22:47:39 | 显示全部楼层
    我也顶起出售广告位
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表