WordPress在文章中插入表格的3种方法

二叶草 2020年1月13日19:13:38wordpress教程评论阅读模式

不知道为啥,WordPress对表格的支持没有我们想像的方便,陌小雨分享几种自己曾经使用过的方法吧,你可以根据自己的使用表格的频率选择合适的方法;所谓表格的使用频率也就是对表格的依赖程度,是指网站使用表格的频率以及表格内容改变的频率是高还是低。如果网站中大量使用表格,或者表格的内容需要经常更改,那么插件法比较适合,使用 TablePress 表格管理插件会非常方便,而且这个插件非常适合对 HTML 编辑不了解的用户;而如果只是偶尔插入一个简单的表格,一年都难得用几次,也不会经常更改表格内的文字和数据,又懂一些 HTML 表格编辑格式,那就可以用文章分享的另外两种办法(非纯手工,纯手工编写的办法陌小雨不推荐)。

一、插件方法

正如上面所说,除了这款TablePress插件可以很便捷的对表格进行管理外,还有一款插件TinyMCE Advanced插入表格也很方便。

在后台搜索安装改插件后,编辑文章时候就可以很方便的选择插入表格,陌小雨给大家做了一个动态图展示:

WordPress在文章中插入表格的3种方法

插件方法陌小雨就不详细说明了,主要说下面两种办法

二、短代码法

在主题functions.php中插入下面代码:

/*插入表格按钮*/

/*整理:http://www.dedewp.com/14871.html*/

function appthemes_add_quicktags() {

?><script type="text/javascript">// <![CDATA[

QTags.addButton( 'tables', '表格按钮', '<div class="table-container"><table><tbody><tr><th>Header 1</th><th>Header 2</th><th>Header 3</th><th>Header 4</th><th>Header 5</th><th>Header 6</th><th>Header 7</th><th>Header 8</th></tr><tr><td>row1_cell1</td><td>row1_cell2</td><td>row1_cell3</td><td>row1_cell4</td><td>row1_cell5</td><td>row1_cell6</td><td>row1_cell7</td><td>row1_cell8</td></tr><tr><td>row2_cell1</td><td>row2_cell2</td><td>row2_cell3</td><td>row2_cell4</td><td>row2_cell5</td><td>row2_cell6</td><td>row2_cell7</td><td>row2_cell8</td></tr><tr><td>row3_cell1</td><td>row3_cell2</td><td>row3_cell3</td><td>row3_cell4</td><td>row3_cell5</td><td>row3_cell6</td><td>row3_cell7</td><td>row3_cell8</td></tr></tbody></table></div>' );

// ]]></script><?php } add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

需要插入表格时候,先切换至文本模式,点击一下插入表格按钮,再切换到可视化模式,就可以按需编辑表格了,如下图:

WordPress在文章中插入表格的3种方法

再次切换到文本选项的时候,会发现代码已经自动整理了,这样很方便去增加和删除表格的行、列。

3、第三方工具

我们知道微信编辑器可以用来插入很多精美的图文、同样作为普通的表格也是可以的。这种方式类似第一种使用插件的办法,如下图:

WordPress在文章中插入表格的3种方法

将编辑好的表格切换到html代码,全选复制到wordpress的文本模式下就可以了。

  • 赞助本站
  • 微信扫一扫
  • weinxin
  • 加入Q群
  • QQ扫一扫
  • weinxin
二叶草
我的博客安装了哪些Wordpress插件? wordpress教程

我的博客安装了哪些Wordpress插件?

其实过去我用过很多的插件,也比较了很多款,但是下面介绍的这些插件,绝对是我每次必须安装的,我保证这绝对是第一次公开。我常用的插件可以划分为以此几种: 第一:做数据分析和追踪的插件 第二:做网站站内优化...

发表评论