如何在Joomla中使用{loadposition}和{loadmodule}

简介: Joomla有两个功能,可让您轻松地将模块直接放置在文章中。本教程将向您展示如何以更多的样式在您的文章中放置模块。

Joomla有两个功能,可让您轻松地将模块直接放置在文章中。本教程将向您展示如何以更多的样式在您的文章中放置模块。

loadposition-loadmodule1.jpg

loadposition允许您将所有模块发布到特定位置。

loadmodule允许您仅发布一个特定模块。

1:启用加载模块插件
转到扩展>插件。
使用过滤器找到“内容-加载模块”插件。
检查“状态”列是否显示绿色对勾。如果是红色圆圈,请单击它,它将变为绿色。

loadposition-loadmodule2.png

2:使用模块按钮
到目前为止,“模块”按钮是在Joomla文章中放置模块的最简单方法。

在Joomla文本编辑器中单击“模块”按钮。

loadposition-loadmodule3.png

单击您创建的模块的绿色按钮:

loadposition-loadmodule4.png

现在,将使用短代码“ loadmodule”将模块放入文章中。

loadposition-loadmodule5.png

保存文章并访问您的网站的前端。您将可以在自己的网站上看到模块:

loadposition-loadmodule6.png

3:输入loadmodule和loadposition
可以手动创建这些短代码。这可以使您更好地控制语法。如果您没有使用默认的Joomla文本编辑器,它也很有用。

创建文章。
通过键入加载登录模块。您可以使用此语法按名称加载任何模块。
通过输入位置来加载在线模块
没有实际的模板位置称为whoonline。您可以组成自己的模块位置名称,并将其用于此技术。我们将向您展示如何创建它。现在,只需创建一篇文章即可。

loadposition-loadmodule7.png

上图显示了页面外观。我们目前还没有显示模块。让我们学习如何将模块放置在这些位置。我们已经编写了短代码,因此让我们为其创建模块。

转到扩展>模块管理器>新建。

给出模块标题。

在屏幕右侧,创建位置名称。您只需在“位置”框中输入即可。在下面的示例中,我输入“ whoonline”。您可以使用任何想要的名称,只要它是唯一的即可。

点击“添加自定义位置”。

保存您的模块。

loadposition-loadmodule8.png

查看文章。现在,我们新发布的模块显示在文章内部。到目前为止,我们已经按名称和位置加载了模块。

loadposition-loadmodule9.png

如果您知道如何使用CSS进行样式设置,则可以使用内联样式或从样式表中获取类并创建所需的外观。您可以为它们定位颜色,添加其他文本和图片,等等。

相关文章
|
存储 缓存 固态存储
VSAN存储故障导致虚拟机无法访问的VSAN数据恢复案例
VSAN数据恢复环境: 由四台某品牌服务器组建的VSAN集群,每台节点服务器上有两个磁盘组。每个磁盘组中有1块SSD硬盘+5块SAS硬盘,SSD作为闪存,SAS硬盘作为容量盘。 VSAN故障: VSAN集群中一个节点服务器上其中一个磁盘组中的容量盘出现故障离线,VSAN开始数据的重构迁移,数据迁移还没有完成的时候机房停电导致数据迁移中断。来电后启动所有设备后,管理员发现另一个磁盘组中的两块容量盘出现故障离线,VSAN数据存储出现问题。VSAN管理控制台可以登录,但是所有虚拟机都无法访问。
|
SQL 人工智能 分布式计算
基于阿里云PAI平台搭建知识库检索增强的大模型对话系统
基于原始的阿里云计算平台产技文档,搭建一套基于大模型检索增强答疑机器人。本方案已在阿里云线上多个场景落地,将覆盖阿里云官方答疑群聊、研发答疑机器人、钉钉技术服务助手等。线上工单拦截率提升10+%,答疑采纳率70+%,显著提升答疑效率。
|
缓存 JavaScript 小程序
在HbuilderX中实现微信小程序下蓝牙连接打印机完整实战案例
在HbuilderX中实现微信小程序下蓝牙连接打印机完整实战案例
在HbuilderX中实现微信小程序下蓝牙连接打印机完整实战案例
|
网络协议 关系型数据库 数据库
|
JSON 数据安全/隐私保护 数据格式
Nest.js 实战 (八):基于 JWT 的路由身份认证鉴权
这篇文章介绍了身份验证的重要性和多种处理策略,重点放在了JWT(JSON Web Token)认证在Nest.js框架中的应用。文章包含了JWT认证的流程,如何在Nest.js中实现,以及如何创建JWT认证策略。包括了安装依赖,创建处理认证流程的文件,以及如何使用HttpException过滤器来处理未登录访问。
478 0
Nest.js 实战 (八):基于 JWT 的路由身份认证鉴权
|
开发框架 安全 网络安全
【Docker 专栏】Docker 多平台应用构建与部署
【5月更文挑战第8天】Docker作为一种关键的容器化技术,简化了多平台应用的构建与部署。它提供一致的运行环境,确保应用在不同平台无缝运行;通过分层构建机制加速镜像创建,提升开发效率。Docker的可移植性、高效部署及资源利用率是其主要优势。流程包括开发环境准备、构建镜像、测试验证及部署。然而,面临操作系统差异、网络安全和资源限制等挑战,需注意安全、版本管理和性能优化。Docker在多平台场景的应用将持续发挥价值。
308 6
【Docker 专栏】Docker 多平台应用构建与部署
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的旅游攻略系统的详细设计和实现(源码+lw+部署文档+讲解等)
281 7
|
存储 索引
8086 汇编笔记(十一):内中断
8086 汇编笔记(十一):内中断
|
Linux Shell Go
Linux中文件操作基本指令大全
Linux中文件操作基本指令大全
|
缓存 存储 C++
面向 C++ 的现代 CMake 教程(一)(4)
面向 C++ 的现代 CMake 教程(一)
177 0

热门文章

最新文章