写文章
Hunk
2015-07-13 00:20

无插件实现WORDPRESS插入表格的方法

以前我上传表格都是用图片代替的,从米课知道了TABLEPRESS 插件,用过几次,感觉不是很顺手。 Table press 对简单的表格展示很方便,不过对于 稍微复杂一点的表格,设置就有点麻烦。今天给大家介绍一个方法可以直接在WORDPRESS里编辑出实用的表格出来,对于上传规格书之类的很方便。下午刚研究出来的,热乎着呢。切记:如果插入表格的第一行全部为合并单元格,那么插入之后会有错乱。所以要保证第一行全部为普通单元格!

  1. 先在EXCEL里面把表格编辑好,合并的合并,居中的居中

2.选中EXCEL里面的表格,复制3.在WP的post或page页面,切换到default editor 模式,直接粘贴到VISUAL模式下面。

222.jpg

4.点击PUBLISH,可以看到,有内容但无格式,没关系,我们来调出来格式即可。

555.jpg

  1. 切换到TEXT 模式下,在<table> 里面输入border="1" cellpadding="10" , 意思是表格全部加边框(宽度为1px)和单元格内距为10PX,这样话显的不用那么拥挤

看下效果图:

666.jpg

777.jpg

加了效果后明显看着舒服了,我们接着往下调6.我们把表格的表头要Highlight一下,把 <tr bgcolor="#0066b8" style="color:#fff;font-weight:bold;"> 这段代码粘贴覆盖第一个<tr>,并更新。

888.jpg

这里面的代码的意思分别解释下bgcolor:背景色,它的值可以为HEX颜色值,也可写blue, red, black, green 等color:字体颜色,值跟上面的bgcolor一样font-weight:字的粗细,bold是粗体的意思看下效果:

999.jpg

怎么样,这个效果还不错吧。虽然不是很COOL,但是很实用。几下子就搞定了。有兴趣的同学赶紧去试试吧。另外,再把大家可能会用到的几个效果实现方法写出来。字体加粗:在visual模式下,选中你想要加粗的文本

1.jpg

单击上面编辑菜单上面的B,即可实现加粗

2.jpg

4.jpg

加链接:首先先选中文本,再单击菜单里面的链接,再填上你的链接URL,最好后保存即可

5.jpg

6.jpg

8.jpg

如果你又加粗又加链接的话,按上面的步骤依次做起来即可。有问题留言吧。

Hunk其他文章列表:

Wordpress 建站 相关:

本地建站和空间建站的区别    http://ask.imiker.com/question/13885

为什么你的问题没人解答?    http://ask.imiker.com/question/10601

BH网站中CONTACT FORM 7 发送询盘失败的解决方法   http://ask.imiker.com/question/11648

切换WP主题一些注意事项             http://ask.imiker.com/question/10481

Hunk给新手建站的建议                                     http://ask.imiker.com/question/9967

BLUEHOST FTP 无法连接的解决办法               http://ask.imiker.com/question/5656

如何破除WORDPRESS主题和文件上传大小限制 http://ask.imiker.com/question/4268

安全升级wordpress的方法 http://ask.imiker.com/question/4389

常用的外贸网站测速网站分享    http://ask.imiker.com/question/4645

(新手专用)WP建站常见基础问题问答汇总  http://ask.imiker.com/question/4831

无插件实现WORDPRESS插入表格的方法 http://ask.imiker.com/question/4840

怎么给wordpress的菜单链接加NOFOLLOW (减少首页权重损失)  http://ask.imiker.com/question/998

如何用google chrome实现简单的CSS即时变换网页样式的效果  http://ask.imiker.com/question/2740

利用百度统计建立网站热力图  http://ask.imiker.com/question/3179

AVADA建站相关:免费版本AVADA主题升级的方法 http://ask.imiker.com/question/7499

关于 AVADA 一些自定义的说明  http://ask.imiker.com/question/4162

使用avada的megamenu功能实现子菜单图片导航(类似rambotech网站的效果)( http://ask.imiker.com/question/2539

AVADA如何建立小语种网站  http://ask.imiker.com/question/3569

如何在AVADA中加入GOOGLE翻译代码   http://ask.imiker.com/question/3960

如何在AVADA中加入skype聊天链接            http://ask.imiker.com/question/3963

AVADA side navigation 的效果 的简单说明  http://ask.imiker.com/question/4067

SEO优化相关

什么时候放开网站收录   http://ask.imiker.com/question/14121

SEO分享之【如何提高网页收录速度】 http://ask.imiker.com/question/9968

YOAST SEO 插件使用介绍 http://ask.imiker.com/question/11173

个人博客 http://www.imhunk.com

举报
收藏
转发
0/500
添加表情
评论
评论 (103)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示