WordPress中如何添加投稿页面功能 -wordpress教程

吾爱互联 · 发表于 2015-4-20 15:46:24

[文章目录]
<ul id="index-ul">
<li>一：在你的主题的根目录下复制你的page.php这个文件，然后命名为tougao.php文件</li>
<li>二：在toutao.php文件的最上方也就是<?php get_header();?>的上面添加模板文件头部</li>
<li>三：添加表单在你的这个页面中</li>
<li>四：添加表单验证</li>
</ul>
</div>
同学们大家好，今天吾爱互联将与大家分享如何在wordpress中添加投稿页面的功能添加
我们可以先看看效果图
<img class="aligncenter size-full wp-image-682" src="http://www.wpjiaocheng.com/wp-content/uploads/2014/08/QQ截图20140812105718.png" alt="WordPress中如何添加投稿页面功能 " width="723" height="497" />
具体的解决添加方法如下：
<h2 id="title-0">一：在你的主题的根目录下复制你的page.php这个文件，然后命名为tougao.php文件
<h2 id="title-1">二：在toutao.php文件的最上方也就是<?php get_header();?>的上面添加模板文件头部
代码如
<div class="dp-highlighter">
<div class="bar"></div>
<ol class="dp-c" start="1">
<li class="alt"><?php</li>
<li>/**</li>
<li class="alt">* Template Name: tougao</li>
<li>* 作者：huihui</li>
<li class="alt">* 博客：http://www.wpjiaocheng.com/</li>
<li>?></li>
</ol>
</div>
这是一个比较标准的创建新的模板的样式，为什么要添加这个头部，就是在你所创建的页面时候可以选择这所创建的这个模板，明白
<h2 id="title-2">三：添加表单在你的这个页面中
在你的这个页面中找到<?php the_content(); ?>然后用下面的代码将这个替换即可
<div class="dp-highlighter">
<div class="bar"></div>
<ol class="dp-c" start="1">
<li class="alt"></li>
<li><form method="post" action="<?php echo $_SERVER["REQUEST_URI"]; ?>"></li>
<li class="alt"><div style="text-align: left; padding-top: 10px;"></li>
<li><label for="tougao_authorname">昵称:*</label></li>
<li class="alt"><input type="text" size="40" value="" id="tougao_authorname" name="tougao_authorname" /></li>
<li></div></li>
<li class="alt"></li>
<li><div style="text-align: left; padding-top: 10px;"></li>
<li class="alt"><label for="tougao_authoremail">E-Mail:*</label></li>
<li><input type="text" size="40" value="" id="tougao_authoremail" name="tougao_authoremail" /></li>
<li class="alt"></div></li>
<li></li>
<li class="alt"><div style="text-align: left; padding-top: 10px;"></li>
<li><label for="tougao_authorblog">您的博客:</label></li>
<li class="alt"><input type="text" size="40" value="" id="tougao_authorblog" name="tougao_authorblog" /></li>
<li></div></li>
<li class="alt"></li>
<li><div style="text-align: left; padding-top: 10px;"></li>
<li class="alt"><label for="tougao_title">文章标题:*</label></li>
<li><input type="text" size="40" value="" id="tougao_title" name="tougao_title" /></li>
<li class="alt"></div></li>
<li></li>
<li class="alt"><div style="text-align: left; padding-top: 10px;"></li>
<li><label for="tougaocategorg">分类:*</label></li>
<li class="alt"><?php wp_dropdown_categories('id=tougaocategorg&show_count=1&hierarchical=1'); ?></li>
<li></div></li>
<li class="alt"></li>
<li><div style="text-align: left; padding-top: 10px;"></li>
<li class="alt"><label style="vertical-align:top" for="tougao_content">文章内容:*</label></li>
<li><textarea rows="15" cols="55" id="tougao_content" name="tougao_content"></textarea></li>
<li class="alt"></div></li>
<li></li>
<li class="alt"> "all"></li>
<li><div style="text-align: center; padding-top: 10px;"></li>
<li class="alt"><input type="hidden" value="send" name="tougao_form" /></li>
<li><input type="submit" value="提交" /></li>
<li class="alt"><input type="reset" value="重填" /></li>
<li></div></li>
<li class="alt"></form></li>
</ol>
</div>
这时候你就会发现你tougao.php这个页面中出现了表单效果
<h2 id="title-3">四：添加表单验证
为了安全要添加表单的验证功能，添加的方法就是在你的模板的头部文件和<?php get_header();?>的中间添加如下代码
<div class="dp-highlighter">
<div class="bar"></div>
<ol class="dp-c" start="1">
<li class="alt"><?php</li>
<li>if( isset($_POST['tougao_form']) && $_POST['tougao_form'] == 'send')</li>
<li class="alt">{</li>
<li>global $wpdb;</li>
<li class="alt">$last_post = $wpdb->get_var("SELECT post_date FROM $wpdb->posts WHERE post_type = 'post' ORDER BY post_date DESC LIMIT 1");</li>
<li></li>
<li class="alt">// 博客当前最新文章发布时间与要投稿的文章至少间隔120秒。</li>
<li>// 可自行修改时间间隔，修改下面代码中的120即可</li>
<li class="alt">// 相比Cookie来验证两次投稿的时间差，读数据库的方式更加安全</li>
<li>if ( current_time('timestamp') - strtotime($last_post) < 120 )</li>
<li class="alt">{</li>
<li>wp_die('您投稿也太勤快了吧，先歇会儿！');</li>
<li class="alt">}</li>
<li></li>
<li class="alt">// 表单变量初始化</li>
<li>$name = isset( $_POST['tougao_authorname'] ) ? trim(htmlspecialchars($_POST['tougao_authorname'], ENT_QUOTES)) : '';</li>
<li class="alt">$email = isset( $_POST['tougao_authoremail'] ) ? trim(htmlspecialchars($_POST['tougao_authoremail'], ENT_QUOTES)) : '';</li>
<li>$blog = isset( $_POST['tougao_authorblog'] ) ? trim(htmlspecialchars($_POST['tougao_authorblog'], ENT_QUOTES)) : '';</li>
<li class="alt">$title = isset( $_POST['tougao_title'] ) ? trim(htmlspecialchars($_POST['tougao_title'], ENT_QUOTES)) : '';</li>
<li>$category = isset( $_POST['cat'] ) ? (int)$_POST['cat'] : 0;</li>
<li class="alt">$content = isset( $_POST['tougao_content'] ) ? trim(htmlspecialchars($_POST['tougao_content'], ENT_QUOTES)) : '';</li>
<li></li>
<li class="alt">// 表单项数据验证</li>
<li>if ( emptyempty($name) || mb_strlen($name) > 20 )</li>
<li class="alt">{</li>
<li>wp_die('昵称必须填写，且长度不得超过20字');</li>
<li class="alt">}</li>
<li></li>
<li class="alt">if ( emptyempty($email) || strlen($email) > 60 || !preg_match("/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix", $email))</li>
<li>{</li>
<li class="alt">wp_die('Email必须填写，且长度不得超过60字，必须符合Email格式');</li>
<li>}</li>
<li class="alt"></li>
<li>if ( emptyempty($title) || mb_strlen($title) > 100 )</li>
<li class="alt">{</li>
<li>wp_die('标题必须填写，且长度不得超过100字');</li>
<li class="alt">}</li>
<li></li>
<li class="alt">if ( emptyempty($content) || mb_strlen($content) > 3000 || mb_strlen($content) < 100)</li>
<li>{</li>
<li class="alt">wp_die('内容必须填写，且长度不得超过3000字，不得少于100字');</li>
<li>}</li>
<li class="alt"></li>
<li>$post_content = '昵称: '.$name.' Email: '.$email.' blog: '.$blog.' 内容: '.$content;</li>
<li class="alt"></li>
<li>$tougao = array(</li>
<li class="alt">'post_title' => $title,</li>
<li>'post_content' => $post_content,</li>
<li class="alt">'post_category' => array($category)</li>
<li>);</li>
<li class="alt"></li>
<li>// 将文章插入数据库</li>
<li class="alt">$status = wp_insert_post( $tougao );</li>
<li></li>
<li class="alt">if ($status != 0)</li>
<li>{</li>
<li class="alt">// 投稿成功给博主发送邮件</li>
<li>// somebody#example.com替换博主邮箱</li>
<li class="alt">// My subject替换为邮件标题，content替换为邮件内容</li>
<li>wp_mail("somebody#example.com","My subject","content");</li>
<li class="alt"></li>
<li>wp_die('投稿成功！感谢投稿！', '投稿成功');</li>
<li class="alt">}</li>
<li>else</li>
<li class="alt">{</li>
<li>wp_die('投稿失败！');</li>
<li class="alt">}</li>
<li>}</li>
<li class="alt">?></li>
</ol>
</div>
到这里我们就把这个投稿的问题给解决了，有些同学会发现这个投稿的布局样式不是很好看，对于这个问题自己可以去修改样式添加你所喜欢的就可以
了，到这里这个问题就基本上结束了，同学们可以自己尝试下

WordPress中如何添加投稿页面功能 -wordpress教程

浏览过的版块