当前位置:图集之家知识

wordpress投稿功能—免插件打造wordpress投稿页面

wordpress投稿功能—免插件打造wordpress投稿页面

内容

因为常常浏览、学习别人的博客,我发觉一个不争的事实就是:相当一部份做得比较成功的博客都接受读者投稿(当然,可能有的是邀请写手,那也算是一种聪明的做法!),这种情况实际上是互动的一种,反映出:一个人的力量是有限的,大家一齐努力才能取得更快、更大的进步。特别是对于使用 WordPress搭建新闻或信息类网站的站长来说,接受投稿是个必不可少的功能。

让读者给你的博客投稿,一来既能加快博客更新的频率,丰富博客内容;二来也可以促进你(作为博主)与读者之间的交流或互动(反过来你也可以给其他友情博客投稿),真正是一举多得的事情!要怎样才能让别人给你的博客投稿呢?

免插件打造wordpress投稿功能:方法1:利用wp后台的在线投稿功能;

1、登录博客后台管理面板【常规】选项页面:

2、允许读者在你的博客上注册成为用户,在【成员资格】一栏中勾选任何人都可以注册前面的复选框,然后在【新用户默认角色】一栏后面的下拉列表上点选投稿者,最后保存更改。

这样设置之后,读者注册成为你博客的用户即具有了撰写文章的权限。

方法二、利用代码实现wordpress投稿页面

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

?php

/*

Template Name: 投稿页面

*/

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

if( isset($_COOKIE[tougao])( time() - $_COOKIE[tougao] )120 ){

wp_die('您投稿也太勤快了吧,先歇会儿!');

}

//表单变量初始化

$name = isset( $_POST['tougao_authorname'] ) ? $_POST['tougao_authorname'] : '';

$email = isset( $_POST['tougao_authoremail'] ) ? $_POST['tougao_authoremail'] : '';

$blog = isset( $_POST['tougao_authorblog'] ) ? $_POST['tougao_authorblog'] : '';

$title = isset( $_POST['tougao_title'] ) ? $_POST['tougao_title'] : '';

$tags = isset( $_POST['tougao_tags'] ) ? $_POST['tougao_tags'] : '';

$category = isset( $_POST['cat'] ) ? (int)$_POST['cat'] : 0;

$content = isset( $_POST['tougao_content'] ) ? $_POST['tougao_content'] : '';

//表单项数据验证

if ( emptyempty($name) || strlen($name)20 ){

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

}

if ( emptyempty($email) || strlen($email)60 || !preg_match(/^([a-z0-9/+_/-]+)(/.[a-z0-9/+_/-]+)*@([a-z0-9/-]+/.)

+[a-z]{2,6}$/ix, $email)){

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

}

if ( emptyempty($title) || strlen($title)100 ){

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

}

if ( emptyempty($content) || strlen($content)100){

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

}

$tougao = array('post_title' = $title,'post_content' = $content,'post_status' = 'pending','tags_input' = $tags,

'post_category' = array($category));

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

if ($status != 0){

global $wpdb;

$myposts = $wpdb-get_results(SELECT ID FROM $wpdb-posts WHERE post_status = 'pending' AND post_type = 'post'

ORDER BY post_date DESC);

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

if( !emptyempty($blog))

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

setcookie(tougao, time(), time()+180);

wp_die('投稿成功!','投稿成功!');

}else{

wp_die('投稿失败!','投稿失败!');

}

}

get_header();

?

body

?php if (have_posts()) : ?

?php while (have_posts()) : the_post(); ?

div id=wrapper class=clearfix

div class=tougao divmargin

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;

?php the_content('More raquo;'); ?

/div

div class=entryy

form method=post action=?php echo $_SERVER[REQUEST_URI]; ?

div id=basicinfo

p

label作者昵称:/label

input type=text value= name=tougao_authorname /

small*/small /p

p

labelE-Mail:/label

