惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

美团技术团队
D
DataBreaches.Net
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
D
Docker
N
Netflix TechBlog - Medium
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
C
Check Point Blog
腾讯CDC
Stack Overflow Blog
Stack Overflow Blog
V
Visual Studio Blog
IT之家
IT之家
月光博客
月光博客
U
Unit 42
K
Kaspersky official blog
T
Threatpost
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
GbyAI
GbyAI
P
Proofpoint News Feed
Last Week in AI
Last Week in AI
云风的 BLOG
云风的 BLOG
酷 壳 – CoolShell
酷 壳 – CoolShell
I
InfoQ
Engineering at Meta
Engineering at Meta
Recorded Future
Recorded Future
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
S
Security @ Cisco Blogs
MyScale Blog
MyScale Blog
大猫的无限游戏
大猫的无限游戏
Security Archives - TechRepublic
Security Archives - TechRepublic
Webroot Blog
Webroot Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
Hacker News - Newest:
Hacker News - Newest: "LLM"
S
Schneier on Security
S
Secure Thoughts
The Register - Security
The Register - Security
B
Blog RSS Feed
The Last Watchdog
The Last Watchdog
P
Palo Alto Networks Blog
爱范儿
爱范儿
B
Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
N
News and Events Feed by Topic
阮一峰的网络日志
阮一峰的网络日志
L
LINUX DO - 热门话题
C
Cisco Blogs
Spread Privacy
Spread Privacy
F
Full Disclosure
博客园 - 聂微东
T
The Blog of Author Tim Ferriss

周良 Len

给朋友们的 AI 使用建议 内部分享 PPT 与文档:浅析 SEO 排名优化技巧 内部分享 PPT 与文档:浅析 SEO 排名优化技巧 使用 Cloudflare Workers 为 Bento.me 设置自定义域名 使用 Cloudflare Workers 为 Bento.me 设置自定义域名 Crypto 阅读列表 Crypto 阅读列表 Atomicals 挖矿程序部署与钱包管理 Atomicals 挖矿程序部署与钱包管理 Starknet 早期社区成员计划申请指南 Starknet 早期社区成员计划申请指南 如何绕过烦人的 hCaptcha 验证 如何绕过烦人的 hCaptcha 验证 白话比特币原理及运作机制 白话比特币原理及运作机制 什么是产品人? 什么是产品人? 独立博客三大乐趣:主题、域名、建站程序 独立博客三大乐趣:主题、域名、建站程序 麻将 麻将 2020.10.15 杂记:有钱人的定义、iOS 工作日智能闹钟、iPhone 12 2020.10.15 杂记:有钱人的定义、iOS 工作日智能闹钟、iPhone 12 公司五行论与组织六元拟人指标 公司五行论与组织六元拟人指标 修真世界 修真世界 玩法分析:让人停不下来的抽奖活动 玩法分析:让人停不下来的抽奖活动 Chrome 网页中同时查找多个关键词内容的方法 Chrome 网页中同时查找多个关键词内容的方法 解决 WordPress 错误页面无法正确识别为 404 页面问题 解决 WordPress 错误页面无法正确识别为 404 页面问题 WordPress 文章内容自动为 a、p 等标签插入指定 Class 方法 解决 WordPress 长时间处于「正在执行例行维护,请一分钟后回来」状态问题 解决 WordPress 长时间处于「正在执行例行维护,请一分钟后回来」状态问题 WordPress 更换域名后完美 301 跳转方案 WordPress 更换域名后完美 301 跳转方案 2018 年看过的书
WordPress 文章内容自动为 a、p 等标签插入指定 Class 方法
周良 Len · 2020-07-31 · via 周良 Len

上周在写个主题,因为引用了开源的 CSS 框架,各类前端标签添加 Class 就行,比较简单。但写到文章内容的时候就有问题了,内容都是 WP 自己输出的,我控制不了所使用的 Class。

问了一下 @desin(我爱水煮鱼博客作者) 有没有不写 js 去添加 class 的方式,desin 提到可以看一下 content 的文档。研究了一下,问题解决。

代码丢上来,仅供大家参考,复制下面的代码丢到主题 function.php 文件的 <?php 下面一行即可 :

# 文章内 img 标签自动添加 img-res Class
function img_paragraph($content){
    return preg_replace('/<img([^>]+)?>/', '<img$1 class="img-res">', $content);
}
add_filter('the_content', 'img_paragraph');

同理,你要控制 p 标签的话,代码如下:

# 文章内 p 标签自动添加 mt1em mb1em lh-180 三个 Class
function p_paragraph($content){
    return preg_replace('/<p([^>]+)?>/', '<p$1 class="mt1em mb1em lh-180">', $content);
}
add_filter('the_content', 'p_paragraph');