如何为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

相关文章
|
5月前
|
前端开发
css样式覆盖顺序
css样式覆盖顺序
|
2天前
|
JavaScript 前端开发
js改变元素的内容、属性、样式
js改变元素的内容、属性、样式
10 3
|
4月前
解决elementui中el-table表格首次expand展开不能正常渲染展开页面里面的表格内容
解决elementui中el-table表格首次expand展开不能正常渲染展开页面里面的表格内容
|
5月前
|
JavaScript 前端开发
js怎样改变元素的内容、属性、样式
js怎样改变元素的内容、属性、样式
71 0
|
9月前
|
JavaScript
JS中修改元素内容,属性,样式的方法【详解】
JS中修改元素内容,属性,样式的方法【详解】
140 0
|
12月前
|
JavaScript
Vue 根据鼠标悬停目标元素上方显示、隐藏指定元素交互实现
Vue 根据鼠标悬停目标元素上方显示、隐藏指定元素交互实现
331 0
|
小程序 开发者
小程序__02--navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
|
前端开发 开发者 容器
导航条-选择器覆盖 |学习笔记
快速学习 导航条-选择器覆盖
38 0
|
JavaScript
js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高
js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高
503 0
js 实现上下拖动改变父 div 的高度,左右上下拖动动态分割孩子的宽高
震惊p div 标签 可以编辑高度随内容的编辑而发生变化
震惊p div 标签 可以编辑高度随内容的编辑而发生变化