如何使某個元素從您的網站上消失

Explore innovative ideas for Australia Database development.
Post Reply
pappu6326
Posts: 10
Joined: Thu Dec 26, 2024 3:32 am

如何使某個元素從您的網站上消失

Post by pappu6326 »

展示。 使用顯示屬性,您可以隱藏網站上的任何元素。要實現它,首先要取得相關元素的選擇器名稱。例如,如果您想要從部落格文章中刪除日期,則首先要轉到任何文章,將滑鼠懸停在日期上,右鍵單擊並檢查。
Chrome 元素檢查器

在下部區域中,顯示了元素檢查器,並標記了用於顯示日期的程式碼部分。在該行內,有一個class=»date»。這意味著“日期”是應用於日期的類,以賦予其字體樣式、大小、顏色等。

但在這種具體情況下我們不想修改這些樣式,而是直接消除日期顯示。為此,請前往模板的自訂 CSS 區域(或簡單自訂 CSS 外掛程式)並輸入以下內容:


顯示:無;
}
「date」類別開頭有一個點,因為這是在 CSS 表中編寫 墨西哥手機號碼列表 類別名稱的方式。命令“顯示:無;”意思是「停止顯示元素」。因此,在這種特定情況下,我們將進行以下命令:分配了「日期」類別的所有元素將不再顯示在網站上。

Chrome 元素檢查器





圖示框貼文-06WordPress 線上課程
完成課程後學習 WordPress 並設計自己的網站
32小時+18小時直播課
3 次 45 分鐘的老師輔導
6堂直播課,每堂課3小時
小組教程以推進團隊項目
終身使用私人區域
售價:400歐元
圖示框貼文-03 圖示框貼文-02 圖示框貼文-01


如何更改網站上特定字體的大小和顏色
字體大小、顏色。 如果我們想要的不是隱藏日期而是簡單地修改其字體大小和顏色呢?
在這種情況下,請前往模板的自訂 CSS(或簡單自訂 CSS 外掛程式)並輸入以下內容:


字體大小:36px!
顏色:#F00!
}
現在日期以更大的字體和紅色顯示。

Chrome 元素檢查器



請記住,為什麼我們要放置 !important?
因此,新定義的屬性「踩在」預設模板包含的屬性上,因為我們正在使用特定樣式來觸摸模板中已預先定義的屬性。



我們放入顏色屬性中的 #F00 是什麼?
它是我們使用十六進制值定義的顏色(在本例中為紅色)。這是在 Web 環境中輸入精確顏色最常見的方法之一。使用Paletton應用程序,您可以測試並獲取十六進制顏色值以放在您的網站上。

以下是十六進制調色板的範例:

十六進位顏色



6 15如何為您的網站新增 HTML 程式碼


在貼文或頁面中
您可以在貼文和頁面中新增 HTML 程式碼,以獲得更個人化的結果。通常,您可以在「視覺」標籤中編輯條目,但如果您想使用 HTML 編輯它們,請按一下「文字」或「HTML」標籤。

如果您注意到,在同一篇文章的螢幕截圖中,我加載了 HTML 選項卡,並且文字以純 HTML 程式碼顯示。第一行的 WordPress 一詞位於 <strong> 和 </strong> 標籤之間,這表示該字在視覺部分呈現粗體風格。

WordPress 文字編輯器



在文字小工具中
您可以透過前往「外觀」>「小工具」並拖曳「文字」類型小工具,將純 HTML 程式碼新增至小工具。在這個小工具中,您可以編寫任何 HTML 程式碼,WordPress 會正確解釋它以顯示您想要的內容。
Post Reply