返回
如何从 WordPress 页面中删除 `page` 类名？
php
2024-03-27 02:30:55
删除 Body 中的 page 类名：分步指南
简介
在某些情况下，你可能希望从 WordPress 中页面的 body 中删除 page 类名。这可以用于自定义样式、提高性能或解决兼容性问题。本文将分步指导你如何完成此操作。
步骤 1：创建子主题
创建子主题可以防止修改原始主题文件，确保在主题更新后保留你的自定义。
- 创建一个新目录，将其命名为你想给子主题起的名字（例如，
my-child-theme）。 - 在此目录中创建一个名为
style.css的文件，并包含以下行：
/*
Theme Name: My Child Theme
Theme URI: https://example.com/my-child-theme
Description: A child theme for My WordPress Theme
Author: Your Name
Author URI: https://example.com/
Template: my-theme
*/
步骤 2：创建 functions.php 文件
- 在子主题目录中创建一个名为
functions.php的文件。 - 添加以下代码：
function remove_body_class_page( $classes ) {
if ( is_page() ) {
$classes = array_diff( $classes, array( 'page' ) );
}
return $classes;
}
add_filter( 'body_class', 'remove_body_class_page' );
步骤 3：激活子主题
- 登录 WordPress 管理面板，转到 外观 > 主题 。
- 找到你的子主题并单击 激活 。
其他方法
除了使用 functions.php 外，你还可以使用以下方法删除 page 类名：
- CSS 覆盖： 在子主题的
style.css文件中添加以下样式：
body.page {
background-color: #fff;
}
常见问题解答
1. 如何删除其他 body 类名？
修改 functions.php 文件中的代码，将 'page' 替换为要删除的类名。
2. 我应该从所有页面删除 page 类名吗？
仅当确实需要时才从所有页面删除 page 类名。通常，只从页面中删除它就足够了。
3. 我可以在主题编辑器中编辑 functions.php 文件吗？
不建议在主题编辑器中直接编辑 functions.php 文件，因为它可能会导致错误。
4. 我的更改对现有页面不会生效怎么办？
清除浏览器缓存并刷新页面，或者禁用并重新启用子主题。
5. 我怎样才能在子主题中添加其他功能？
在 functions.php 文件中添加附加功能。确保按照 WordPress 编码标准进行编码。