input type=text value= name=tougao_authoremail /

small*/small /p

p

label您的网站:/label

input type=text value= name=tougao_authorblog /

/p

p

label文章标题:/label

input type=text value= name=tougao_title /

small*/small /p

p

label文章分类:/label

?php wp_dropdown_categories('show_count=1hierarchical=1'); ?

small*/small /p

p

label关键词:/label

input type=text value= name=tougao_tags /

small*/small /p

/div

div

label文章内容:(必须)/label

/div

div class=post-area

textarea rows=15 cols=55 name=tougao_content/textarea

/div

p

input type=hidden value=send name=tougao_form /

input id=submit name=submit type=submit value=提交文章 /

input id=reset name=submit type=reset value=重填 /

/p

/form

/div

/div

/div

?php endwhile; else: ?

?php endif; ?

?php get_footer(); ?

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

/***************投稿**************/

.tougao {

background: none repeat scroll 0 0 #FFF;

border: 1px solid #DBDBDB;

border-radius:5px;

clear: both;

overflow:hidden;

height:auto;

}

.tougao .entryy {

list-style: none outside none;

padding: 15px 0 15px 30px;

padding: 10px;

}

.tougao .entryy p {

line-height: 26px;

padding-left: 10px;

}

#basicinfo p {

width:333px;

border: 1px solid #CCC;

border-radius: 2px;

position: relative;

text-indent:0px;

margin: 0 0 10px;

}

#basicinfo p #cat {

border: 0 none;

width: 255px;

}

#basicinfo p:hover, #basicinfo p.on {

border-color: #BBB;

box-shadow: 0 0 4px #DDD;

color: #222;

}

#basicinfo p:hover label, #basicinfo p.on label {

border-color: #BBB;

}

#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;

}

#basicinfo p small {

color: #888;

font-size: 12px;

left: 350px;

position: absolute;

}

#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;

}

.post-area {

background: none repeat scroll 0 0 #FFF;

border-radius: 2px;

margin-bottom: 10px;

position: relative;

}

.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;

}

.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;

}

.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;

}

.tougao .entryy p #submit:hover, .tougao .entryy p #reset:hover {

color:red;

}

只需两步,轻松完成wordpress投稿功能!然后新建页面,选择投稿页面即可!!! 大家会发现,编写正文的时候木有编辑按钮选项,小编是考虑到一些被上传乱七八糟附件,所以没加!!!如果有需要,那么开始新的教程!!!

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

?php

/*

Template Name: 投稿页面

*/

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

if( isset($_COOKIE[tougao])( time() - $_COOKIE[tougao] )120 ){

wp_die('您投稿也太勤快了吧,先歇会儿!');

}

//表单变量初始化

$name = isset( $_POST['tougao_authorname'] ) ? $_POST['tougao_authorname'] : '';

$email = isset( $_POST['tougao_authoremail'] ) ? $_POST['tougao_authoremail'] : '';

$blog = isset( $_POST['tougao_authorblog'] ) ? $_POST['tougao_authorblog'] : '';

$title = isset( $_POST['tougao_title'] ) ? $_POST['tougao_title'] : '';

$tags = isset( $_POST['tougao_tags'] ) ? $_POST['tougao_tags'] : '';

$category = isset( $_POST['cat'] ) ? (int)$_POST['cat'] : 0;

$content = isset( $_POST['tougao_content'] ) ? $_POST['tougao_content'] : '';

//表单项数据验证

if ( emptyempty($name) || strlen($name)20 ){

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

}

if ( emptyempty($email) || strlen($email)60 || !preg_match(/^([a-z0-9/+_/-]+)(/.[a-z0-9/+_/-]+)*@([a-z0-9/-]+/.)+

[a-z]{2,6}$/ix, $email)){

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

}

if ( emptyempty($title) || strlen($title)100 ){

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

}

if ( emptyempty($content) || strlen($content)100){

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

}

