elementor Hello 隱藏頁面上方網站標題的五種方法

Hello Theme 這是 Elemenotr 推出最相容 WordPress 主題,今天建立一個網站準備先來做一個一頁式網頁,結果一直給我出現網站標題

如果你是 Elementor 老手應該馬上到想到頁面設置中有個隱藏標題選項,開啟它標題就會消失,今天這情況有點特殊,就是不消失,即便我切換成 Elementor 樣版,依然會出現標題,煩!

拆東西找問題,為什麼死都會出現標題

開啟 Hello Theme header template part 的檔案,看到底什麼原因,問題就在這一個區塊,用 has_custom_login() 來判斷有沒有上傳網站 Logo檔案,有的話就在 Header 顯示圖片,如果沒有的話就就顯示網站名稱

對!! 的確我沒有上傳網站的Logo,所以一直給我跑出標題,總算確認問題,老實講這功能有點多餘,但又沒地方關閉,正常的情況下網站會上傳自訂Logo沒錯,但我本身就是不正常的人,有不上傳的理由,所以我必須去解決這問題。

我習慣使用子主題 ( Child Theme ) 來覆蓋修改,或透過WordPress、主題的API 讓原本的主題可以持續正常更新,所以不會直接去修改主題檔案,所以要去拆原本主題看哪裡可以見縫插針

解決方案

撞牆了一番,本文提供幾種解決方案,解決一直出現網站標題的問題

一、CSS隱藏

這很遜,一個 WordPress 開發者的自尊,是不允許用這樣的偷吃步的,不過它真的很有效,只是有可能在網頁載入時會閃一下,但其實也是一種好方法拉

header .site-branding {
    display: none !important;
}

二、JQuery刪除

這跟 CSS 差不多,都是在前端處理,讓問題看不見來個眼不見為淨,不過好一點是可以刪除那一段的 HTML,別人偷看你的程式碼也會比較乾淨,但客製程式碼寫得到處都是更不乾淨

三、建立一個空白 elementor Header

用 elementor builder 建立一個全站假的 Header 去騙 Hello Theme,這個 Header 空的就好,主題發現有 Header 會關閉圖片或標題的顯示

四、用程式

這是很徹底的方法,直接從PHP就讓LOGO或標題不顯示,Hello主題判斷有LOGO顯示LOGO,沒LOGO顯示標題,好像很聰明,那此解決方案主要是騙過程式說:這網站有LOGO圖片囉,回傳一個假的圖片ID,然後在顯示圖片那段程式 the_custom_logo(),發現其實你騙我,根本沒這圖片,所以標題跟圖片就都不會顯示

/**
 * v123.tw Elementor hello theme hide page title
 * @see https://v123.tw/elementor-hello-theme-hide-page-title
 */
remove_all_filters( 'hello_elementor_page_title' );
add_filter( "theme_mod_custom_logo" , function(){
	return 1;
});

結論

標題不見了,這功能有點無用

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料