工作原理的初學者指南

[ad_1]

WordPress 最好的事情之一就是它的易用性,即使對於初學者來說也是如此。 您基本上可以在沒有任何技術知識的情況下創建一個功能性網站。 但是,一旦您熟悉了該平台,將 HTML 添加到 WordPress 是更好地控制您的網站的好方法。

HTML 是每個 WordPress 網站所依賴的主要構建塊之一。 即使對 HTML 有基本的了解,您也可以對頁面的外觀和行為方式進行各種調整。 另外,即使您以前從未接觸過一行代碼,這種語言也很容易上手和使用。

HTML 是什麼(以及它為何重要)

即使您不是 Web 開發人員,您也可能至少聽說過 HTML——它是創建網站的代名詞。 但是,HTML 不像 JavaScript 或 Python 那樣是一種編程語言。 這些編碼工具用於從頭開始構建程序,並且更複雜。 相反,HTML 是所謂的「標記語言」。

簡而言之,它旨在影響文本和圖像等內容。 它用於通過添加有關如何顯示內容的說明來注釋(或標記)內容。 因此,HTML 更易於使用和理解。

如果您想查看 HTML 的實際外觀,您需要做的就是打開一個 WordPress 帖子或頁面。 然後,切換到編輯器的 Text 選項卡:

WordPress 文本編輯器。

起初這可能看起來像胡言亂語。 但是,仔細觀察,您會發現您的所有內容仍然存在。 文本按原樣寫出,但其他所有內容都是 HTML,可控制內容的格式、外觀、布局等。

將 HTML 添加到 WordPress 的工作原理(一些基本示例)

至此,您可能已經準備好看看在實踐中將 HTML 添加到 WordPress 是什麼樣子了。 讓我們通過幾個基本示例來了解這種標記語言的實際工作原理。

假設您正在為您的 WordPress 網站寫一篇博客文章,它是關於您最喜歡的五種狗的。 因此,您希望將每個品種作為一個新部分來介紹,並帶有一個突出於文本其餘部分的標題。

您可能知道,您可以在 WordPress 中通過從標題下拉菜單中選擇一個選項來執行此操作:

在 WordPress 中添加標題。

但是,您也可以使用 HTML 執行此操作。 在「文本」選項卡中,找到要轉換為標題的文本。 然後,只需在開頭和結尾添加標題標籤,如下所示:

通過將 HTML 添加到 WordPress 來創建標題。

這些

標籤告訴 WordPress 將它們包含的文本轉換為「級別 1」標題。 第二個標籤中的斜線表示標題應該在哪裡結束。 您還可以將 1 替換為不同的數字,以自定義使用的標題級別。

使用 HTML 進行格式化的其他方法

對於您可能希望應用於文本的所有常見(和許多不常見)格式類型,都有類似的基本標籤。 例如,假設您想在以下句子中將「最佳」一詞斜體:

在我看來,灰狗是最好的狗。

為此,您需要使用強調 () 標籤:

在我看來,灰狗是最好的種狗。

如果你想讓單詞加粗,你可以使用 標籤:

在我看來,灰狗是最好的種狗。

當然,您也可以根據需要組合 HTML 標籤。 例如,如果你想通過加粗和斜體來強調這個詞,你可以使用以下格式:

在我看來,灰狗是最好的種狗。

值得注意的是,這裡的順序無關緊要—— 標籤可以在外面,你會得到同樣的效果:

WordPress中帶有粗體和斜體的單詞。

通過這些類型的簡單示例,您可以開始了解 HTML 是如何工作的。 您使用介紹性標籤來告訴 WordPress(或您正在使用的任何平台)您想要做什麼。 然後,在末尾添加一個結束標籤,讓它知道何時停止。 大多數標籤都非常簡單且易於理解,儘管它們可以以多種不同的方式組合。

當然,您可以在 WordPress 編輯器的 Visual 選項卡中完成所有這些相同的任務。 但是,將 HTML 添加到 WordPress 可以讓您包含默認情況下不容易添加的格式,例如使用 標籤突出顯示文本或創建表格。 在您的工具帶中使用 HTML,您自定義內容的選項幾乎是無窮無盡的,您還可以在小部件中包含某些格式,以及 WordPress 編輯器之外的其他區域。

向 WordPress 添加 HTML 很有幫助的其他領域

除了使用 HTML 來處理格式之外,您還可以使用它來控制內容的某些部分的功能。 例如,您可能想要採取的一項常見操作是向您的鏈接添加一個 nofollow 標記。 與我們在上面向您展示的示例不同,在編輯器中沒有執行此操作的選項。

相反,您需要使用 HTML 手動將 rel=”nofollow” 標記添加到您的鏈接中。 例如:

錨文本

變成:

錨文本

隨著您越來越習慣 HTML,您會發現 HTML 可以讓您超越常規 WordPress 編輯器的其他領域。

如何了解有關 HTML 的更多信息

如果您一直在學習,那麼您已經了解了一些有關 HTML 工作原理的關鍵基礎知識。 你可以通過簡單地做一些谷歌搜索來找到你需要的標籤,並根據需要將 HTML 添加到 WordPress 內容中。

然而,這種標記語言的意義遠不止表面上所見。 如果你真的想精通 HTML,花一些時間學習它的所有細節是值得的。

這裡有幾個可靠的地方可以開始學習更多:

  • W3Schools:如果您喜歡動手操作,那麼這個 HTML5 教程可能正是您所需要的。 它將引導您了解有關最新版本 HTML 的所有信息,讓您在每一步都自己練習使用標籤。
  • Codecademy:如果您想要一種更徹底、類似課程的方法來學習 HTML,Codecademy 提供了一個非常全面的程序。 你甚至可以完成兩個結構化的項目,讓你對這門語言有一個實際的感覺。
  • Udemy:該網站提供了許多關於 HTML 的課程,因此您可以選擇最適合您的需求和技能水平的課程。 要開始使用,我們建議您查看面向 WordPress 用戶的基本 HTML 和 CSS 簡介。

與任何技術技能一樣,徹底學習 HTML 的最佳方法是經常練習使用它。 在使用它來整理一些新的帖子和頁面之後,您應該會發現將 HTML 添加到 WordPress 已成為第二天性。

結論

理解 HTML 歸結為理解標籤的概念,以及如何使用它們來包圍您想要影響的內容部分。 完成後,您可以開始學習更多標籤並嘗試將 HTML 添加到 WordPress。 在動手教程和專門課程的幫助下,您很快就會發現自己精通 HTML。

您對如何在 WordPress 內容中使用 HTML 有任何疑問嗎? 在下面的評論部分讓我們知道!

相關文章