您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
免插件实现wordpress投稿页面代码实例
钟召云2025-03-18 12:56:15WordPress教程已有8人查阅
导读把主题的 page.php 另存为 tougao.php,并且在第一行的 <?php 之后添加模板的标识注释:上面用到了wordpress的自定义域功能(已经注释掉了)如果需要可以自行打开,这样就可以方便设置投稿人昵称和投稿人网址。
一、新建投稿页面模板
把主题的 page.php 另存为 tougao.php,并且在第一行的 <?php 之后添加模板的标识注释: 上面用到了wordpress的自定义域功能(已经注释掉了)如果需要可以自行打开,这样就可以方便设置投稿人昵称和投稿人网址。
二.接着找到tougao.php文件中的the_content();函数,在其后插入下面的代码 到这里就已经完成了投稿页面模板的制作,你现在要做的就是在wordpress后台,新建文章页面,选择tougao这个模板文件就可以实现投稿功能了。
不过,个人发现按上述方法建立的 投稿页面 ,其投稿时的编辑功能非常薄弱,除了可以投文字稿外啥都不行,图片没有,链接没有,表情没有,这明显不是我们想要的,想要更完美的投稿页面吗?想实现更完美的投稿页面就往下看。
开始我通过绑定TinyMCE 文本编辑器来实现丰富编辑功能,虽然绑定的是wordpress自带TinyMCE 文本编辑器(WP后台文章编辑就是使用的该编辑器),没有想到模板绑定TinyMCE后的,显示出来的竟然是英文界面,甚至Chrome 下也无法显示编辑界面,操作性也不是很好,特别不爽的是竟然要加载一个200K大小的tiny_mce.js,200K的js文件,这可不是一个小数目 啊!放弃之。
再在网上继续找,终于找到还算小巧的基于JQ的开源HTML编辑器:xhEditor,看介绍非常不错,于是折腾了一下,竟然完美和投稿页面整合。
xhEditor开源HTML编辑器介绍
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
精简迷你
编辑器初始加载4个文件,包括:1个js(50k)+2个css(10k)+1个图片(5k),总共65k。若js和css文件进行gzip压缩传输,可以进一步缩减为24k左右。
使用简单
简单的调用方式,加一个class属性就能将您的textarea立马变成一个功能丰富的可视化HTML编辑器。
无障碍访问
提供WAI-ARIA全面支持,全键盘精细操作,全程语音向导,提供完美无障碍访问体验,让残疾人也能够谱写精彩人生。
强大Ajax上传
内置强大的Ajax上传,包括HTML4和HTML5上传支持(多文件上传、真实上传进度及文件拖放上传),剪切板上传及远程抓取上传,追求完美的用户上传体验。
Word完美支持
实现Word代码自动检测并清理,提供高效完美的Word代码过滤方案,生成代码较优化精简,但是却不丢失任何细节效果。
安全的UBB
提供完美的UBB可视化编辑器解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷。
那要如何把xhEditor与wordpress博客的投稿页面整合呢?
1.首先下载 xhEditor 软件包,
2. 解压压缩文件,将其中的xheditor-zh-cn.min.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录
注:如果您网站中没有使用jQuery框架,也请一并上传jquery文件夹中的jquery-1.4.4.min.js
3. 在相应html文件的</head>之前添加 注:如果jQuery之前已经在项目页面中使用,请勿重复添加引用代码
4.然后把你刚才的tougao.php模板文件中的 改成下面的代码,再上传到网站覆盖即可。 注意文中那个class参数,这个就是整合xhEditor的重点(关于这个参数的详细资料请自己上xhEditor官网查询)
把主题的 page.php 另存为 tougao.php,并且在第一行的 <?php 之后添加模板的标识注释: 上面用到了wordpress的自定义域功能(已经注释掉了)如果需要可以自行打开,这样就可以方便设置投稿人昵称和投稿人网址。
二.接着找到tougao.php文件中的the_content();函数,在其后插入下面的代码 到这里就已经完成了投稿页面模板的制作,你现在要做的就是在wordpress后台,新建文章页面,选择tougao这个模板文件就可以实现投稿功能了。
不过,个人发现按上述方法建立的 投稿页面 ,其投稿时的编辑功能非常薄弱,除了可以投文字稿外啥都不行,图片没有,链接没有,表情没有,这明显不是我们想要的,想要更完美的投稿页面吗?想实现更完美的投稿页面就往下看。
开始我通过绑定TinyMCE 文本编辑器来实现丰富编辑功能,虽然绑定的是wordpress自带TinyMCE 文本编辑器(WP后台文章编辑就是使用的该编辑器),没有想到模板绑定TinyMCE后的,显示出来的竟然是英文界面,甚至Chrome 下也无法显示编辑界面,操作性也不是很好,特别不爽的是竟然要加载一个200K大小的tiny_mce.js,200K的js文件,这可不是一个小数目 啊!放弃之。
再在网上继续找,终于找到还算小巧的基于JQ的开源HTML编辑器:xhEditor,看介绍非常不错,于是折腾了一下,竟然完美和投稿页面整合。
xhEditor开源HTML编辑器介绍
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
精简迷你
编辑器初始加载4个文件,包括:1个js(50k)+2个css(10k)+1个图片(5k),总共65k。若js和css文件进行gzip压缩传输,可以进一步缩减为24k左右。
使用简单
简单的调用方式,加一个class属性就能将您的textarea立马变成一个功能丰富的可视化HTML编辑器。
无障碍访问
提供WAI-ARIA全面支持,全键盘精细操作,全程语音向导,提供完美无障碍访问体验,让残疾人也能够谱写精彩人生。
强大Ajax上传
内置强大的Ajax上传,包括HTML4和HTML5上传支持(多文件上传、真实上传进度及文件拖放上传),剪切板上传及远程抓取上传,追求完美的用户上传体验。
Word完美支持
实现Word代码自动检测并清理,提供高效完美的Word代码过滤方案,生成代码较优化精简,但是却不丢失任何细节效果。
安全的UBB
提供完美的UBB可视化编辑器解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷。
那要如何把xhEditor与wordpress博客的投稿页面整合呢?
1.首先下载 xhEditor 软件包,
2. 解压压缩文件,将其中的xheditor-zh-cn.min.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录
注:如果您网站中没有使用jQuery框架,也请一并上传jquery文件夹中的jquery-1.4.4.min.js
3. 在相应html文件的</head>之前添加 注:如果jQuery之前已经在项目页面中使用,请勿重复添加引用代码
4.然后把你刚才的tougao.php模板文件中的 改成下面的代码,再上传到网站覆盖即可。 注意文中那个class参数,这个就是整合xhEditor的重点(关于这个参数的详细资料请自己上xhEditor官网查询)
本文标签:
很赞哦! (1)
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
wordpress首页在哪,wordpress首页内容存放位置
wordpress首页内容放在wp-content/themes/xxx/index.php文件中,xxx指的是你使用的主题名称。下载下来用编辑软件打开即可修改。wordpress主题怎么安装,wordpress主题安装方法有哪些
1.登陆wordpress站点,点击外观-主题。2.点击添加,选择适合你的或者你喜欢的主题。3.安装,安装成功后可以在外观-主题里看到,使用点击启用即可。wordPress快速建站的方法步骤
这篇文章将介绍如何使用WordPress建立一个博客、网站和论坛。WordPress是基于PHP的博客架设工具。它提供了一套开源的PHP代码以方便用户在支持PHP的主机上快速的建立博客。Wwordpress实现文章分页的方法
wordpress怎么实现文章分页?由于篇幅过长导致页面加载速度过慢,降低用户体验,所以必须要找个方法把长文章进行分页,搜索了一下,发现有个代码解决的方法非常好。
留言与评论 (共有 0 条评论) |