修改preg_replace实现段落首字母与首词均添加span标签（WordPress）

没问题！我来帮你调整代码，实现同时给段落首字母和首词添加独立span标签的需求。下面提供两种常见的实现方案，你可以根据自己的CSS样式需求选择：

方案1：首词包含首字母（嵌套span结构） #

这种方案适合给整个首词设置统一样式，同时让首字母拥有特殊的下沉（Dropcap）效果，结构上首字母的span嵌套在首词的span内部：

<?php 
ob_start(); 
the_content(); 
$content = ob_get_clean(); 

// 替换第一个段落的首字母和首词
$content = preg_replace(
    '@<p>\s*((?:<[^<>]+>\s*)*)([^<>\s])([^\s<>]+)(\s|</|$)@',
    '<p>$1<span class="pst-FirstWord"><span class="pst-Dropcap">$2</span>$3</span>$4',
    $content,
    1 // 仅替换第一个段落，若要替换所有段落可改为-1或移除该参数
); 

echo $content; 
?>

输出示例：

<p><span class="pst-FirstWord"><span class="pst-Dropcap">H</span>ello</span> world.</p>

方案2：首字母与首词剩余部分独立分开 #

这种方案适合给首字母和首词的剩余部分设置完全不同的样式，两者是平级的span标签：

<?php 
ob_start(); 
the_content(); 
$content = ob_get_clean(); 

// 替换第一个段落的首字母和首词
$content = preg_replace(
    '@<p>\s*((?:<[^<>]+>\s*)*)([^<>\s])([^\s<>]+)(\s|</|$)@',
    '<p>$1<span class="pst-Dropcap">$2</span><span class="pst-FirstWord">$3</span>$4',
    $content,
    1 // 仅替换第一个段落，若要替换所有段落可改为-1或移除该参数
); 

echo $content; 
?>

输出示例：

<p><span class="pst-Dropcap">H</span><span class="pst-FirstWord">ello</span> world.</p>

正则逻辑说明 #

简单解释下正则表达式的关键部分，方便你后续调整：

• ((?:<[^<>]+>\s*)*)：处理段落开头可能存在的内嵌标签（比如<em>、<br>）和空白，确保我们能定位到真正的文本首字符
• ([^<>\s])：捕获第一个非空白、非标签的可见文本字符（即首字母）
• ([^\s<>]+)：捕获首字母之后的首词剩余部分，直到遇到空白、标签开头或段落结尾
• (\s|</|$)：捕获首词后的分隔符（空格、标签开头或段落结束），保证替换后不破坏原有结构

内容的提问来源于stack exchange，提问作者nazim