WordPress中修改code短代码

感谢 TurboAI对本博客的的大力赞助。 创作不易,如果您觉得有帮助,请 支持LIncol29! 为了让我能够继续创作更好的内容,你也可以选择订阅博客的 VIP ,包年VIP仅需10元/年,所有VIP内容免费观看

code 代码框border颜色未显示

在写文章时,lincol是非常喜欢使用code去表示重点信息或特殊化名词。

发现阅读的时候这个外观并不是明显,不能凸显出于文本的区别,就为此折腾了一下外观,目前来说还算是OK。

从下图可以看出,图1并未有明显的颜色边框,改为图2后还是明显有区别的(我自认为)

image-20241116142430193

通过F12去查看代码,发现是有个CSS样式被替换了,我之前将body的样式使用 important。拆东墙补西墙

当时google一下,是不推荐使用 important去设置样式,这样会导致样式的顺序发生改变。就造成了目前我这种情况,正常来说code代码是有颜色框的。

既然错了,本着修改少一点就轻松一点的原则,我选择重新定义这个code代码块的CSS,对!(就是这么离谱)

可以自定义这个 css,或者将 important 删掉(但是也会影响之前修改的样式)

ps:最好不要轻易使用 important

WordPress中修改code短代码 1

修改border

简单完事,修改后直接上传cdn,刷新一下即可生效!

image-20241116143245348

拓展资料

网站地图 – Lincol29 : 在这个网站地图中,你可以找到关于C#、常用生产力工具、面试面经、Docker、WordPress、RSS、等各类技术主题的教程和分享,以及对本站内容快速导航。

创作不易,如果您觉得有帮助,请支持LIncol29!
如有需要,请至网站地图学习本博客的教程
博客订阅:通过RSS或关注公众号[Lincol的编程世界] | 广告招租与合作请留言
本文链接:https://www.lincol29.cn/wordpresscode
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0协议转载请注明文章地址及作者哦~

评论

  1. Linux Chrome
    贵州省贵阳市 移动
    3 周前
    2024-11-17 8:27:50

    貌似用插件也很方便改

    • 博主
      刘郎
      Windows Chrome
      广东省深圳市 电信
      3 周前
      2024-11-17 11:04:57

      没有尝试过,感觉网站本来就很卡,使用插件会导致加载速度更慢,我现在很多插件没有使用了。

  2. Windows Edge
    江苏省宿迁市 移动
    3 周前
    2024-11-18 13:59:59

    有些小小的细节,改过了自己心里才舒服

    • 博主
      老张博客
      Windows Chrome
      广东省深圳市 电信
      3 周前
      2024-11-18 14:05:53

      在于折腾😜

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
学累了就来张美女图片养养眼吧~~~
API Image