discuz的分类信息，PC和网站不是同一个模板，有什么办法处理吗？

xiao9469 · 发表于 2023-7-20 22:47:30

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

discuz的分类信息，PC和网站不是同一个样式，但是后台只能填一个，请问有没有办法可以实现手机和网站分别调用不同的样式呢？

目前打算做响应式的，但是因为整站不是响应式，这样处理跟很多现在用的模板样式会冲突。

看到有个插件可以实现，就是有点贵...
我知道答案回答被采纳将会获得1 贡献已有0人回答

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-19 04:20:09

在Discuz中，分类信息的模板默认是统一的，无法直接在后台设置PC端和移动端使用不同的模板。不过，你可以通过以下方法来实现PC端和移动端分别调用不同的样式：

### 方法一：通过模板条件判断实现
你可以通过模板中的条件判断语句，根据访问设备类型（PC或移动端）来加载不同的样式或模板文件。

1. **修改模板文件**：
打开分类信息的模板文件（通常是 `template/default/forum/viewthread_classic.htm` 或 `template/default/forum/viewthread.htm`），在适当的位置添加条件判断代码。

例如：

<link rel="stylesheet" type="text/css" href="mobile_style.css">
<link rel="stylesheet" type="text/css" href="pc_style.css">

复制代码

这段代码会根据访问设备类型加载不同的CSS文件。

2. **创建不同的CSS文件**：
在模板目录下创建两个不同的CSS文件，分别用于PC端和移动端的样式。例如：
- `pc_style.css`：用于PC端的样式。
- `mobile_style.css`：用于移动端的样式。

3. **调整样式**：
根据需要在两个CSS文件中分别编写PC端和移动端的样式。

### 方法二：通过插件实现
如果你不想手动修改模板文件，可以考虑使用插件来实现PC端和移动端分别调用不同的样式。虽然你提到插件有点贵，但如果你有开发能力，也可以自己开发一个简单的插件来实现这个功能。

1. **开发插件**：
你可以开发一个插件，通过插件中的钩子（hook）来判断设备类型，并动态加载不同的模板或样式文件。

例如，在插件的 `plugin.class.php` 文件中添加如下代码：

class plugin_yourplugin {
function global_header() {
global $_G;
if ($_G['mobile']) {
echo '<link rel="stylesheet" type="text/css" href="mobile_style.css">';
} else {
echo '<link rel="stylesheet" type="text/css" href="pc_style.css">';
}
}
}

复制代码

2. **安装插件**：
将开发好的插件打包并安装到Discuz中，启用插件后即可实现PC端和移动端分别调用不同的样式。

### 方法三：使用响应式设计
虽然你提到整站不是响应式设计，但你可以尝试在分类信息页面中局部使用响应式设计。通过CSS媒体查询（Media Queries）来根据屏幕宽度调整样式。

1. **在CSS文件中添加媒体查询**：

/* 默认样式（PC端） */
.classinfo {
width: 1000px;
}
/* 移动端样式 */
@media (max-width: 768px) {
.classinfo {
width: 100%;
}
}

复制代码

2. **调整样式**：
根据需要在媒体查询中编写移动端的样式。

### 总结
- **方法一**：通过模板条件判断实现，适合有一定开发能力的站长。
- **方法二**：通过插件实现，适合不想手动修改模板的站长。
- **方法三**：使用响应式设计，适合局部调整样式的场景。

根据你的需求和开发能力，选择合适的方法来实现PC端和移动端分别调用不同的样式。如果你有更多问题，欢迎继续提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

Discuz智能体 · 发表于 2025-3-20 08:27:51

在Discuz中，分类信息的模板默认是统一的，无法直接在后台设置不同的PC端和移动端模板。不过，你可以通过以下方法来实现PC端和移动端分别调用不同的样式：

### 方法一：通过模板条件判断实现
你可以通过模板中的条件判断语句，来区分PC端和移动端，并加载不同的样式或模板文件。

1. **修改模板文件**：
打开分类信息的模板文件（通常是 `template/default/forum/viewthread_classic.htm` 或 `template/default/forum/viewthread.htm`），在适当的位置添加条件判断。

例如：

<link rel="stylesheet" type="text/css" href="mobile_style.css">
<link rel="stylesheet" type="text/css" href="pc_style.css">

复制代码

这样，当用户通过移动设备访问时，会自动加载移动端的样式，而PC端访问时则加载PC端的样式。

2. **创建不同的样式文件**：
你可以分别为PC端和移动端创建不同的CSS文件，然后在模板中根据条件加载对应的CSS文件。

### 方法二：通过插件实现
如果你不想手动修改模板，可以考虑使用插件来实现。虽然你提到有些插件价格较高，但插件通常可以更方便地实现功能，并且减少手动修改模板带来的风险。

在DZ插件网（https://www.dz-x.net/）上，你可以搜索一些专门用于处理分类信息模板的插件，这些插件可能提供了更灵活的方式来管理PC端和移动端的模板。

### 方法三：通过自定义开发实现
如果你有开发能力，可以自己编写一个小插件或修改现有插件，来实现PC端和移动端模板的分离。你可以通过以下步骤来实现：

1. **创建插件**：
在 `source/plugin/` 目录下创建一个新的插件目录，例如 `mobile_pc_template`。

2. **编写插件逻辑**：
在插件的 `discuz_plugin_mobile_pc_template.xml` 文件中定义插件的相关信息，并在 `mobile_pc_template.class.php` 中编写逻辑代码，判断用户设备类型并加载不同的模板。

3. **模板文件**：
在插件的 `template/` 目录下分别创建PC端和移动端的模板文件，然后在插件逻辑中根据设备类型加载对应的模板。

### 方法四：使用响应式设计
虽然你提到整站不是响应式设计，但你可以尝试在分类信息部分单独实现响应式设计。通过CSS媒体查询，你可以为不同的屏幕尺寸设置不同的样式。

例如：

/* 默认样式 */
.class-info {
width: 100%;
}
/* 移动端样式 */
@media (max-width: 768px) {
.class-info {
width: 100%;
font-size: 14px;
}
}
/* PC端样式 */
@media (min-width: 769px) {
.class-info {
width: 80%;
font-size: 16px;
}
}

复制代码

这样，你可以在不修改模板的情况下，通过CSS来实现不同设备的样式适配。

### 总结
如果你不想使用插件，可以通过模板条件判断或响应式设计来实现PC端和移动端的样式分离。如果你希望更灵活地管理模板，可以考虑使用插件或自定义开发来实现。

如果你有更多具体需求或问题，欢迎继续提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。