wordpress美化:知更鸟begin主题隐藏一些页面元素

  • A+
所属分类:网站建设

wordpress美化:知更鸟begin主题隐藏一些页面元素

知更鸟begin主题功能很强大,但页面的一些元素显得有些繁杂,不是很简约。所幸,其主题提供了修改的方法。

本文主要讲隐藏元素的方法,改变元素颜色、文字大小等方法与之类似。

通用方法

1.查看网页源代码找到准备隐藏元素的选择器。

点击键盘F12调出控制台。

wordpress美化:知更鸟begin主题隐藏一些页面元素

点击左上角的箭头。然后点击你想隐藏的元素。此处,我想隐藏文章“收藏”这个元素。控制台上会显示你选择的元素信息。

wordpress美化:知更鸟begin主题隐藏一些页面元素

在选定的元素上右击→Copy→Copy selector

wordpress美化:知更鸟begin主题隐藏一些页面元素

这样元素的选择器便复制好了。

2.隐藏元素

在WordPress后台依次选择主题选项→定制风格→自定义样式。将刚才复制的选择器粘贴在此处并在后面添加CSS代码:{display: none;}

注意:在复制的选择器代码中有这么一段#post-330,代表着只改变post-330这篇文章的收藏按钮,如果我们想隐藏所以文章的收藏按钮,则需要去掉#post-330

OK!大功告成。

看下效果:

wordpress美化:知更鸟begin主题隐藏一些页面元素

不错,达到预期的目标。

应用举例:

隐藏打印按钮

隐藏调整文字大小的按钮

隐藏文章列表缩略图上的分类名称

小工具分类目标内的条目边框加圆角

去掉首页文章列表边框(border)

去掉小工具边框

去掉begin主题中“Tab组合小工具”的边框

去掉关于本站中头像及微信、qq等组件的边框

去掉幻灯上的标题文字

隐藏文章形式图标

去掉图片布局上的点赞图标

隐藏企业公司页面幻灯上的标题

隐藏文章列表中的日期和评论

隐藏文章列表左边的装饰条

隐藏页脚“关于本站”小工具下面的文章信息

隐藏侧边小工具和分类栏目前的图标装饰

LTXU

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: