# sUx 主题安装指南

## 快速安装

### 1. 上传主题文件

将 `sUx` 文件夹上传到您的WordPress网站的 `wp-content/themes/` 目录中：

```bash
# 方法1：FTP上传
- 使用FileZilla、Cyberduck等FTP工具
- 将整个sUx文件夹上传到 /wp-content/themes/

# 方法2：命令行（如果有SSH访问）
cd /path/to/your/site/wp-content/themes/
cp -r /path/to/sUx .
```

### 2. 激活主题

1. 登录您的WordPress管理后台
2. 进入 "外观" → "主题"
3. 找到 "sUx" 主题
4. 点击 "激活" 按钮

### 3. 配置主题设置

进入 "外观" → "自定义" 进行以下配置：

#### 基本设置
- **网站标题和描述**：在 "网站身份信息" 中设置
- **主页设置**：选择静态首页或最新文章

#### 主题颜色
- **主色调**：网站的主要颜色（默认：#0066cc）
- **次要色调**：强调色和按钮颜色（默认：#ff6600）

#### 联系信息
- **公司邮箱**：显示在网站顶部
- **公司电话**：显示在网站顶部
- **公司地址**：显示在页脚

#### 社交媒体
- **Facebook URL**：Facebook页面链接
- **Twitter URL**：Twitter页面链接
- **LinkedIn URL**：LinkedIn页面链接
- **YouTube URL**：YouTube频道链接

## 详细配置

### 首页设置

1. 进入 "页面" → "新建页面"
2. 创建以下页面：
   - 首页（使用 "首页模板"）
   - 产品中心
   - 关于我们
   - 联系我们

3. 进入 "设置" → "阅读"
4. 在 "首页显示" 中选择 "静态页面"
5. 设置首页为 "首页"

### 产品管理

#### 添加产品分类
1. 进入 "产品" → "分类"
2. 添加产品分类：
   - 工业设备
   - 电子元件
   - 原材料
   - 等

#### 添加产品标签
1. 进入 "产品" → "标签"
2. 添加常用标签：
   - 热门
   - 新品
   - 现货
   - 特价

#### 添加新产品
1. 进入 "产品" → "添加新产品"
2. 填写产品信息：
   - **标题**：产品名称
   - **描述**：产品详细描述
   - **特色图片**：上传产品图片
   - **产品信息**：
     - 产品价格
     - 产品SKU
     - 产品链接
     - 产品标签
     - 库存状态
     - 特色产品（勾选）

### 小工具设置

在 "外观" → "小工具" 中设置以下区域：

#### 侧边栏小工具
- **搜索**：产品搜索功能
- **产品分类**：分类导航
- **最新产品**：最新添加的产品

#### 页脚小工具
- **第一列**：公司信息、联系方式
- **第二列**：快速链接、服务介绍
- **第三列**：社交媒体、最新资讯

## 导航菜单设置

### 主导航菜单
1. 进入 "外观" → "菜单"
2. 创建新菜单，命名为 "主导航"
3. 添加菜单项：
   - 首页
   - 产品中心
     - 工业设备（子菜单项）
     - 电子元件（子菜单项）
   - 关于我们
   - 联系我们
4. 在 "菜单设置" 中分配到 "主导航菜单"

### 页脚菜单
1. 创建新菜单，命名为 "页脚菜单"
2. 添加链接：
   - 隐私政策
   - 服务条款
   - 网站地图
3. 分配到 "页脚菜单"

### 移动端菜单
1. 创建新菜单，命名为 "移动端菜单"
2. 简化版本的主导航菜单
3. 分配到 "移动端菜单"

## 推荐插件安装

### 必需插件
1. **Contact Form 7**
   - 用于联系表单和产品询价
   - 安装：进入 "插件" → "安装插件"，搜索 "Contact Form 7"

2. **Classic Widgets**
   - 解决WordPress 5.8+小工具问题
   - 安装并激活

### 推荐插件
1. **Yoast SEO**
   - 搜索引擎优化
   - 提高网站在搜索引擎中的排名

2. **WPML** (多语言网站)
   - 多语言支持
   - 适合外贸企业网站

3. **W3 Total Cache**
   - 网站缓存和性能优化
   - 提高网站加载速度

## 常见问题解决

### 1. 主题样式不显示

**问题**：网站显示异常，没有样式

**解决方案**：
1. 检查是否正确激活了sUx主题
2. 清除浏览器缓存：Ctrl+F5 或 Cmd+Shift+R
3. 检查文件权限：确保主题文件可读
4. 禁用其他插件，排除冲突

### 2. 图片不显示

**问题**：产品图片或网站图片无法显示

**解决方案**：
1. 检查PHP GD扩展是否启用
2. 检查uploads文件夹权限（755）
3. 重新上传图片
4. 检查图片文件路径

### 3. 自定义CSS不生效

**问题**：在主题自定义器中添加的CSS没有效果

**解决方案**：
1. 检查CSS语法是否正确
2. 使用更强的CSS选择器
3. 添加 `!important` 声明（临时方案）
4. 使用子主题进行深度自定义

### 4. 产品页面404错误

**问题**：访问产品页面时显示"页面未找到"

**解决方案**：
1. 重新保存固定链接设置：进入 "设置" → "固定链接"，点击 "保存更改"
2. 检查产品文章类型是否正确注册
3. 重新激活主题

### 5. 移动端显示问题

**问题**：网站在手机上显示异常

**解决方案**：
1. 检查viewport设置
2. 清除移动端浏览器缓存
3. 检查响应式CSS是否正确加载
4. 测试不同移动设备浏览器

## 性能优化建议

### 1. 图片优化
- 使用WebP格式图片
- 压缩图片文件大小
- 为不同设备提供适当尺寸的图片

### 2. 缓存设置
- 启用WordPress缓存插件
- 设置浏览器缓存
- 使用CDN加速网站

### 3. 代码优化
- 移除不必要的插件
- 优化数据库
- 启用Gzip压缩

## 安全设置

### 1. 文件权限
```bash
# 推荐的文件权限
chmod 755 wp-content/themes/
chmod 644 wp-content/themes/sUx/*.php
chmod 644 wp-content/themes/sUx/*.css
```

### 2. 安全插件
推荐安装安全插件：
- Wordfence Security
- Sucuri Security
- iThemes Security

### 3. 备份设置
1. 设置定期数据库备份
2. 定期备份主题文件
3. 使用版本控制管理自定义代码

## 联系支持

如果在安装或使用过程中遇到问题：

1. **文档查看**：仔细阅读 `README.md` 文件
2. **错误日志**：检查WordPress调试日志
3. **社区支持**：在WordPress.org论坛搜索相关问题
4. **联系开发**：通过官方联系方式获取技术支持

### 调试模式开启
如需开启调试模式，在 `wp-config.php` 中添加：

```php
define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);
```

---

**恭喜！您已成功安装和配置sUx主题！**

如有任何问题或需要帮助，请随时联系我们的技术支持团队。