您现在的位置是:首页 > 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等文件了。

本文标签:

很赞哦! ()

相关源码

  • (自适应)HTML5响应式双语绿色物流运输快递货运pbootcms源码本款基于PbootCMS开发的网站模板为物流运输、快递货运行业设计,采用HTML5技术构建,支持简繁字体切换。模板设计充分考虑了货运物流行业的特点,可专业展示运输服务、物流网络和业务优势等内容。查看源码
  • (PC+WAP)安保服务保安保镖模板免费下载本模板基于PbootCMS内核开发,为安保服务企业量身打造。设计风格严谨专业,突出安保行业的安全、可靠特性,展示企业服务项目与实力。采用响应式设计,PC与移动端数据同步,管理便捷。模板布局合理查看源码
  • pbootcms网站网络公司个人作品展示类网站源码(自适应)为网站建设公司、网络服务企业打造的响应式门户解决方案,基于PbootCMS内核深度开发。采用前沿自适应架构,无缝适配手机端交互与PC端展示需求。查看源码
  • (自适应)英文外贸电子设备网站模板三级子目录基于PbootCMS内核开发的响应式英文网站模板,为外贸企业打造,支持多行业快速适配。通过简洁高效的代码架构,帮助企业低成本构建专业海外形象,实现更好客户触达与订单转化。查看源码
  • (PC+WAP)蓝色公司注册财务会计公证律师网站源码下载本模板基于PbootCMS内核开发,为财务会计事务所、律师公证机构等专业服务机构打造。采用自适应设计,确保在各类设备上都能呈现专业视觉效果,帮助机构建立值得信赖的线上形象。查看源码
  • (自适应html5)自媒体运营培训教程个人博客pbootcms模板本模板基于PbootCMS系统开发,特别适合自媒体运营培训、知识付费类网站使用。采用响应式设计,能够适配各类终端设备,为内容创作者提供专业的内容展示平台。查看源码
分享笔记 (共有 篇笔记)
验证码: