您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

wordpress隐藏标题的方法

海莲2023-07-09WordPress教程已有人查阅

导读如果不想通过代码实现隐藏可选文章和页面的标题,可以安装并 WordPress Hide Title plugin插件,在相应页面或文章的编辑窗口中

如果不想通过代码实现隐藏可选文章和页面的标题,可以安装并 WordPress Hide Title plugin插件,在相应页面或文章的编辑窗口中,点击WordPress管理下的文章和页面菜单下需要编辑的项目即可。在编辑窗口下,有一个隐藏标题的自定义区块:

你要做的就是选中这个复选框并单击更新或发布按钮,插件将隐藏单次PV上的标题。这意味着,主页或其他分类页面上仍然会显示,只是单次PV上不再显示了。如果你希望创建一个简单的、不显示文章标题的登录页面,这种方法确实非常方便。

隐藏所有的WordPress文章和页面标题

如果你想隐藏单一页面上所有的文章和页面标题,可以通过修改主题来实现。最简单的方法就是在WordPress的functions.php文件中加一段下面的代码:

这个过滤器只是在显示单一文章或页面时的post_class()function中增加了一个类.hidetitle。但是,这个过滤器只有在WordPress主题支持post class的情况下有效。如果你希望只对文章有效,就删除代码中的|| is_page()。

添加这个function之后,还需要在主题样式表中添加这个CSS规则。

在上面的CSS中,我们使用了显示CSS属性来隐藏文章和页面标题。但是,这个CSS规则仅适用于WordPress主题使用的文章和页面标题是条目标题(entry-title)。在谷歌Chrome浏览器中打开文章,将鼠标移到文章标题上,右键单击并选择审查元素,你会看到页面的源代码中文章标题的代码,其中就有你WordPress主题所使用的CSS类。

如果主题使用article-title作为文章标题的CSS类,只需要如下简单更改CSS:

以上方法适用于大部分WordPress主题。但是这些方法只是隐藏标题并不能阻止加载这些标题。如果你想移除WordPress主题模板上的文章和页面标题,就需要删除主题文件中的the_title代码了。如果你只是希望在单一PV上实现,那只需要在single.php文件中修改。如果你希望全站都实现该效果,就可能需要编辑index.php、archive.php、single.php等文件了。

本文标签:

很赞哦! ()

相关源码

  • (自适应)五金配件机械蓝色营销型pbootcms模板免费下载基于PbootCMS的工业配件展示系统,精简DIV+CSS架构确保响应速度,自适应设计呈现参数表格,支持后台实时更新产品规格、在线留言等内容。查看源码
  • (PC+WAP)货运物流快递仓储货架pbootcms网站模板下载本模板基于PbootCMS开发,为货运物流、快递配送、仓储货架等行业设计,支持PC+WAP自适应,确保在电脑、手机、平板等设备上均能流畅访问。适用于物流公司、仓储企业查看源码
  • (PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统,整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构,支持WebP图像压缩技术。查看源码
  • (自适应响应式)绿色环保材料设备科技类营销型网站pbootcms源码下载本模板基于PbootCMS开发,主要面向环保设备、环保材料及相关科技企业。采用HTML5+CSS3技术构建,具备响应式特性,确保在各类设备上均有良好展示效果。查看源码
  • (自适应)家政保洁保姆打扫卫生清灰服务pbootcms模板免费下载采用手工编写的DIV+CSS架构,代码结构清晰无冗余,加载速度优异。响应式设计适配各类终端设备,保障手机、平板、电脑端的一致浏览体验。查看源码
  • (自适应)挖掘机大型采矿设备pbootcms网站源码下载本模板基于PbootCMS系统开发,专为重型机械设备行业设计,特别适合挖掘机、采矿设备、工程机械等工业设备展示。采用响应式布局技术,确保各类设备参数和图片在不同终端上都能清晰展示。查看源码
分享笔记 (共有 篇笔记)
验证码: