1. 程式人生 > >從0到1製作WordPress主題#3建立HTML結構

從0到1製作WordPress主題#3建立HTML結構

建立HTML結構

現在讓我們建立我們的HTML結構。 我們將新增一些核心HTML標籤,如下所示:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<title><?php bloginfo('name'); ?></title>

從上向下講解程式碼:

  1. 我們在html標籤中新增php language_attributes,這是一個確定我們希望主題顯示的語言的函式。
  2. 在title標籤中使用一個php的名為bloginfo的函式,它可以使您的標題或網站名稱動態, 這非常有用,因為它有很多可以獲得的東西,例如站點名稱,描述,字符集,URL和列表。 你可以檢視文件以確切瞭解它包含的內容。 但是,我們現在使用的是name屬性。

儲存後,您可以返回並重新載入頁面。 你可以看到標題是“從0到1製作WordPress主題”,如下所示:

站點title

“從0到1製作WordPress主題”就是你之前定義的站點名稱

讓我們回到我們的頭標籤並繼續。 我們需要一個字符集,所以我們將進入meta charset。 然後,我們也可以在這裡使用bloginfo,然後傳入charset

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>"
>
<title><?php bloginfo('name'); ?></title>

讓我們儲存一下,看看我們的原始碼。 使用Ctrl + U,您可以檢視兩種語言屬性; 它說我們使用的是英文,字符集是UTF-8,如下所示:

檢視原始碼

這些東西都可以在WordPress中控制。