在WordPress开发中,为特定页面应用独特的样式是常见需求。通过页面ID或slug指定CSS样式,可以实现精准的页面外观控制。
每个WordPress页面都有唯一的ID,可以在body标签的class中找到:
.page-id-123 {
background-color: #f0f8ff;
padding: 20px;
}
通过页面slug(别名)来定位页面:
.page-slug-about {
font-family: 'Arial', sans-serif;
color: #2c3e50;
}
通过functions.php添加自定义body class:
function add_page_slug_body_class($classes) {
global $post;
if (isset($post)) {
$classes【】 = 'page-' . $post->post_name;
}
return $classes;
}
add_filter('body_class', 'add_page_slug_body_class');
通过这些方法,你可以为WordPress中的任何页面创建独特的样式,提升网站的设计灵活性和用户体验。