您现在的位置是:首页 > 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内核开发的响应式网站模板,为网络技术服务类企业打造,具备高度可定制性。通过简洁现代的设计语言展现企业专业形象,后台数据实时同步机制确保多终端内容一致性,查看源码
  • (响应式H5)帝国cms7.5文章新闻博客模板带会员中心本模板基于帝国CMS内核开发,为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码
  • (自适应响应式)双语LED照明灯饰灯具外贸网站pbootcms源码下载模板采用响应式设计,能自动适应手机、平板和电脑等多种设备屏幕,确保用户在不同设备上都能获得良好的浏览体验。同一后台管理,数据实时同步,操作简便高效。查看源码
  • (自适应html5)重工业钢铁机械设备网站pbootcms响应式模板下载为重工业领域打造的响应式网站模板,助力企业高效展示产品与服务,基于PbootCMS开发的工业级网站模板,特别适合钢铁制造、机械设备生产等重工业企业使用。查看源码
  • (自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计,基于PbootCMS内核开发。通过自适应手机端的HTML5技术,帮助企业高效构建专业财税服务平台查看源码
分享笔记 (共有 篇笔记)
验证码: