首页 > SEO优化 > 最近从ITbobo那移植来的wordpress投稿功能,分享给大家!

最近从ITbobo那移植来的wordpress投稿功能,分享给大家!

时间:2023年10月19日 分类:SEO优化 浏览量:142

之前本站有发布过一款仿新版蛋花儿主题,这款wordpress主题得到很多朋友的喜欢,可收到很多朋友的反馈说是要增加wordpress投稿功能,当时忙于其他的事情,一直没顾及上这款wordpress主题的维护工作!

而最近经常收到一些投稿主题的邮件,也是因为本站没有一个wordpress投稿功能,所以一直用发邮件代替着,其实小编知道有很多的投稿插件,但是小编一直提倡远离插件,提升速度的口号!

于是小编前些天从好友ITbobo主题里移植了其wordpress投稿功能,感觉十分的强大,纯代码完成!效率高!也易于使用!

不多说哈,开始教程啦!

首先在wordpress主题的根目录新建一个tougao.php,将下面的代码插入。。。对是插入!

  1. <?php  

  2. /* 

  3.     Template Name: 投稿页面 

  4. */  

  5. if( isset($_POST[‘tougao_form’]) && $_POST[‘tougao_form’] == ‘send’){  

  6.     if( isset($_COOKIE[“tougao”]) && ( time() – $_COOKIE[“tougao”] ) < 120 ){  

  7.         wp_die(‘您投稿也太勤快了吧,先歇会儿!’);  

  8.     }  

  9.     //表单变量初始化  

  10.     $name = isset( $_POST[‘tougao_authorname’] ) ? $_POST[‘tougao_authorname’] : ”;  

  11.     $email = isset( $_POST[‘tougao_authoremail’] ) ? $_POST[‘tougao_authoremail’] : ”;  

  12.     $blog = isset( $_POST[‘tougao_authorblog’] ) ? $_POST[‘tougao_authorblog’] : ”;  

  13.     $title = isset( $_POST[‘tougao_title’] ) ? $_POST[‘tougao_title’] : ”;  

  14.     $tags = isset( $_POST[‘tougao_tags’] ) ? $_POST[‘tougao_tags’] : ”;  

  15.     $category = isset( $_POST[‘cat’] ) ? (int)$_POST[‘cat’] : 0;  

  16.     $content = isset( $_POST[‘tougao_content’] ) ? $_POST[‘tougao_content’] : ”;  

  17.     //表单项数据验证  

  18.     if ( emptyempty($name) || strlen($name) > 20 ){  

  19.         wp_die(‘昵称必须填写,且不得超过20个长度’);  

  20.     }  

  21.     if ( emptyempty($email) || strlen($email) > 60 || !preg_match(“/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix”, $email)){  

  22.         wp_die(‘邮箱必须填写,且不得超过60个长度,必须符合 Email 格式’);  

  23.     }  

  24.     if ( emptyempty($title) || strlen($title) > 100 ){  

  25.         wp_die(‘文章标题必须填写,且不得超过100个长度’);  

  26.     }  

  27.     if ( emptyempty($content) || strlen($content) < 100){  

  28.         wp_die(‘内容必须填写,且不得少于100个长度’);  

  29.     }  

  30.     $tougao = array(‘post_title’ => $title,’post_content’ => $content,’post_status’ => ‘pending’,’tags_input’ => $tags,’post_category’ => array($category));  

  31.   

  32.     $status = wp_insert_post( $tougao );//将文章插入数据库  

  33.     if ($status != 0){  

  34.         global $wpdb;  

  35.         $myposts = $wpdb->get_results(“SELECT ID FROM $wpdb->posts WHERE post_status = ‘pending’ AND post_type = ‘post’ ORDER BY post_date DESC”);  

  36.         add_post_meta($myposts[0]->ID, ‘tcp_postauthor’, $name);    //插入投稿人昵称的自定义域  

  37.         if( !emptyempty($blog))  

  38.             add_post_meta($myposts[0]->ID, ‘tcp_posturl’, $blog);    //插入投稿人网址的自定义域  

  39.         setcookie(“tougao”, time(), time()+180);  

  40.         wp_die(‘投稿成功!’,’投稿成功!’);  

  41.     }else{  

  42.         wp_die(‘投稿失败!’,’投稿失败!’);  

  43.     }  

  44. }  

  45. get_header();  

  46. ?>  

  47. <body>  

  48.     <?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>   

  49.     <div id=”wrapper” class=”clearfix”>  

  50.         <div class=”tougao divmargin”>  

  51.             <div class=”entryy” style=”background-color: #FFF8D9;border: 1px solid #FEBE8F;border-radius: 2px;color: #FF6600;padding:5px;margin:10px 10px 0px 10px;font-size:13px;”>  

  52.                 <?php the_content(‘More &raquo;’); ?>  

  53.             </div>  

  54.             <div class=”entryy”>  

  55.                 <form method=”post” action=”<?php echo $_SERVER[“REQUEST_URI”]; ?>”>  

  56.                     <div id=”basicinfo”>  

  57.                         <p>  

  58.                             <label>作者昵称:</label>  

  59.                             <input type=”text” value=”” name=”tougao_authorname” />  

  60.                             <small>*</small>  

  61.                         </p>  

  62.                         <p>  

  63.                             <label>E-Mail:</label>  

  64.                             <input type=”text” value=”” name=”tougao_authoremail” />  

  65.                             <small>*</small>  

  66.                         </p>  

  67.                         <p>  

  68.                             <label>您的网站:</label>  

  69.                             <input type=”text” value=”” name=”tougao_authorblog” />  

  70.                         </p>  

  71.                         <p>  

  72.                             <label>文章标题:</label>  

  73.                             <input type=”text” value=”” name=”tougao_title” />  

  74.                             <small>*</small>  

  75.                         </p>  

  76.                         <p>  

  77.                             <label>文章分类:</label>  

  78.                             <?php wp_dropdown_categories(‘show_count=1&hierarchical=1’); ?>  

  79.                             <small>*</small>  

  80.                         </p>  

  81.                         <p>  

  82.                             <label>关键词:</label>  

  83.                             <input type=”text” value=”” name=”tougao_tags” />  

  84.                             <small>*</small>  

  85.                         </p>  

  86.                     </div>  

  87.                     <div>  

  88.                         <label>文章内容:(必须)</label>  

  89.                     </div>  

  90.                     <div class=”post-area”>  

  91.                         <textarea rows=”15″ cols=”55″ name=”tougao_content”></textarea>  

  92.                     </div>  

  93.                     <p>  

  94.                         <input type=”hidden” value=”send” name=”tougao_form” />  

  95.                         <input id=”submit” name=”submit” type=”submit” value=”提交文章” />  

  96.                         <input id=”reset” name=”submit” type=”reset” value=”重填” />  

  97.                     </p>  

  98.                 </form>  

  99.             </div>  

  100.         </div>  

  101.     </div>  

  102.     <?php endwhile; else: ?>  

  103.     <?php endif; ?>  

  104.     <?php get_footer(); ?>  

然后打开wordpress主题根目录下的style.css,将下面代码插入进去,对,,,又是插入!

  1. /***************投稿**************/  

  2. .tougao{background: none repeat scroll 0 0 #FFF;border: 1px solid #DBDBDB;border-radius:5px;clear: both;overflow:hidden;height:auto;}  

  3. .tougao .entryy{ list-style: none outside none;padding: 15px 0 15px 30px;padding: 10px;}.tougao .entryy p{line-height: 26px;padding-left: 10px;}  

  4. #basicinfo p {width:333px;border: 1px solid #CCC;border-radius: 2px;position: relative;text-indent:0px;margin: 0 0 10px;}  

  5. #basicinfo p #cat {border: 0 none;width: 255px;}  

  6. #basicinfo p:hover, #basicinfo p.on {border-color: #BBB;box-shadow: 0 0 4px #DDD;color: #222;}  

  7. #basicinfo p:hover label, #basicinfo p.on label {border-color: #BBB;}  

  8. #basicinfo label {border-bottom-left-radius: 2px;border-right: 1px solid #CCC;border-top-left-radius: 2px;display: inline-block;height: 20px; padding: 4px;line-height: 20px;text-align: right;width:62px;}  

  9. #basicinfo p small {color: #888;font-size: 12px;left: 350px;position: absolute;}  

  10. #basicinfo input {border: 0 none;border-radius: 2px ;height: 20px;line-height: 20px;padding: 4px;width: 250px;color: #444;font-family: microsoft yahei,verdana,arial;font-size: 12px;outline: medium none;}  

  11. .post-area {background: none repeat scroll 0 0 #FFF;border-radius: 2px;margin-bottom: 10px;position: relative;}  

  12. .post-area  textarea {background: none repeat scroll 0 0 transparent;border: medium none;height: 98px;line-height: 20px;padding: 4px 6px;position: relative;width: 98%;z-index: 2;min-height:320px;border: 1px solid #CCC;}  

  13. .tougao .entryy p input#submit{ -moz-transition: all 0.1s ease-out 0s;border: 1px solid #016EBD;border-radius: 3px;display: inline-block;padding: 5px 15px 6px;text-align: center;background-color: #4D90FE;background-image: -moz-linear-gradient(#049CDB, #0179D2);box-shadow: 0 1px 1px #E6E6E6, 0 1px 0 #36AFE2 inset;color: #FFFFFF;text-shadow: 0 0 1px #016EBD;cursor:pointer;width:auto;}  

  14. .tougao .entryy p input#reset{ -moz-transition: all 0.1s ease-out 0s;background-color: #F9F9F9;background-image: -moz-linear-gradient(#F9F9F9, #F1F1F1);border: 1px solid #CCC;border-radius: 3px;box-shadow: 0 1px 1px #E6E6E6, 0 1px 0 #FFF inset;color: #444;display: inline-block;padding: 5px 15px 6px;text-align: center;text-shadow: 0 0 1px #FEFEFE;cursor:pointer;width:auto;}  

  15. .tougao .entryy p #submit:hover, .tougao .entryy p #reset:hover {color:red;}  

只需两步,轻松完成wordpress投稿功能!然后新建页面,选择投稿页面即可!!!

大家会发现,编写正文的时候木有编辑按钮选项,小编是考虑到一些被上传乱七八糟附件,所以没加!!!如果有需要,那么开始新的教程!!!

 

 

同样是在wordpress主题根目录新建tougao.php,然后插入下面的代码!

  1. <?php  

  2. /* 

  3.     Template Name: 投稿页面 

  4. */  

  5. if( isset($_POST[‘tougao_form’]) && $_POST[‘tougao_form’] == ‘send’){  

  6.     if( isset($_COOKIE[“tougao”]) && ( time() – $_COOKIE[“tougao”] ) < 120 ){  

  7.         wp_die(‘您投稿也太勤快了吧,先歇会儿!’);  

  8.     }  

  9.     //表单变量初始化  

  10.     $name = isset( $_POST[‘tougao_authorname’] ) ? $_POST[‘tougao_authorname’] : ”;  

  11.     $email = isset( $_POST[‘tougao_authoremail’] ) ? $_POST[‘tougao_authoremail’] : ”;  

  12.     $blog = isset( $_POST[‘tougao_authorblog’] ) ? $_POST[‘tougao_authorblog’] : ”;  

  13.     $title = isset( $_POST[‘tougao_title’] ) ? $_POST[‘tougao_title’] : ”;  

  14.     $tags = isset( $_POST[‘tougao_tags’] ) ? $_POST[‘tougao_tags’] : ”;  

  15.     $category = isset( $_POST[‘cat’] ) ? (int)$_POST[‘cat’] : 0;  

  16.     $content = isset( $_POST[‘tougao_content’] ) ? $_POST[‘tougao_content’] : ”;  

  17.     //表单项数据验证  

  18.     if ( emptyempty($name) || strlen($name) > 20 ){  

  19.         wp_die(‘昵称必须填写,且不得超过20个长度’);  

  20.     }  

  21.     if ( emptyempty($email) || strlen($email) > 60 || !preg_match(“/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix”, $email)){  

  22.         wp_die(‘邮箱必须填写,且不得超过60个长度,必须符合 Email 格式’);  

  23.     }  

  24.     if ( emptyempty($title) || strlen($title) > 100 ){  

  25.         wp_die(‘文章标题必须填写,且不得超过100个长度’);  

  26.     }  

  27.     if ( emptyempty($content) || strlen($content) < 100){  

  28.         wp_die(‘内容必须填写,且不得少于100个长度’);  

  29.     }  

  30.     $tougao = array(‘post_title’ => $title,’post_content’ => $content,’post_status’ => ‘pending’,’tags_input’ => $tags,’post_category’ => array($category));  

  31.   

  32.     $status = wp_insert_post( $tougao );//将文章插入数据库  

  33.     if ($status != 0){  

  34.         global $wpdb;  

  35.         $myposts = $wpdb->get_results(“SELECT ID FROM $wpdb->posts WHERE post_status = ‘pending’ AND post_type = ‘post’ ORDER BY post_date DESC”);  

  36.         add_post_meta($myposts[0]->ID, ‘tcp_postauthor’, $name);    //插入投稿人昵称的自定义域  

  37.         if( !emptyempty($blog))  

  38.             add_post_meta($myposts[0]->ID, ‘tcp_posturl’, $blog);    //插入投稿人网址的自定义域  

  39.         setcookie(“tougao”, time(), time()+180);  

  40.         wp_die(‘投稿成功!’,’投稿成功!’);  

  41.     }else{  

  42.         wp_die(‘投稿失败!’,’投稿失败!’);  

  43.     }  

  44. }  

  45. get_header();  

  46. ?>  

  47.     <div class=”nyadtop”>  

  48.         <a href=”http://www.2zzt.com/theme-customization” target=”_blank”><img alt=”wordpress主题定制” title=”wordpress主题定制” src=”<?php bloginfo(‘template_directory’); ?>/images/nyadtop.png”></a>  

  49.     </div>  

  50. <body>  

  51.     <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/kindeditor/kindeditor-min.js”></script>  

  52.     <script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/kindeditor/lang/zh_CN.js”></script>  

  53.     <script type=”text/javascript”>  

  54.             var editor;  

  55.             KindEditor.ready(function(K) {  

  56.                 editor = K.create(‘textarea[name=”tougao_content”]’, {  

  57.                     allowFileManager : false,  

  58.                     allowImageUpload : false,  

  59.                 });  

  60.             });  

  61.     </script>  

  62.     <?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>   

  63.     <div id=”wrapper” class=”clearfix”>  

  64.         <div class=”tougao divmargin”>  

  65.             <div class=”entry” style=”background-color: #FFF8D9;border: 1px solid #FEBE8F;border-radius: 2px;color: #FF6600;padding:5px;margin:10px 10px 0px 10px;font-size:13px;”>  

  66.                 <?php the_content(‘More &raquo;’); ?>  

  67.             </div>  

  68.             <div class=”entry”>  

  69.                 <form method=”post” action=”<?php echo $_SERVER[“REQUEST_URI”]; ?>”>  

  70.                     <div id=”basicinfo”>  

  71.                         <p>  

  72.                             <label>昵称:</label>  

  73.                             <input type=”text” value=”” name=”tougao_authorname” />  

  74.                             <small>*</small>  

  75.                         </p>  

  76.                         <p>  

  77.                             <label>E-Mail:</label>  

  78.                             <input type=”text” value=”” name=”tougao_authoremail” />  

  79.                             <small>*</small>  

  80.                         </p>  

  81.                         <p>  

  82.                             <label>您的网站:</label>  

  83.                             <input type=”text” value=”” name=”tougao_authorblog” />  

  84.                         </p>  

  85.                         <p>  

  86.                             <label>文章标题:</label>  

  87.                             <input type=”text” value=”” name=”tougao_title” />  

  88.                             <small>*</small>  

  89.                         </p>  

  90.                         <p>  

  91.                             <label>文章分类:</label>  

  92.                             <?php wp_dropdown_categories(‘show_count=1&hierarchical=1’); ?>  

  93.                             <small>*</small>  

  94.                         </p>  

  95.                         <p>  

  96.                             <label>关键字:</label>  

  97.                             <input type=”text” value=”” name=”tougao_tags” />  

  98.                             <small>*</small>  

  99.                         </p>  

  100.                     </div>  

  101.                     <div>  

  102.                         <label>文章内容:(必须)</label>  

  103.                     </div>  

  104.                     <div class=”post-area”>  

  105.                         <textarea rows=”15″ cols=”55″ name=”tougao_content”></textarea>  

  106.                     </div>  

  107.                     <p>  

  108.                         <input type=”hidden” value=”send” name=”tougao_form” />  

  109.                         <input id=”submit” name=”submit” type=”submit” value=”提交文章” />  

  110.                         <input id=”reset” name=”submit” type=”reset” value=”重填” />  

  111.                     </p>  

  112.                 </form>  

  113.             </div>  

  114.         </div>  

  115.     </div>  

  116.     <?php endwhile; else: ?>  

  117.     <?php endif; ?>  

  118.     <?php get_footer(); ?>  

将下面的CSS放进wordpress主题根目录style.css里

  1. /***************投稿**************/  

  2. .tougao{background: none repeat scroll 0 0 #FFF;border: 1px solid #DBDBDB;border-radius:5px;clear: both;overflow:hidden;height:auto;}  

  3. .tougao .entry{ list-style: none outside none;padding: 15px 0 15px 30px;padding: 10px;}  

  4. #basicinfo p {width:333px;border: 1px solid #CCC;border-radius: 2px;position: relative;text-indent:0px;margin: 0 0 10px;}  

  5. #basicinfo p #cat {border: 0 none;width: 255px;}  

  6. #basicinfo p:hover, #basicinfo p.on {border-color: #BBB;box-shadow: 0 0 4px #DDD;color: #222;}  

  7. #basicinfo p:hover label, #basicinfo p.on label {border-color: #BBB;}  

  8. #basicinfo label {border-bottom-left-radius: 2px;border-right: 1px solid #CCC;border-top-left-radius: 2px;display: inline-block;height: 20px; padding: 4px;line-height: 20px;text-align: right;width:62px;}  

  9. #basicinfo p small {color: #888;font-size: 12px;left: 336px;position: absolute;}  

  10. #basicinfo input {border: 0 none;border-radius: 2px ;height: 20px;line-height: 20px;padding: 4px;width: 250px;color: #444;font-family: microsoft yahei,verdana,arial;font-size: 12px;outline: medium none;}  

  11. .post-area {background: none repeat scroll 0 0 #FFF;border-radius: 2px;margin-bottom: 10px;position: relative;}  

  12. .post-area  textarea {background: none repeat scroll 0 0 transparent;border: medium none;height: 98px;line-height: 20px;padding: 4px 6px;position: relative;width: 98%;z-index: 2;min-height:320px;}  

  13. .tougao .entry p input#submit{ -moz-transition: all 0.1s ease-out 0s;border: 1px solid #016EBD;border-radius: 3px;display: inline-block;padding: 5px 15px 6px;text-align: center;background-color: #4D90FE;background-image: -moz-linear-gradient(#049CDB, #0179D2);box-shadow: 0 1px 1px #E6E6E6, 0 1px 0 #36AFE2 inset;color: #FFFFFF;text-shadow: 0 0 1px #016EBD;cursor:pointer;width:auto;}  

  14. .tougao .entry p input#reset{ -moz-transition: all 0.1s ease-out 0s;background-color: #F9F9F9;background-image: -moz-linear-gradient(#F9F9F9, #F1F1F1);border: 1px solid #CCC;border-radius: 3px;box-shadow: 0 1px 1px #E6E6E6, 0 1px 0 #FFF inset;color: #444;display: inline-block;padding: 5px 15px 6px;text-align: center;text-shadow: 0 0 1px #FEFEFE;cursor:pointer;width:auto;}  

  15. .tougao .entryp #submit:hover, .tougao .entry p #reset:hover {color:red;}  

最后将kindeditor富文本编辑器放到wordpress主题根目录下!

下面给出kindeditor富文本编辑器的下载地址!说明下:linux主机下要给予kindeditor文件夹内的attached给予777权限,编辑文件上传配置在php-upload_json.php内修改

2013/10/12 更新下php文件和css文件,之前有人说代码有问题,小编这下考虑到可能是编码或者代码高亮的问题吧,现在把文件打包了,需要的下载文件包吧!

kindeditor   代码文件

觉得文章有用就打赏一下文章作者

微信扫一扫打赏

标签: