·Home 2019 登陆记录 最新更新 资料库SEO官方淘宝店
查看: 29|回复: 0

[Discuz!论坛常见问题] Discuz!论坛模板的DIY使用详解

[复制链接]

773

主题

1551

能量

5

贡献币

无敌战神

Rank: 9Rank: 9Rank: 9

发表于 2020-4-24 11:07:11 | 显示全部楼层 |阅读模式
今天为大家讲解一下 在使用DIY过程中的一些技巧与方法

仔细阅读,受益匪浅




一、如何在模块中增加“标题”及 “更多”的链接 如下图样式

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110713dvy0kamaohimwo6m
方法:

通过框架或模块都可以实现上述样式   ,我们以框架为例,我们在DIY的时候  选中要编辑的框架点击编辑 如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110714p52hh29q1z4h544k


之后点击标题

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110714uu8qzgippvyn8032

在弹出的层中可以添加标题及链接,位置选择居左  如下图所示  同时可以设置标题的颜色及大小

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110714nt6tguaogazzk1qo

接下来增加“更多”的链接  点击弹出层的添加新标题按扭 如下图所示  ,会“复制”出一份新的标题  你只需修改就可以了
把其中的“精彩教程” 改成“更多” ,链接以及字体、颜色都进行修改就可以了,这里的位置一定要选择“居右”

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110714bljgb4u4b44n4j9l


完成,这样框架就有了标题及更多     ,模块的方法同上



二、DIY的模块中如何调整链接的颜色 如下图样式

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110714m6btt95t9f88hst9

方法:
选中要修改的模块 , 点击编辑,选择数据  如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110714sh58hz5pep4jp8wh

在弹出层中选择 编辑   如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110715jqpsfpyqspfrugca

在弹出的层中 可以对标题进行 加粗、斜体、加下划线、修改颜色 等操作

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110715zkmhukp1pc4c655o
完成



三、如何在现有的模块中添加新的数据  

选中要添加数据的模块 点击编辑--数据  如下图所示




在弹出的层中 选择任意一条数据  点击编辑  如下图所示




点击编辑后 在弹出的层中选择从数据源获取 此处可以添写帖子ID、文章ID、日志ID、图片ID 来获取数据 如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110715ysn9w5b0w4zozzo9


点击获取会填充模块内相应的数据字段 (此处的数据字段会根据模块样式的不同有所变化,请注意

完成



四、DIY时如何调用外部程序的数据  

当我们与第三方程序整合后 如何在门户、频道、论坛、或可以DIY的区域调用这些第三方程序的数据

首先我们可以在需要调用的地方拖一个展示类中的静态模块 如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110716w1zy0xpqv1w0xiw8


如上图所示 选择数据来源为“自定义HTML”  

一般第三方系统的数据调用都会有输出JS格式的 我们把第三方程序提供的JS代码粘贴进 HTML代码框就可以了

如下图所示   

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110716r08s62tioz5oo58z

完成



五、首页多格或首页四格如何DIY出来

我们以论坛首页为例 (在任何页面都可以) 来制作一个首页四格

首先在论坛首页拖一个 1:1的框架  如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110716qvdpz1y5ppp8pyv1


接下来向已拖好的1-1框架的框架里 左侧的1 里面拖入一个1:1的框架 如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110716ufbowcf8zzcfmpmn

接下来向右侧的1里面也拖入一个1:1的框架  如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110717uau25pluupaztlt5

接下来我们就可以通过拖拽模块到框架中去了

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110717rw9o8279tr8lm82r


此时我们可以去掉框架的标题 ,同时为每一个模块增加一个标题   如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110718vb933gjvjsbybu6f


你可以通过不同的模块样式或者css来美化这里   

完成



六、如何修改整个模块的链接样式  比如下图

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110718frzbeofs97wk940o


方法:
选中要编辑的模块  ,点击编辑--样式   进行修改 如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110718b46v22yf3fvvvf0f

以上修改针对整个模块

完成



七、如何修改两个模块或两个框架之间的距离  如下图样式

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110718af1mvf8mgqmzmdom


选择要编辑的框架或者模块  ,点击编辑--样式 选择外边距,勾选分别设置 ,在右边距中写入合适的数字就可以了 例如10
如下图所示

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110719zzyym2syc0c1vzt9

完成后的效果    如下图样式

站长帮 Discuz!论坛模板的DIY使用详解 论坛,教程 运营教程 110719lc8znuuxmjfedunx

完成

以上效果并非针对任何具体模板,具体方法都是一样,可以借鉴学习,根据教程了解DIY的具体使用方法

帖子地址: 

 懒得打字嘛,点击右侧快捷回复【最新发布】   【赞助站长帮享更多权益】
高级模式
您需要登录后才可以回帖 登录 | 立即注册 用百度帐号登录

本版积分规则

收缩
发布主题 快速回复 收藏帖子 返回列表 联系我们 搜索 官方QQ群
成为站长帮会员,享受Discuz!建站插件、模板、技术支持等全方位服务。 会员登录 注册会员

站长帮.(zzb7.net) ( 京ICP备18032088号-2 ) |GMT+8, 2020-6-2 09:33

Processed in 0.213276 second(s) , Gzip On, Redis On. 小黑屋|繁體
快速回复 返回顶部 返回列表