$tougao = array('post_title' = $title,'post_content' = $content,'post_status' = 'pending','tags_input' = $tags,

'post_category' = array($category));

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

if ($status != 0){

global $wpdb;

$myposts = $wpdb-get_results(SELECT ID FROM $wpdb-posts WHERE post_status = 'pending' AND post_type = 'post'

ORDER BY post_date DESC);

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

if( !emptyempty($blog))

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

setcookie(tougao, time(), time()+180);

wp_die('投稿成功!','投稿成功!');

}else{

wp_die('投稿失败!','投稿失败!');

}

}

get_header();

?

div class=nyadtopa href=http://www.2zzt.com/theme-customization target=_blankimg alt=wordpress主题定制

title=wordpress主题定制 src=?php bloginfo('template_directory'); ?/images/nyadtop.png/a/div

body

script type=text/javascript src=?php bloginfo('template_url'); ?/kindeditor/kindeditor-min.js/script

script type=text/javascript src=?php bloginfo('template_url'); ?/kindeditor/lang/zh_CN.js/script

script type=text/javascript

var editor;

KindEditor.ready(function(K) {

editor = K.create('textarea[name=tougao_content]', {

allowFileManager : false,

allowImageUpload : false,

});

});

/script

?php if (have_posts()) : ?

?php while (have_posts()) : the_post(); ?

div id=wrapper class=clearfix

div class=tougao divmargin

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;

?php the_content('More '); ?

/div

div class=entry

form method=post action=?php echo $_SERVER[REQUEST_URI]; ?

div id=basicinfo

p

label昵称:/label

input type=text value= name=tougao_authorname /

small*/small /p

p

labelE-Mail:/label

input type=text value= name=tougao_authoremail /

small*/small /p

p

label您的网站:/label

input type=text value= name=tougao_authorblog /

/p

p

label文章标题:/label

input type=text value= name=tougao_title /

small*/small /p

p

label文章分类:/label

?php wp_dropdown_categories('show_count=1hierarchical=1'); ?

small*/small /p

p

label关键字:/label

input type=text value= name=tougao_tags /

small*/small /p

/div

div

label文章内容:(必须)/label

/div

div class=post-area

textarea rows=15 cols=55 name=tougao_content/textarea

/div

p

input type=hidden value=send name=tougao_form /

input id=submit name=submit type=submit value=提交文章 /

input id=reset name=submit type=reset value=重填 /

/p

/form

/div

/div

/div

?php endwhile; else: ?

?php endif; ?

?php get_footer(); ?

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

/***************投稿**************/

.tougao {

background: none repeat scroll 0 0 #FFF;

border: 1px solid #DBDBDB;

border-radius:5px;

clear: both;

overflow:hidden;

height:auto;

}

.tougao .entry {

list-style: none outside none;

padding: 15px 0 15px 30px;

padding: 10px;

}

#basicinfo p {

width:333px;

border: 1px solid #CCC;

border-radius: 2px;

position: relative;

text-indent:0px;

margin: 0 0 10px;

}

#basicinfo p #cat {

border: 0 none;

width: 255px;

}

#basicinfo p:hover, #basicinfo p.on {

border-color: #BBB;

box-shadow: 0 0 4px #DDD;

color: #222;

}

#basicinfo p:hover label, #basicinfo p.on label {

border-color: #BBB;

}

#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;

}

#basicinfo p small {

color: #888;

font-size: 12px;

left: 336px;

position: absolute;

}

#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;

}

.post-area {

background: none repeat scroll 0 0 #FFF;

border-radius: 2px;

margin-bottom: 10px;

position: relative;

}

.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;

}

.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;

}

.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;

}

.tougao .entryp #submit:hover, .tougao .entry p #reset:hover {

color:red;

}

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

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

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

相关文件下载地址:

效果演示:访问在线投稿

下载kindeditor编辑器 | 下载 代码文件 |来自@三次元软件世界

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关