^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 若文中代码有问题,可能是少了几个问号,留言一定会解决!
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 站点文章结尾新增了赞赏通道
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

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

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

一、插件方法

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

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

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

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

二、短代码法

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

/*插入表格按钮*/
/*整理:https://dedewp.com/14871.html*/
function wpcool_add_login_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    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', 'wpcool_add_login_quicktags' );

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

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

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

3、第三方工具

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

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

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

以上就是陌小雨分享的 3 种在 WordPress 文章中插入表格的方法,如果你有其他的办法,也可以在下方留言补充。

 

历史上的今天:
让小雨知道,这篇文章帮到了你

展开阅读全文

评论 3

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 明月登楼的博客
    不错,我一般都是用excel表格来获得源代码的!回复
  2. 森林之家
    学习了,GIF表达得很清晰,祝博主国庆玩得愉快! :wink:回复
  3. boke112导航
    方法很齐全,虽然我们很少能用到回复

登录

忘记密码 ?

切换登录

注册