Discuz！模板制作：扩展新模板

哥斯拉 · 发表于 2023-8-24 14:24:59

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

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

×

模板制作扩展新模板

如果你想直接在默认模板的基础上修改的话那就到网站根目录/template/default/ 目录下面直接修改文件就可以了，论坛所有的模板都放在这个文件夹下！

Discuz! X程序读取模板的机制是，读取当前模板套系目录下的模板文件，如yourstyle文件夹下common/header.htm文件，如果没有这个文件，则自动读取默认风格/tempalte/default目录下的common/header.htm文件。这里需要提醒一下，扩展的风格不再需要原来的css文件，只需要新建一个以extend_为前缀加源文件名的扩展css文件即可，例如：extend_common.css文件、extend_module.css这里面只需要加入你自定义的扩展css文件即可！这部分代码将在生成缓存css时，自动追加到你当前模板的common.css缓存文件中。

注释：这个文件是我们风格模板套系的配置文件，其中指定了你的扩展风格名称，配置风格的初始化id，风格模板所在文件夹和一些初始化参数，如：整个模板的字体大小，颜色等一些通用参数的配置。

<item id="name"><![CDATA[默认风格]]></item>	指定扩展风格的名称，例如：默认风格。
<item id="templateid"><![CDATA[1]]></item>	指定初始化templateid，这里不要和现有安装风格的id相同。
<item id="tplname"><![CDATA[默认模板套系]]></item>	指定扩展风格套系的名称，例如：默认风格套系。
<item id="directory"><![CDATA[./template/yourstyle]]></item>	指定扩展风格所在的文件夹，这个文件夹的名字就是你刚才在template新建的yourstyle。

注释：有了这个文件后台就可以刷新看到一个扩展风格了。

<item id="imgdir"><![CDATA[]]></item>	此参数为风格基础图片存放的目录，默认使用地址 static/image/common/ 目录，一般我们只需要留空就行了
<item id="styleimgdir"><![CDATA[template/yourstyle/images]]></item>	此参数为扩展目录地址，留空表示无扩展图片目录，如果你想新增图片的话可以在这里预先手动指定一个地址, 然后在此参数指定的目录下新建images扩展图片目录。

现在我们将扩展风格yourstyle设置为当前模板套系，由于这个目录下现在还没有文件，那么他会完全去调用默认模板template/default/文件夹下的文件，这样一个完全和默认风格相同的扩展风格就建立完了。如下图：
1. 在template下新建一个文件夹，放置扩展的模板套系文件。
Discuz！模板制作：扩展新模板测试,图片,缓存,default,css

2. 扩展文件夹下的文件目录名称和模板文件名称完全按照default默认模板命名。注意：也可以自己命名，但是要在模板文件中自己修改模板的对应文件调用，不建议初学者使用。
Discuz！模板制作：扩展新模板测试,图片,缓存,default,css

如上图，我现在进行最简单的修改，此扩展风格只对应了默认模板default下的common文件夹。common中只有一个header.htm文件，也就是说在应用这套模板后，由于它只对应默认模板default下面的common/header.htm, 所以应用此套模板后只能读到header.htm头部模板文件，而其他的如果没有全部自动调用template/default下的模板文件。
Discuz！模板制作：扩展新模板测试,图片,缓存,default,css

3. 后台应用扩展模板：
Discuz！模板制作：扩展新模板测试,图片,缓存,default,css

4. 在header.htm中适当位置添加一句话，以此来测试读取当前模板的模板文件。
Discuz！模板制作：扩展新模板测试,图片,缓存,default,css

5. 对应与前台显示效果：
Discuz！模板制作：扩展新模板测试,图片,缓存,default,css

演示完成。

扩展配色

用户切换配色方案的扩展，它对应 ./template/yourstyle/style/ 目录中的样式文件。全新创建时应在./template/yourstyle/style/目录中建立如t1/style.css之后方能生效!
style.css头部的[name]红[/name], [iconbgcolor]#BA350F[/iconbgcolor]是用来配置后台中的配色方案名称和名称前对应的颜色值(采用16位制配色),扩展时需要你自己配置你所扩展的配色方案的对应名称和显示颜色。注释：此个人配色的加载是在header.htm中根据默认或者你的上一次设置按要求加载的。

个人空间风格

个人空间风格模板默认放置在./static/space/目录下扩展模式和文件结构和论坛的扩展配色基本一直。新建时在./static/space/目录中建立如t9/style.css之后方能生效!style.css头部的[name]自然[/name]是用来配置模板名称的！其他的对照默认的空间风格目录格式放置你要扩展的空间风格的文件！

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

Discuz！模板制作：扩展新模板

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

相关帖子

回复

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com