一行代码去掉任意WordPress元素

2022年5月1日00:37:25wordpress一行代码去掉任意WordPress元素已关闭评论20阅读模式

在使用WordPress主题做网站时,经常会需要去掉一些的元素,比如不需要的模块、影响美观的元素等。

如果主题作者已经做了相关功能的话那么还好,将对应的选项关闭即可;但实际情况可能是,很多主题不会将每个模块都写进主题选项中,想要去掉这些元素,只能自己修改代码

今天我将和大家分享一个代码小技巧,不论是哪个元素,都可以用一行代码删除它,该技巧不需要任何代码基础,只要你按照步骤来做,就会发现非常简单

在开始之前,建议大家把浏览器调整为Chrome,这个浏览器用起来比较顺手,功能也多

下面正式开始教程:

首先确认自己希望删除的元素,比如WP主题站使用的Newspaper主题,底部相关文章旁边的”更多关于作者”选项没有什么用,会干扰其他的地方,接下来我就要把它从所有的文章页面中去掉

一行代码去掉任意WordPress元素

确定元素后,把鼠标移动到其上边点击右键 – 检查

一行代码去掉任意WordPress元素

你会看到在浏览器的下方弹出一个窗口,这个是Chrome的开发者工具,我们不需要过多了解它

你只需要注意一段代码 class=”td-related-right”,了解CSS的都知道这就是刚刚那个”更多关于作者”的class类,我们可以通过对”td-related-right” 的修改控制这个元素的样式,当你删除其他元素时,找到对应的类即可,注意要选择独特的

然后打开WordPress后台 – 外观 – 编辑 – 修改主题对应的CSS(如果主题带CSS功能的话可以用自带的)

一行代码去掉任意WordPress元素

在 style.css 中添加如下代码

.td-related-right{ display:none!important;}

意思是强制隐藏 .td-related-right 元素,这段代码具有最高优先级,不会被其他样式覆盖

一行代码去掉任意WordPress元素

刷新页面,刚刚的”更多关于作者”已经去掉了

成功之后,注意检查一下其他的地方有没有误删的情况,如果有的话,需要进一步调整CSS选择器,当然这时候你就该学习一下CSS了,只要你把选择器了解了,这个方法就没问题了

怎么样,是不是非常简单,如果你学会了html和css的话,用起来会更加顺手,大部分的元素都能够删除

继续阅读
  • 本文由 发表于 2022年5月1日00:37:25
  • 除特别声明外,本站原创内容版权遵循CC-BY-NC-SA 协议规定
WordPress主题安装的两个方法 wordpress

WordPress主题安装的两个方法

很多新手在初遇WordPress时比较迷茫,其实只要明白其运行原理就能很好的驾驭。 如果你看此文时还没有安装WordPress程序,请先看这里:WordPress程序的快速安装。 一个很好的比喻:Wo...
WordPress设置浏览器缓存方法 wordpress

WordPress设置浏览器缓存方法

  在使用GTmetrix等测速工具对WordPress网站进行速度检测时,大部分网站都会遇到一个叫做Leverage browser caching问题,影响网站速度评分,其实这个参数就是...
WordPress屏蔽搜索引擎方法 wordpress

WordPress屏蔽搜索引擎方法

在刚刚开始建站时,因为站点结构和初始内容都没有准备好,网站处于测试阶段,我们开放搜索引擎收录是没有意义的,如果搜索引擎收录了很多无用的页面,反而不利于我们后期的优化,所以在初建网站时,禁止搜索引擎是很...