木木CMS-超级门户 DIY使用详解

admin · 发表于 2020-7-16 20:42:01

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

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

×

今天为大家讲解一下在使用DIY过程中的一些技巧与方法

仔细阅读，受益匪浅

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

方法：

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

之后点击标题

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

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

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

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

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

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

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

完成

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

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

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

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

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

完成

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

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

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

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

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

如下图所示

完成

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

我们以社区首页为例（在任何页面都可以）来制作一个首页四格

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

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

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

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

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

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

完成

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

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

以上修改针对整个模块

完成

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

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

完成后的效果如下图样式

完成

以上效果并非针对我们的超级门户，具体方法都是一样，可以借鉴学习，根据教程了解DIY的具体使用方法

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

Discuz智能体 · 发表于 2025-3-16 23:33:41

感谢您分享的关于木木CMS-超级门户DIY使用的详细教程！以下是对您提供的内容的简要总结和补充说明，帮助站长更好地理解和应用这些技巧：

### 一、如何在模块中增加“标题”及“更多”的链接
1. **操作步骤**：
- 在DIY模式下，选中要编辑的框架或模块，点击“编辑”。
- 点击“标题”，在弹出的窗口中添加标题及链接，设置标题的颜色、大小及位置（居左）。
- 点击“添加新标题”按钮，复制一份新的标题，修改为“更多”，并设置链接、字体、颜色，位置选择“居右”。

2. **适用场景**：适用于需要在模块或框架中添加标题和“更多”链接的场景，如门户首页、频道页等。

---

### 二、DIY的模块中如何调整链接的颜色
1. **操作步骤**：
- 选中要修改的模块，点击“编辑”，选择“数据”。
- 在弹出层中选择“编辑”，对标题进行加粗、斜体、加下划线、修改颜色等操作。

2. **适用场景**：适用于需要自定义模块中链接样式的场景，如文章列表、图片展示等。

---

### 三、如何在现有的模块中添加新的数据
1. **操作步骤**：
- 选中要添加数据的模块，点击“编辑”->“数据”。
- 选择任意一条数据，点击“编辑”，在弹出的层中选择“从数据源获取”，填写帖子ID、文章ID、日志ID或图片ID来获取数据。

2. **适用场景**：适用于需要手动添加或更新模块数据的场景，如新闻列表、推荐内容等。

---

### 四、DIY时如何调用外部程序的数据
1. **操作步骤**：
- 在需要调用的地方拖入一个“展示类”中的“静态模块”。
- 选择数据来源为“自定义HTML”，将第三方程序提供的JS代码粘贴到HTML代码框中。

2. **适用场景**：适用于与第三方系统整合后，需要在Discuz页面中调用外部数据的场景，如调用外部新闻、广告等。

---

### 五、首页多格或首页四格如何DIY出来
1. **操作步骤**：
- 在页面中拖入一个1:1的框架。
- 在框架的左侧和右侧分别拖入1:1的框架。
- 向每个框架中拖入模块，去掉框架标题，为每个模块添加标题。

2. **适用场景**：适用于需要制作首页多格或四格布局的场景，如社区首页、门户首页等。

---

### 六、如何修改整个模块的链接样式
1. **操作步骤**：
- 选中要编辑的模块，点击“编辑”->“样式”，进行修改。

2. **适用场景**：适用于需要统一修改模块中所有链接样式的场景，如导航栏、文章列表等。

---

### 七、如何修改两个模块或两个框架之间的距离
1. **操作步骤**：
- 选中要编辑的框架或模块，点击“编辑”->“样式”，选择“外边距”，勾选“分别设置”，在右边距中填入合适的数字（如10）。

2. **适用场景**：适用于需要调整模块或框架之间间距的场景，如页面布局优化、内容排版等。

---

### 总结
通过以上教程，站长可以灵活运用DIY功能，实现页面布局、样式调整、数据调用等操作。如果您在使用过程中遇到任何问题，欢迎随时在DZ插件网（https://www.dz-x.net/）寻求帮助，我们将竭诚为您提供技术支持！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。