本站使用日本人氣 No.1 商業佈景主題【SWELL】架設!瞭解更多

SWELL|如何隱藏頁面H1標題,並去除H1標題下方的外距(margin)

歐森 Olsen

我想把頁面標題去掉……

常規狀態下,【SWELL】提供了兩種非常漂亮的頁面標題呈現方式;但有時候在設計頁面時,將頁面標題隱藏起來,可以獲得更乾淨的版面及寬廣的設計空間。

基於SEO考量,【SWELL】尚未提供隱藏頁面標題的控制選項,但是我們可以透過內建的「カスタムCSS & JS」欄位,用簡單的CSS代碼完成。

Let’s dive in!

目錄

簡單3步驟

STEP
開啟要修改的頁面

建議只針對要隱藏的頁面逐一設定,未來修改時會比較有彈性!

STEP
點開下方的「カスタムCSS & JS」
STEP
在「CSS用コード」中,貼上下方程式碼
/** 隱藏本頁面(page)H1 標題,但H1標題下方的外距仍存在 **/

h1{
display:none;
}

/** 去除H1標題下方的外距**/
.l-mainContent__inner>.post_content {
margin-top: 0;
}

這樣就完成囉!很簡單吧?;)

聯盟推廣揭露說明

本文章含有聯盟推廣連結,當您透過本站連結至相關服務商,租用服務/購買產品,歐森將會獲得一筆推廣佣金,用以維護本站營運。敬請放心,您不需為此支付任何額外費用,亦不會因此損失任何服務/商品應有權益,非常感謝您:)

請分享給更多人!^^
  • 已成功複製本頁網址(URL)!
  • 已成功複製本頁網址(URL)!

責任編輯

不在電腦前寫稿剪片,就在探索世界角落的路上。信仰「內容」的力量,相信發自內心的真誠分享,就是數位時代能攏聚一眾人心的關鍵密碼!:)

歡迎留言一起討論!

撰寫留言

目錄