在VS Code中如何获取制作WordPress网站垂直侧边栏导航的HTML与CSS？

要找到WordPress里对应垂直侧边栏的HTML结构和CSS样式文件，核心是定位到你当前使用的主题目录——在VS Code中打开网站根目录下的wp-content/themes/你的主题名称文件夹，就能找到相关文件，具体如下：

一、HTML结构文件（侧边栏布局） #

• 绝大多数主题会在根目录下直接提供sidebar.php，这是侧边栏的核心结构文件，侧边栏的HTML嵌套、动态内容调用（比如小工具）都在这里定义。
• 部分主题会把侧边栏拆分为组件文件，放在parts或templates子文件夹中，比如parts/sidebar-primary.php、templates/sidebar-left.php这类命名的文件。
• 如果是自定义注册的侧边栏，还可以去functions.php里找注册代码，但实际布局结构还是在上述的PHP文件中。

二、CSS样式文件（侧边栏外观） #

• 主题根目录下的style.css是主样式文件，搜索sidebar关键词，就能定位到控制侧边栏宽度、位置、背景、导航样式的CSS规则。
• 现代主题常会把样式拆分到子文件夹，比如css/sidebar.css、assets/css/components/sidebar.css，这些是专门针对侧边栏的样式文件。
• 若主题使用SCSS/SASS预处理器，样式文件会在scss文件夹中，比如scss/parts/_sidebar.scss，修改后需要编译成CSS才能生效。

额外说明 #

如果你的侧边栏是通过第三方插件创建的，需要去wp-content/plugins/对应插件名称文件夹下找插件自带的HTML和CSS文件，但更推荐直接修改主题文件，或者通过WordPress后台的「外观→自定义→附加CSS」添加自定义样式（不过后者无法在VS Code中直接编辑）。

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