1. <div id="11111"></div>

    1. <div id="11111"></div>

      1. <div id="11111"></div>

        WordPress添加投稿功能

        日期: 标签:WordPress教程 557 条留言
        如需帮忙改代码,或者WordPress二次开发、PHP网站建设等需求,可联系我购买付费服务:  点此联系我

        很多网站都想开放读者的投稿功能,接受读者的投稿,不仅可以丰富博客的内容,还可以增加与读者之间的沟通,可以说是一举多得的事情,何乐不为呢?WordPress本身并不提供投稿功能,但是WordPress拥有强大的扩展能力,我们可以自己来添加这个功能。

        实现用户投稿,有两种方法,一种是开放后台的注册功能,普通用户注册进去默认设置为投稿者,登陆进去即可添加文章(默认为草稿);另一种方法是在前台提供投稿表单,用户填写相应的表格即可。前一种方法实现起来比较简单,基本不需要博主配置太多东西,只是有些博主可能会觉得别扭,不愿让他人看到自己的博客后台;而后一种方法对投稿者来说方便了很多,博主也不用担心自己博客的后台隐私,只是该方法实现起来比较麻烦,需要配置的东西很多。本文也只将介绍后一种方法,希望对你有所帮助,当然也只是复制粘贴代码就可以了。

        一、添加投稿表单

        1、首先在当前主题的目录下新建一个php文件,命名为tougao-page.php,然后将page.php中的所有代码复制到tougao-page.php中;

        2、删除tougao-page.php开头的所有注释,即 /* 与 */ ,以及它们之间的所有内容;

        3、搜索:the_content,可以查找到类似代码<?php the_content(); ?>,将其替换成代码一

        如果你在tougao-page.php中找不到the_content,那么你可以查找:get_template_part,可找到类似代码:<?php get_template_part( 'content', 'page' ); ?>,将content-page.php中的所有代码替换这部分代码即可。再用下面的代码替换<?php the_content(); ?>

        代码一:

        <?php the_content(); ?>
        
        <!-- 关于表单样式,请自行调整-->
        <form class="ludou-tougao" method="post" action="<?php echo $_SERVER["REQUEST_URI"]; $current_user = wp_get_current_user(); ?>">
        	<div style="text-align: left; padding-top: 10px;">
        		<label for="tougao_authorname">昵称:*</label>
        		<input type="text" size="40" value="<?php if ( 0 != $current_user->ID ) echo $current_user->user_login; ?>" id="tougao_authorname" name="tougao_authorname" />
        	</div>
        
        	<div style="text-align: left; padding-top: 10px;">
        		<label for="tougao_authoremail">E-Mail:*</label>
        		<input type="text" size="40" value="<?php if ( 0 != $current_user->ID ) echo $current_user->user_email; ?>" id="tougao_authoremail" name="tougao_authoremail" />
        	</div>
        					
        	<div style="text-align: left; padding-top: 10px;">
        		<label for="tougao_authorblog">您的博客:</label>
        		<input type="text" size="40" value="<?php if ( 0 != $current_user->ID ) echo $current_user->user_url; ?>" id="tougao_authorblog" name="tougao_authorblog" />
        	</div>
        
        	<div style="text-align: left; padding-top: 10px;">
        		<label for="tougao_title">文章标题:*</label>
        		<input type="text" size="40" value="" id="tougao_title" name="tougao_title" />
        	</div>
        
        	<div style="text-align: left; padding-top: 10px;">
        		<label for="tougaocategorg">分类:*</label>
        		<?php wp_dropdown_categories('hide_empty=0&id=tougaocategorg&show_count=1&hierarchical=1'); ?>
        	</div>
        					
        	<div style="text-align: left; padding-top: 10px;">
        		<label style="vertical-align:top" for="tougao_content">文章内容:*</label>
        		<textarea rows="15" cols="55" id="tougao_content" name="tougao_content"></textarea>
        	</div>
        					
        	<br clear="all">
        	<div style="text-align: center; padding-top: 10px;">
        		<input type="hidden" value="send" name="tougao_form" />
        		<input type="submit" value="提交" />
        		<input type="reset" value="重填" />
        	</div>
        </form>

        二、添加表单处理代码

        在tougao-page.php开头处中,将第一个 <?php 改成代码二:

        <?php
        /**
         * Template Name: tougao
         * 作者:露兜
         * 博客:http://www.szeverich.net.cn/
         * 
         * 更新记录
         *  2010年09月09日 :
         *  首个版本发布
         *  
         *  2011年03月17日 :
         *  修正时间戳函数,使用wp函数current_time('timestamp')替代time()
         *  
         *  2011年04月12日 :
         *  修改了wp_die函数调用,使用合适的页面title
         *  
         *  2013年01月30日 :
         *  错误提示,增加点此返回链接
         *  
         *  2013年07月24日 :
         *  去除了post type的限制;已登录用户投稿不用填写昵称、email和博客地址
         *  
         *  2015年03月08日 :
         *  使用date_i18n('U')代替current_time('timestamp')
         */
            
        if( isset($_POST['tougao_form']) && $_POST['tougao_form'] == 'send') {
            global $wpdb;
            $current_url = 'http://你的投稿页面地址';   // 注意修改此处的链接地址
        
            $last_post = $wpdb->get_var("SELECT `post_date` FROM `$wpdb->posts` ORDER BY `post_date` DESC LIMIT 1");
        
            // 博客当前最新文章发布时间与要投稿的文章至少间隔120秒。
            // 可自行修改时间间隔,修改下面代码中的120即可
            // 相比Cookie来验证两次投稿的时间差,读数据库的方式更加安全
            if ( (date_i18n('U') - strtotime($last_post)) < 120 ) {
                wp_die('您投稿也太勤快了吧,先歇会儿!<a href="'.$current_url.'">点此返回</a>');
            }
                
            // 表单变量初始化
            $name = isset( $_POST['tougao_authorname'] ) ? trim(htmlspecialchars($_POST['tougao_authorname'], ENT_QUOTES)) : '';
            $email =  isset( $_POST['tougao_authoremail'] ) ? trim(htmlspecialchars($_POST['tougao_authoremail'], ENT_QUOTES)) : '';
            $blog =  isset( $_POST['tougao_authorblog'] ) ? trim(htmlspecialchars($_POST['tougao_authorblog'], ENT_QUOTES)) : '';
            $title =  isset( $_POST['tougao_title'] ) ? trim(htmlspecialchars($_POST['tougao_title'], ENT_QUOTES)) : '';
            $category =  isset( $_POST['cat'] ) ? (int)$_POST['cat'] : 0;
            $content =  isset( $_POST['tougao_content'] ) ? trim(htmlspecialchars($_POST['tougao_content'], ENT_QUOTES)) : '';
            
            // 表单项数据验证
            if ( empty($name) || mb_strlen($name) > 20 ) {
                wp_die('昵称必须填写,且长度不得超过20字。<a href="'.$current_url.'">点此返回</a>');
            }
            
            if ( empty($email) || strlen($email) > 60 || !preg_match("/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix", $email)) {
                wp_die('Email必须填写,且长度不得超过60字,必须符合Email格式。<a href="'.$current_url.'">点此返回</a>');
            }
            
            if ( empty($title) || mb_strlen($title) > 100 ) {
                wp_die('标题必须填写,且长度不得超过100字。<a href="'.$current_url.'">点此返回</a>');
            }
            
            if ( empty($content) || mb_strlen($content) > 3000 || mb_strlen($content) < 100) {
                wp_die('内容必须填写,且长度不得超过3000字,不得少于100字。<a href="'.$current_url.'">点此返回</a>');
            }
            
            $post_content = '昵称: '.$name.'<br />Email: '.$email.'<br />blog: '.$blog.'<br />内容:<br />'.$content;
            
            $tougao = array(
                'post_title' => $title, 
                'post_content' => $post_content,
                'post_category' => array($category)
            );
        
        
            // 将文章插入数据库
            $status = wp_insert_post( $tougao );
          
            if ($status != 0) { 
                // 投稿成功给博主发送邮件
                // somebody#example.com替换博主邮箱
                // My subject替换为邮件标题,content替换为邮件内容
                wp_mail("somebody#example.com","My subject","content");
        
                wp_die('投稿成功!感谢投稿!<a href="'.$current_url.'">点此返回</a>', '投稿成功');
            }
            else {
                wp_die('投稿失败!<a href="'.$current_url.'">点此返回</a>');
            }
        }

        最后以UTF-8编码保存tougao-page.php,否则中文可能会乱码。然后进入WordPress管理后台 – 页面 – 创建页面,标题为投稿(可以自己起名),内容填上投稿说明等,右侧可以选择模板,选择 tougao 即可。此页面即前台注册页面,将该页面的链接放到网站任何位置,供用户点击注册即可。

        好了,基本的投稿功能已经添加完毕,至于表单样式不好看,表单缺少你想要的项目等问题,你就自己添加css、表单项吧。最后,也欢迎给本站投稿哦,当然本站的投稿方式是开放后台的注册功能,不是以上的表单形式。

        代码补充说明

        1、如果你想让投稿的文章立即发布,而不需要审核再编辑,那么请将以上代码中的:

        'post_content' => $post_content,

        改成:

        'post_content' => $post_content,
        'post_status' => 'publish',

        2、如果你想让用户在投稿的同时,将投稿者注册成你本站的投稿者,并将文章的作者归到这个投稿者的名下,你可以参考此条回复的内容修改相应的代码:查看回复。

        3、如果你的博客文章都有自定义栏目,并且想在用户投稿的同时添加自定义栏目,可以参考这条回复:查看回复。

        4、如果你觉得本文提供的文章编辑框太过单调,需要一个富文本编辑,你可以看看这篇文章(包含图片上传功能):WordPress投稿功能添加富文本编辑器

        5、如果你使用了一些富文本编辑器,文章提交后内容中的代码都被转义了,可以参考这条回复:查看回复。

        6、如果你需要投稿的文章发布后通知投稿者,可以看看这篇文章(前提投稿的文章默认是草稿状态,而不是直接发布):WordPress投稿功能添加邮件提醒功能

        7、如果你想给投稿页面增加验证码功能,可以 点此下载 验证码文件,解压后将captcha目录放到当前主题目录下,然后在代码一中,将35行的:

        <br clear="all">

        改成:

        <div style="text-align: left; padding-top: 10px;">
          <label for="CAPTCHA">验证码:
            <input id="CAPTCHA" style="width:110px;*float:left;" class="input" type="text" tabindex="24" size="10" value="" name="captcha_code" /> 看不清?<a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='<?php bloginfo('template_url'); ?>/captcha/captcha.php?'+Math.random();document.getElementById('CAPTCHA').focus();return false;">点击更换</a>
          </label>
        </div>
            
        <div style="text-align: left; padding-top: 10px;">
          <label>
            <img id="captcha_img" src="<?php bloginfo('template_url'); ?>/captcha/captcha.php" />
          </label>
        </div>
                   
        <br clear="all">

        将代码二中的:

        if( isset($_POST['tougao_form']) && $_POST['tougao_form'] == 'send') {

        改成:

        if (!isset($_SESSION)) {
         	session_start();
        	session_regenerate_id(TRUE);
        }
         
        if( isset($_POST['tougao_form']) && $_POST['tougao_form'] == 'send') {
          if(empty($_POST['captcha_code'])
            || empty($_SESSION['ludou_lcr_secretword'])
            || (trim(strtolower($_POST['captcha_code'])) != $_SESSION['ludou_lcr_secretword'])
          ) {
            wp_die('验证码不正确!<a href="'.$current_url.'">点此返回</a>');
          }

        大功造成!

        -- 完 --

        本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:
        原文出处:露兜博客 http://www.szeverich.net.cn/wordpress-add-contribute-page.html
        露兜
        kaapass@outlook.com  QQ 825533758

        业余编程爱好者,主业是淘宝店主,卖些工艺品,感兴趣可以到我的淘宝店看看(旺旺不提供技术咨询):西西弗sisyphe

        557 条留言

        点此留言
        1 8 9 10 115
        1. 购物生活好店品

          怎样添加需要登录 才能投稿呢?

        2. 阳江活动网

          @购物生活好店品 <div class="container-user"<?php echo is_user_logged_in()?'':' id="issignshow" style="height:500px;"' ?>>
          <?php if( is_user_logged_in() ){ global $current_user; ?>

          <article class="article-content">
          <form> ……………………………………

          </form>

          <?php } ?>
          </div>

        3. 阳江活动网
        4. 阳江活动网

          你好,我通过wangbaiyuan.cn/write-in-wordpress-said.html增加了个说说功能,请问怎么在这个文章列表中增加投稿功能?我想让更多的人在这个页面上写说说,成为一个多人说说页面,百度上搜了两天都没有搜到,不知道是不是搜索不正确。

        5. stream

          原来post_category是"post"这个post_type的分类。刚看了下你说的需要配合wp_set_object_term使用,http://taoyh163.blog.163.com/blog/static/19580356201432385118819/??雌鹄春醚凼?,这段老外的代码有点像wp-user-frontend这个插件里面的字段。哈哈。感谢露兜大大百忙抽空回复,这次一定要认证测试搞出来。

        6. David

          至于用户投稿失败提示后返回页面内容被清空的问题,我建议你学习一下【异次元软件世界】站长【X-force】的做法。因为他的站点没有ajax评论,所以他在处理评论提示信息的时候遇到了同样的问题——评论提示错误后内容被清空。于是他采取了如下的做法:在错误提示页面新增一个textarea,然后将用户刚才的投稿内容(也就是那个$post_content)以value值的形式接收到这个textarea的内容中,方便用户先复制出自己的投稿内容再返回,防止内容丢失。至于为什么用textarea是因为方便用户复制,不过将内容直接输出到网页上也可以。这样,当用户看到错误信息时,也能看到自己刚才的投稿内容,就解决了该问题。不过,如果采取此方法建议将wp_die()直接改成die(),虽然会难看那么点儿,但是样式可以自己调整,而且这样做是为了在页面里放更多的内容(把textarea放到wp_die的那个白框框里总觉得那么不靠谱~)况且还可以防止别有用心的人分析style样式推断wp版本号(我在前期的留言里提到过)。不过这个办法有个弊端——如果使用了富文本编辑器,投稿内容就会包含大量HTML标签并把这些东西直接以纯文本的方式输出在textarea里,稍微菜一点的访客就该手足无措了~~~~~而且可能导致内容错乱,如果要在输出前进行转义或者什么的操作就比较麻烦了。这里有个事例——【http://www.ipc.me/guestbook】这玩意是个留言板,不过经我测试这个页面已经不能正常工作了,不管你输入什么评论内容都会提示错误,正好可以用来测试~~~(注意测试时内容要输几个中文字,邮箱地址什么的要合法,否则会在提交前进行alert提醒)他这个页面用了两道步骤检查内容是否合法,第一道是直接在用户提交前用js进行简单检查,如果不合法就会弹窗提醒(就是alert),优点在于根本不用跳转页面就可以检查内容,更不会清空内容。(启用ajax评论的博友们不要嫌我得瑟哦~~)可是有些别有用心的人会禁用js再提交,于是这就有了步骤二——通过wp-comment-post.php再次验证。(ajax友们一边玩去~~~~)因为这是后端处理,所以这里同样存在这个清空的问题,于是他采取了我说的这个做法。我认为这个方法还是很合理的。如果投稿页面能加上前台js验证的话(就是刚才说的步骤一)也是不错的。不过别忘了步骤二一定不可缺少。要是变成ajax投稿会更好,不过我知道这个会很难~

          继续加油吧~~~

        7. David

          更正一下刚才我的留言,textarea是没有value参数的(呵呵这点我忘了~~),正确做法是把内容输出在<textarea>和</textarea>之间。

        8. 交通保险律师

          请问,博主,如何将投稿限制在一个分类呢?

        9. 交通保险律师

          我想新建一个分类目录“法律咨询”,将所有问题投稿限制在这个分类

        10. 露兜

          @交通保险律师 'post_category' => array($category)
          改成
          'post_category' => array(77)

          77是你限定的分类id

        11. 肥猪流

          问下博主?就是那个“内容必须填写,且长度不得超过1000字,不得少于10字?!闭飧鲅橹つ懿荒芨某伞澳谌萃计匦胗?,且图片数量不能多余10张,不得少于3张?!币丫床┲魉档奶砑恿薻indeditor富文本编辑器并支持上传图片功能?我想问的就是能不能把内容判断那里判断为图片,而不是文字,就算不写文字只要添够上传图片数量就能发布呢?在线求答?

        12. 肥猪流

          @肥猪流 请问博主不能实现这样的验证吗?

        13. 黄不古

          添加出来的页面,页头出现白条

        14. chasonma

          那个控制投稿速度太快了,有没有只针对当前用户的?

        15. 灵异事件

          露兜您好,不好意思又来请教您,我想如果用户未登陆,投稿内容统一归到某一特定用户,如果用户已登陆,则自动归到用户本人ID,请问应该在这段代码里加什么样的判断呢?谢谢你

          $tougao = array(
          'post_title' => $title,
          'post_content' => $post_content,
          'post_author' => 1111, // 1111 改成投稿用户的id
          'post_category' => array($category)
          );

        16. 一川烟草

          麻烦问一下,前台投稿如何选择“文章形式”呢?

          我希望前台投稿属于某个文章形式,比如日志(aside),研究了一下,发现文章形式保存在数据表“wp_term_relationships”中,object_id:为文章ID,term_taxonomy_id:为文章形式或标签的ID,我的日志文章形式的ID为:72,请问怎样在前台直接写入数据库呢?

          谢谢露兜大神!

        17. 李开文博客

          这种方式,用户投稿是不需要注册的吗

        18. 露兜

          @李开文博客 文章第二段已经说明

        19. 老张

          露兜,你好,劳驾问一下,我的系统是4.6.1的装了此功能后提交表单后页面显示空白,文章也没有提交成功,请问是哪里出错了,谢谢!

        20. 露兜

          @老张 同样用的4.6.1,没有出现问题。
          之所以出现空白,可能是你粘贴的代码出现错误,但是你的服务器配置不显示错误显示导致的。
          请自行上网搜索如果打开php服务器的报错功能,或咨询服务器客服。

        21. px115

          下载的验证码文件中好像没有这个代码啊,搜了全文都没有<br clear="all">

        22. 1111111111111

          谢谢分享

        23. 李涛

          如果你想让投稿的文章立即发布,而不需要审核再编辑,那么请将以上代码66行改成:

          'post_content' => $post_content, 'post_status' => 'publish',

          改过之后,投入仍然需要审核,是怎么回事

        24. 露兜

          @李涛 抱歉,文中代码已经多次修改,需要修改代码的行号是第69行

        25. 露兜

          @李涛 文章内容已经更新,按文章的说明操作即可

        26. AFR

          露兜大大你好
          我用了你的投稿模版以后,想调用wp自带的编辑器
          于是就修改了下面的代码
          将这段代码<textarea rows="15" cols="55" id="tougao_content" name="tougao_content"></textarea>

          替换为
          <?php wp_editor( "", tougao_content, $settings = array(
          'quicktags'=>1,
          'tinymce'=>1,
          'media_buttons'=>0,
          'textarea_rows'=>10,
          'editor_class'=>"textareastyle"
          ) ); ?>
          结果发现提交上来的内容是空的,求解原因和解决方法
          谢谢

        27. 露兜

          @AFR 试试:
          <?php wp_editor( "", tougao_content, $settings = array(
          'quicktags'=>1,
          'tinymce'=>1,
          'media_buttons'=>0,
          'textarea_name' => 'tougao_content',
          'textarea_rows'=>10,
          'editor_class'=>"textareastyle"
          ) ); ?>

        28. AFR

          露兜大大
          加上你给的
          'textarea_name' => 'tougao_content'
          以后网页就500错误了
          不知道原因是什么
          求解
          谢谢

        29. 露兜

          @AFR 注意后面加半角逗号

        30. AFR

          谢谢
          (? ???ω??? ?)

        31. 一介小民

          有没有解决判断标题重复的方法 呢,网上没找到。

        32. J

          请问发表的内容,其中"Email"地址,想只有"博主"才能够看到,请问如何修改!?

          这一段:$post_content = '昵称: '.$name.'<br />Email: '.$email.'<br />blog: '.$blog.'<br />内容:<br />'.$content;

        33. 露兜

          @J 请问,哪些地方可以让非博主访客看到email?

        34. J

          @露兜 因为投稿是採取直接发表文章的方式。

          想保障投稿者的私隐下,他们发表的文章,所有的email只有博主才能够看得到…其他人一律无法看见….

        35. j

          @露兜 最后!废除了原有的Email栏位。使用了自定义栏目,不过这个栏位没有判断符合email地址格式!…

          有小小建议的,不知道博主还会不会再更新,如果验证码使用"Google reCAPTCHA"就更加完美了。

          很多谢您的无私分享!… ^^

        36. 好货值得买

          不错,这个可以有~

        37. 小天狼

          你好,我用的是wp自带的编辑器,但是也出现了 < >符号出现转义情况,导致在后台查看文章内容,在可视化下出现了文本模式,而文本模式里的 < >符号都被转义了。
          求助

        1 8 9 10

        发表留言

        可以挣钱的游戏 762| 702| 525| 251| 23| 427| 653| 249| 659| 978| 49| 106| 103| 975| 854| 727| 416| 236| 557| 221| 667| 232| 204| 190| 774| 215| 31| 965| 341| 637| 919| 255| 907| 968| 372| 815|