扫描二维码在手机上浏览

wordpress文章中表格增加CSS样式效果

汇美优普

文章目录

  • 一、增加表格样式
  • 二、自动生成 class=”table”

今天遇到一个小伙伴,买到的主题呢发布的表格模式,没有样式,来找到了我,为此我弄了下给大家看看方案;

wordpress增加表格CSS样式效果应该怎么弄比较好,

一、增加表格样式

如果在wordrpess中没有表格样式,就需要自己增加一个样式到 style.css 当中了:(以下内容增加到主题的样式文件: style.css )

.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}

要使以上样式生效,需要在 

 标签中增加 class="table":

实际效果:

方法 属性 方法
实例方法 调用 实例属性 $this->pu_shuxing
实例方法 调用 静态属性 self::$jing_shuxing;
静态方法 调用 实例属性 $this->pu_shuxing; 错误!
静态方法 调用 静态属性 self::$jing_shuxing;

后台样式:

wordpress文章中表格增加CSS样式效果

 

效果截图:

wordpress文章中表格增加CSS样式效果

二、自动生成 class=”table”

当然,如果是和我一样懒到一定境界,不愿意进入wordpress后台修改的话,可以增加以下代码至 functions.php ,自动将所有

变成

:(以下内容增加到主题的样式文件: functions.php )

// 所有 
变成

function wp_replace_text($text_wp){
$replace = array(
// '原始文字' => '替换为这些'
'

' => '

',
);
$text_wp = str_replace(array_keys($replace), $replace, $text_wp);
return $text_wp;
}
add_filter('the_content', 'wp_replace_text'); //正文

以上就是”怎么给wordpress增加表格CSS样式效果教程“的介绍。

如需购买虚拟主机,推荐九零云,共享虚拟主机、独享虚拟主机齐备,各类配置均有,最低只需要9/月,满足不同网站建设需求,低成本建站;价格实惠;同时提供快速0元备案,让你快速运营

购买地址:

https://www.90y.cn/host/buy.html

赞(0) 打赏
未经允许不得转载:九零云资讯 » wordpress文章中表格增加CSS样式效果
分享到:

更多 (0)

window._bd_share_config = {
common: {
"bdText" : "",
"bdMini" : "2",
"bdMiniList" : false,
"bdPic" : "",
"bdStyle" : "0",
"bdSize" : "24"
},
share: [{
bdCustomStyle: "https://www.90y.cn/idcnews/wp-content/themes/dux/css/share.css"
}]
}
with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement("script")).src="http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion="+~(-new Date()/36e5)];

相关推荐

  • wordpress文章中表格增加CSS样式效果wordpress如何屏蔽英文日文评论
  • wordpress文章中表格增加CSS样式效果wordpress如何屏蔽英文日文评论
  • wordpress文章中表格增加CSS样式效果wordpress文章中表格增加CSS样式效果
  • wordpress文章中表格增加CSS样式效果WordPress文章/页面外链自动添加nofollow属性教程
  • wordpress文章中表格增加CSS样式效果WordPress文章/页面外链自动添加nofollow属性教程
  • wordpress文章中表格增加CSS样式效果WordPress程序迁移后域名访问不正常?
  • wordpress文章中表格增加CSS样式效果WordPress程序迁移后域名访问不正常?
  • wordpress文章中表格增加CSS样式效果WordPress加速插件WP Acceleration for China

中国领先的企业级云服务提供商

域名注册云服务器

© 2021 九零云资讯   网站地图

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

wordpress文章中表格增加CSS样式效果

扫一扫打赏

wordpress文章中表格增加CSS样式效果

  • QQ咨询

    QQ咨询
  • 回顶

    回顶部

window.jsui={
www: 'https://www.90y.cn/idcnews',
uri: 'https://www.90y.cn/idcnews/wp-content/themes/dux',
ver: '6.7',
roll: ["1","2"],
ajaxpager: '0',
url_rp: '',
captcha: 0,
captcha_appid: ''
};


文章来源于互联网:wordpress文章中表格增加CSS样式效果

相关推荐: WDCP后台怎么清除域名绑定限制?

汇美优普今天遇到一位小伙伴,使用wdcp控制面板的,以前给后台绑定了一个域名访问,现在遇到域名过期了,没了,然后导致不能访问,这个应该怎么处理呢? 看到这里,如果设置的特定的域名之类的不能访问怎么了解决? 如因某些原因设置错误或域名不能使用等,如何清除这设置?…

赞 0 打赏
分享海报
版权声明
内容来自网络,版本归原作者所有,删除点击底部链接:
文章地址:汇美优普 » wordpress文章中表格增加CSS样式效果

评论 抢沙发

评论前必须登录!

 

图片正在生成中,请稍后...

周四

09/23

wordpress文章中表格增加CSS样式效果

汇美优普 文章目录 一、增加表格样式 二、自动生成 class=”table” 今天遇到一个小伙伴,买到的主题呢发布的表格模式,没有样式,来找到了我,为此我弄了下给大家看看方案; wordpress增加表格CSS样式效果应该怎么弄比较好, 一、增加表格样式 如果在wordrpess中没有表格样式,就需要自己增加一个样式到 style.css 当中了:(以下内容增加到主题的样式文件: styl

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

记住我

注册