您现在的位置是:首页 > 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开发的响应式模板,为幕墙工程、建筑装饰企业设计,通过数字化展示提升企业专业形象与项目展示能力。结构化数据标记增强项目案例收录,智能URL路由优化,支持每个工程案例独立设置关键词与描述查看源码
  • (自适应)家政保洁保姆打扫卫生清灰服务pbootcms模板免费下载采用手工编写的DIV+CSS架构,代码结构清晰无冗余,加载速度优异。响应式设计适配各类终端设备,保障手机、平板、电脑端的一致浏览体验。查看源码
  • 帝国cms7.2淘宝客导购自媒体博客网站模板源码本模板基于帝国CMS7.2内核深度开发,为淘宝客、商品导购类自媒体及博客网站设计。通过可视化后台管理,可快速搭建具备商品推荐、比价功能的内容平台,帮助用户实现流量高效转化。查看源码
  • 自适应建材瓷砖卫浴大理石类pbootcms网站模板源码下载为建材瓷砖、卫浴瓷砖企业打造的高端响应式门户模板,基于PbootCMS内核深度开发。采用前沿HTML5自适应架构,无缝兼容手机端触控交互与PC端展示场景。查看源码
  • (自适应响应式)HTML5建筑工程公司建筑集团网站模板下载基于PbootCMS内核开发的响应式建筑行业网站模板,为建筑工程公司、建筑集团等企业打造,通过简洁大气的设计风格展现企业专业形象。查看源码
  • pbootcms模板(自适应)花店鲜花花卉园艺网站源码一款基于PbootCMS内核开发的花店鲜花配送与花卉园艺企业网站模板。该模板采用响应式设计,自动适配手机、平板等移动设备,确保用户在任何设备上都能获得优质浏览体验。查看源码
分享笔记 (共有 篇笔记)
验证码: