專注於企業網站架設,分享WordPress教學和Elementor教學
不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%,感謝你的互惠互助

Elementor如何隱藏頁面上的標題(2種辦法)【視頻】

更新日期:2021-08-18

掃碼加入 讀者學習群

相關 教學

我自用的 架設網站資源

當你點擊本站的鏈接購買主機、主題、外掛,我會得到一些佣金用於運營網站,但不會影響你的購買價格,我只推薦自己在用的,感謝有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%
了解詳情→

elementor logo gradient 01 1
Elementor

最熱門的網頁可視化設計編輯器,我的網站就是用它建的
了解詳情→

Namesilo

註冊網域,購買時使用優惠券loyseo可減1美元
前往註冊→

Share on facebook
Share on twitter
Share on linkedin

本文介紹兩種隱藏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

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
點贊
0 / 5 0

Your page rank:

3 回复

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

評論被關閉。

超快獨享主機
Cloudways
免費試用3天,無需充值
費用月結| 不用一次性付整年
*註冊優惠碼Promo code:LOYSEO
*用Gmail郵箱,註冊易通過