专注于外贸建站,分享WordPress教程和Elementor教程

Elementor如何隐藏页面上的标题(2种办法)【视频】

更新日期:2021-05-26

本文介绍两种隐藏Elementor页面默认标题的方法,一种是单个隐藏,一种是全局隐藏(适用于hello elementor和astra主题)。

下图是隐藏标题前后的区别,所用的主题是Hello elementor。

hello elementor %E5%8E%BB%E6%8E%89%E5%85%A8%E5%B1%80%E9%BB%98%E8%AE%A4%E6%A0%87%E9%A2%98 - Elementor如何隐藏页面上的标题(2种办法)【视频】

2020-11-29更新:针对Hello Elementor主题去页面标题的的视频教程

如何单个隐藏页面标题

下面介绍禁用Elementor页面标题的操作步骤

  1. 在elementor编辑页面时,点击左下角的设置按钮
  2. 然后将隐藏标题开关开启即可

disable-page-title

如果隐藏标题不起作用,那么应该跟你用的主题有关,你需要去elementor全局设置中修改页面标题选择器。

首先打开一篇文章,然后按照下面动图的两种方法任一个,去找到h1标签的class,多个class之间是空格隔开的,一般取第一个,如下图所示,我们得到h1的class是page-title-header,那么页面标题选择器是h1.page-title-header

get-page-title-selector

然后将它填入到elementor全局设置的页面标题选择器中,保存即可。

elementor-page-title-selector-setting

如何全局隐藏页面标题

本方法仅适用于Hello elementor和Astra主题。

安装并启用插件Code snippets,这里有插件安装教程,然后按下面步骤操作

  1. 进入 Snippets > add new
  2. 输入标题,例如:禁用页面默认标题
  3. 输入如下代码

适用于hello elementor主题的代码

function ele_disable_page_title( $return ) {
   return false;
}
add_filter( 'hello_elementor_page_title', 'ele_disable_page_title' );

适用于 astra主题的代码,原文链接https://wpastra.com/docs/disable-title-from-pages-2/

/* Disable title on all post types. */ 
  function your_prefix_post_title() { 
     $post_types = array('page'); 
     // bail early if the current post type if not the one we want to customize. 
 if ( ! in_array( get_post_type(), $post_types ) ) { return; } // Disable Post featured image. 
 add_filter( 'astra_the_title_enabled', '__return_false' ); 
 }
 add_action( 'wp', 'your_prefix_post_title' );

  1. 选择 only run on site front-end
  2. 点击save changes保存

hello elementor %E5%8E%BB%E6%8E%89%E5%85%A8%E5%B1%80%E9%BB%98%E8%AE%A4%E6%A0%87%E9%A2%98 2 - Elementor如何隐藏页面上的标题(2种办法)【视频】
点赞
0 / 5 0

Your page rank:

教程 分类

3 回复

    1. 经过检查,本文丢失了一些段落,现已补充完整,请再次查看一下,文章后半段有针对astra的code。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

siteground logo
SiteGround

购买外贸建站主机,它是80%读者的选择
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Hi~当你点击本站中的主机、主题、插件的链接前往购买后,我将获取一些佣金,这是我撰写建站教程的主要收入~希望也能得到你的支持,比心( •̀ ω •́ )y

Copyright © LOYSEO.COM — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作 与 外贸建站教程