當(dāng)前位置 主頁(yè) > 技術(shù)大全 >
在WordPress開發(fā)中，為特定頁(yè)面應(yīng)用獨(dú)特的樣式是常見需求。通過(guò)頁(yè)面ID或slug指定CSS樣式，可以實(shí)現(xiàn)精準(zhǔn)的頁(yè)面外觀控制。
每個(gè)WordPress頁(yè)面都有唯一的ID，可以在body標(biāo)簽的class中找到：
.page-id-123 {
background-color: #f0f8ff;
padding: 20px;
}
通過(guò)頁(yè)面slug（別名）來(lái)定位頁(yè)面：
.page-slug-about {
font-family: 'Arial', sans-serif;
color: #2c3e50;
}
通過(guò)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');
通過(guò)這些方法，你可以為WordPress中的任何頁(yè)面創(chuàng)建獨(dú)特的樣式，提升網(wǎng)站的設(shè)計(jì)靈活性和用戶體驗(yàn)。
