WordPress主题如何为id=content的div添加额外自定义class

给skeleton_wp主题的#content div追加自定义类，优先推荐通过子主题的functions.php实现，不要直接修改父主题核心文件，否则主题更新后自定义修改会被覆盖。

functions.php 实现代码 #

将以下代码追加到子主题的functions.php文件末尾即可：

add_filter('skeleton_content_class', 'append_custom_content_classes');
function append_custom_content_classes($content_class) {
    // 同时添加custom、card两个类
    $content_class .= ' custom card';

    // 仅需添加card一个类时，注释上一行，启用下一行代码
    // $content_class .= ' card';

    return $content_class;
}

skeleton_wp官方为内容区class预留了skeleton_content_class过滤器，上述代码通过官方钩子追加类名，不破坏主题原有逻辑，兼容性最优，主题升级也不会导致配置失效。

注意事项

• 操作前请确认使用的是子主题，未创建子主题请先搭建子主题再添加代码
• 追加的类名前必须保留半角空格，避免和原有类名粘连导致样式不生效

备选实现方式（不推荐） #

你也可以通过子主题覆写模板实现：将父主题中输出该div的模板文件（默认位于library/skeleton.php，特殊页面的内容区可能定义在page.php、single.php等独立模板中）复制到子主题的相同路径下，直接修改div的class属性，追加需要的自定义类即可。
该方案需要手动同步主题更新的模板变动，维护成本高，非必要不选择。

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