虚位以待(AD)
虚位以待(AD)
首页 > CMS教程 > WordPress > 免插件在wordpress中插入表格的方法

免插件在wordpress中插入表格的方法
类别:WordPress   作者:码皇   来源:互联网   点击:

WordPress 很强大,但是其编辑器却很简陋,可能 WordPress 依仗着自己有丰富的插件功能所以将后台的编辑器简化了吧。当然,一些简单的文字与图片输入对于 WordPress 编辑器来说是完全能够胜任的,但是如果要输入像表 ,魔客吧
WordPress 很强大,但是其编辑器却很简陋,可能 WordPress 依仗着自己有丰富的插件功能所以将后台的编辑器简化了吧。当然,一些简单的文字与图片输入对于 WordPress 编辑器来说是完全能够胜任的,但是如果要输入像表格这类稍稍复杂些的格式就要向 WordPress 投降了。虽然 WordPress 编辑器中有一项“从 Word 粘贴”的功能键,但是从 Word 中复制出来的表格粘贴在 WordPress 中就荡然无存了,就算是在 Dreamweaver 中编辑好的表格代码粘贴到 WordPress 编辑器的 HTML 格式下还是不能完美呈现。

要在 WordPress 中插入表格,其实并非难事,只要用 wp-table 插件就能轻松做到,但是如果我们一碰到问题就用插件解决,那 WordPress 迟早会被拖垮的。再次重申一下我的口号:能用代码搞定的就绝不用插件解决!所以本文对 wp-table 插件不作任何评价,有需要的朋友可以试试,本文的重点是介绍免插件在 WordPress 中插入表格的方法。

切入正题,和 用 caption 属性给图片加描述边框一样,要在 WordPress 中插入表格,我们只需要给表格定义一个 CSS 样式就行。参考代码如下:

复制代码 代码如下:
/*----------table----------*/
table.table {
border-spacing:2px;
border-collapse:separate;
background-color:#FFF;
border-color:gray;
border-style:outset;
border-width:1px;
}
table.table th {
background-color:#FFF;
-moz-border-radius:0;
border-color:gray;
border-style:inset;
border-width:1px;
padding:1px;
}
table.table td {
-moz-border-radius:0;
border-color:gray;
border-style:inset;
border-width:1px;
padding:1px;
}

在 WordPress 后台编辑器中插入表格时,只需用 Dreamweaver 之类的编辑器事先划好表格,再将代码粘贴至 HTML 格式下,并引用class="table",例如:

复制代码 代码如下:



第1行第1列
第1行第2列


第2行第1列
第2行第2列




效果:
第1行第1列 第1行第2列
第2行第1列 第2行第2列

魔客吧温馨提示:还在苦苦寻找wordpress中文主题吗?来魔客吧 wordpress中文主题 频道看看吧,说不定有你喜欢的哦!

分享到 更多 <script type="text/javascript" id="bdshell_js"></script><script type="text/javascript">document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();</script> 本文地址:http://www.moke8.com/article-19996-1.html
文章标题:免插件在wordpress中插入表格的方法 收藏邀请 最新分享资源 响应式建筑建材水泥网站dede模板

响应式建筑建材水泥网站dede模板

dedecms模板 by moke 响应式货运物流网站dedecms模板

响应式货运物流网站dedecms模板

dedecms模板 by moke 生态农业酷站HTML模版

生态农业酷站HTML模版

div+css模板 by hexipeng 智能家居网站+手机端织梦模板

智能家居网站+手机端织梦模板

dedecms模板 by moke

最新评论

相关分类

  • discuz教程
  • discuzx教程
  • phpwind教程
  • dedecms教程
  • phpcms教程
  • wordpress教程
  • ecshop教程
  • php168教程
  • shopex教程
  • 帝国cms教程

精品推荐

中英双语响应式电子企业织梦模板

精华 中英双语响应式电子企业织梦模板

dedecms模板 by moke

极品资源

高端建筑装饰带手机版十配色织梦模板

极品 高端建筑装饰带手机版十配色织梦模板

dedecms模板 by moke

原创模板

多配色创意metro风格企业

魔币 多配色创意metro风格企业

下载排行

  • 01响应式网站网络设计公司织梦
  • 02响应式货运物流网站dedecms模
  • 03智能家居网站+手机端织梦模板
  • 04响应式建筑建材水泥网站dede
  • 05生态农业酷站HTML模版

资源分类

企业网站模板 企业网站源码 个人网站模板 个人网页模板 手机wap网站 门户网站模板 商业源码 淘宝客程序 html5网站 网站后台模板 html网页模板 学校网站模板 <script type="text/javascript">var cookieLogin = Ajax("TEXT");cookieLogin.get("connect.php?mod=check&op=cookie", function() {});</script><script type="text/javascript">_attachEvent(window, 'load', getForbiddenFormula, document);function getForbiddenFormula() {var toGetForbiddenFormulaFIds = function () {ajaxget('plugin.php?id=cloudsearch&formhash=184deb0d');};var a = document.body.getElementsByTagName('a');for(var i = 0;i < a.length;i++){if(a[i].getAttribute('sc')) {a[i].setAttribute('mid', hash(a[i].href));a[i].onmousedown = function() {toGetForbiddenFormulaFIds();};}}var btn = document.body.getElementsByTagName('button');for(var i = 0;i < btn.length;i++){if(btn[i].getAttribute('sc')) {btn[i].setAttribute('mid', hash(btn[i].id));btn[i].onmousedown = function() {toGetForbiddenFormulaFIds();};}}}</script>

联系我们 | 关于我们 | 招商加盟 | 版权声明 | 帮助中心 | 广告服务 | 网站地图

欢迎浏览魔客吧提供的 免插件在wordpress中插入表格的方法 信息,若本站中的信息侵犯了您的权益,请与本站管理员联系

Copyright @ 2010-2015 魔客吧 版权所有 蜀ICP备09014119号 川公网安备51050202000165号  <script type="text/javascript" src="http://tcss.qq.com/ping.js?v=1VERHASH" charset="utf-8"></script><script type="text/javascript" reload="1">pgvMain({"discuzParams":{"r2":"5238379","ui":0,"rt":"portal","pn":1,"qq":"000"},"extraParams":""});</script>

积分 0, 距离下一级还需 积分 <script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});</script><script>(function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s);})();</script> <script type="text/javascript"> var tipsinfo = '5238379|X2.5|0.6||0||0|7|1505358036|8ee6f906ecbbeea688af0da47ba48bb3|2'; </script> <script src="http://discuz.gtimg.cn/cloud/scripts/discuz_tips.js?v=1" type="text/javascript" charset="UTF-8"></script>
相关热词搜索: 免插件在wordpress中插入表格的方法