苏醒 苏醒
  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
    • 留言
    • 唠叨
    • 盆友圈
    • 栏目推荐

suxing

管理员
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
IP归属地: 广东
文章
214
评论
236
suxing
2014-10-02 16:21:49 广东

在WordPress中插入表格

文章字数:708
阅读时间: 2 分钟
智能摘要 DeepSeek
在WordPress中使用vfilm主题时,插入表格无法显示的问题可以通过以下步骤解决: 1. 在主题的`style.css`中添加表框CSS样式。 2. 使用Word编辑表格并复制粘贴到文章中,需在“可视化”模式下操作。 3. 在文章中添加`class="table"`的样式标签。 4. 根据需要美化CSS,使表格更美观。

前一段时间,有朋友和我说使用vfilm主题后,在WordPress文章里面插入表格无法显示表框,这确实是苏醒的疏忽。把这东西忘掉了。毕竟如果作为博客来说,插入表格还是比较少用的。所以也就没添加进去。

今天,给大家说下,如果你现在使用的主题里面也出现同样的情况,插入表格时,无法显示表框。那么可以按照以下方式为你的主题进行添加。

[quote]第一步:把表框css插入到你的主题的style.css中。[/quote]

.table{width:100%;border-top:1px solid #d8d8d8;border-left:1px solid #d8d8d8;margin-bottom:20px}
.table th{text-align:center;background-color:#f6f5f2;font-weight:normal}
.table td,.table th{text-align:center;padding:10px 15px;font-size:14px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}

[quote]第二步,你可以使用word文档,把你需要的表格编辑好,[/quote]

在WordPress中插入表格-苏醒

[quote]第三步:直接复制粘贴到你的文章里面去。[/quote]

注意要在可视化模式下添加

在WordPress中插入表格-苏醒

[quote]第四步:给表格添加css样式标签[/quote]

切换到文本模式,给table添加一个样式class="table"

在WordPress中插入表格-苏醒

[quote]最终效果[/quote]

当然,你也可以根据自己的需要,对css进行一定的美化,让表格的样式更丰富,更美观。

在WordPress中插入表格-苏醒

  • WordPress 教程
  • 在WordPress中插入表格
  • 文章插入表格
等 人表示很赞
16,430
5

评论 (5)

  • 王让华

    没有线啊 ❗

    9 年前 江苏省 回复 0
  • 梅西中文网站

    😯 其实这问题我早就发现了,以前都没用过表格以为wordpress就是这个样子,然后用图片代替的..刚还装了插件呢.好了这下不用烦咯.

    11 年前 上海市 回复 0
  • 屌丝日记

    这样子 插入表格有效吗

    11 年前 广东省 回复 1
    • 苏醒 作者 屌丝日记

      我不是已经演示出来了吗?

      11 年前 广东省 回复 0
  • 豆采博客

    方法很简便,不错 💡

    11 年前 天津市 回复 0
suxing
suxing
2021-11-13 16:06:24 广东

推荐 阿里云虚拟机如何设置wordpress伪静态规则

智能摘要 DeepSeek 使用阿里云虚拟机搭建WordPress网站时,设置固定链接后可能出现404错误。解决方法是在阿里云后台的「高级环境设置」-> ...
  • WordPress 教程
3,083 1
suxing
suxing
2014-07-05 13:32:45 广东

推荐 简单几步让你拥有个性化的Gravatar头像

智能摘要 DeepSeek WordPress后台无上传头像功能,可修改代码扩展。Gravatar是全球通用头像服务,用户可在官网申请头像后,将其关联邮箱,即可在WordPress或其他支持平台显示个性化头像。官网:[gravatar. ...
  • WordPress 教程
  • Gravatar头像
6,838 5
suxing
suxing
2014-09-24 22:35:23 广东

推荐 免插件使用Google Code Prettify实现代码高亮

智能摘要 DeepSeek 最近在苏醒网站进行改版时,尝试了多种代码高亮方案,最终选择了Google Code Prettify,因其简单易用和小体积特点受到青睐。教程中提到,通过在文章中检测pre标签并在网页脚本中插入Prettify ...
  • WordPress 教程
  • 代码高亮
  • 免插件代码高亮
12,402 0
suxing
suxing
2017-06-13 11:00:42 广东

推荐 完美解决WordPress编辑器可视化/文本无法切换、添加媒体按钮失效的问题

智能摘要 DeepSeek 在将WordPress从Windows服务器迁移至Linux服务器时,发现媒体添加和编辑切换按钮无反应。问题源于JavaScript文件被合并,导致依赖脚本功能失效。部分主机可能因配置不标准或禁用相关功能导致 ...
  • WordPress 教程
5,626 0
suxing
suxing
2021-04-30 14:12:00 广东

推荐 WordPress 建立数据库连接时出错

智能摘要 DeepSeek 数据库连接出错通常发生在WordPress无法访问MySQL数据库时。常见原因包括数据库连接信息错误、MySQL进程停止、数据库表 ...
  • WordPress 教程
2,599 0

我用的 WordPress 主题

2021 年单栏 WordPress 主题

Copyright © 2012-2025 苏醒. All rights reserved. Designed by nicetheme.
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 留言