如何为Joomla标签创建布局覆盖

简介: Joomla允许您通过覆盖自定义几乎任何特性。布局覆盖是一种覆盖类型,允许您自定义小元素,比如文章作者或发布日期。在本教程中,我将向您展示如何为Joomla标签创建布局覆盖。下图显示了Joomla文章中默认的标签样式,使用的是Protostar模板: 这些标签是可链接的。

Joomla允许您通过覆盖自定义几乎任何特性。

布局覆盖是一种覆盖类型,允许您自定义小元素,比如文章作者或发布日期。

在本教程中,我将向您展示如何为Joomla标签创建布局覆盖。

下图显示了Joomla文章中默认的标签样式,使用的是Protostar模板:

tags_override1

这些标签是可链接的。在这个例子中,我想保留标签但是删除链接。

步骤1:创建布局覆盖
让我们将Joomla核心中的一些文件复制到模板中,这样我们就可以安全地定制它们。

去扩展
模板
模板
找到模板的详细信息和文件

tags_override2

单击“创建覆盖”选项卡。
单击Layouts列中的“content”

tags_override3

这将在/templates/your-template/html/layouts/joomla/content/文件夹中生成一组文件。

步骤2:自定义标签布局
回到“编辑器”选项卡
导航到html > layout > joomla > content > tags.php

tags_override4

在这里,您可以更改呈现文章上显示的标签的代码。

在这个例子中,我想删除链接,您可以根据需要更改代码只留下标签。

在第24行和第26行中,我关闭了a标签,并用span替换它们。

tags_override5

这是代码在我的小改动之后的样子:

tags_override6

完成后单击“保存并关闭”。

步骤3:最终结果
访问前端的一篇文章,看看标签仍然存在的,但它不再有链接。

tags_override7

相关文章
|
前端开发
css样式覆盖顺序
css样式覆盖顺序
|
15天前
|
UED
常见的布局方式
【10月更文挑战第22天】这些布局方式各有特点和适用场景,在实际开发中,通常会根据具体需求选择合适的布局方式或结合多种布局方式来实现理想的页面布局效果。
26 3
|
2月前
|
前端开发 PHP
ThinkPHP6布局的方式之模板布局,全局配置方式,模板标签方式,动态方法布局
本文介绍了ThinkPHP6中实现模板布局的三种方式:全局配置方式、模板标签方式和动态方法布局,并通过示例代码展示了如何在项目中应用这些布局方式。
ThinkPHP6布局的方式之模板布局,全局配置方式,模板标签方式,动态方法布局
|
5月前
|
前端开发
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
|
5月前
|
前端开发 容器
CSS3 新增背景属性 + 新增边框属性(如果想知道CSS3新增背景属性和新增边框属性的知识点,那么只看这一篇就够了!)
CSS3 新增背景属性 + 新增边框属性(如果想知道CSS3新增背景属性和新增边框属性的知识点,那么只看这一篇就够了!)
html如何将插入的背景图片全部覆盖样式写法
html如何将插入的背景图片全部覆盖样式写法
|
6月前
|
JavaScript
vue给li标签设置鼠标覆盖阴影样式
vue给li标签设置鼠标覆盖阴影样式
|
前端开发
[√]shadowdom里面的i标签icon不显示,元素覆盖导致
[√]shadowdom里面的i标签icon不显示,元素覆盖导致
101 1
|
6月前
【sgDragSize】自定义组件:自定义拖拽修改DIV尺寸组件,适用于窗体大小调整
【sgDragSize】自定义组件:自定义拖拽修改DIV尺寸组件,适用于窗体大小调整