wordpress html5主題怎么編輯？

編輯方法如下：

創(chuàng)新互聯(lián)建站服務(wù)項目包括東臺網(wǎng)站建設(shè)、東臺網(wǎng)站制作、東臺網(wǎng)頁制作以及東臺網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，東臺網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到東臺省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

一.使用 HTML5 的 聲明

在 HTML 4.01 和 XHTML 中那段長長的 DTD 類型聲明應(yīng)該是所有標(biāo)簽中最難記住的標(biāo)簽了，但在 HTML5 中， DTD 聲明非常簡單：

1

!DOCTYPE html

就是這么簡潔，要使用 HTML5 ，第一步肯定是先使用 HTML5 的 !DOCTYPE 聲明。

二.加入 html5.js

可以在主題的 head 元素內(nèi)加入一段 js 來讓 IE8 及以下的 IE 完全支持 HTML5 的標(biāo)簽。

下載由 html5shiv 提供的這個 html5.js 文件。

1

2

3

!--[if lte IE 9]

script type="text/javascript" src="./js/html5.js"/script

![endif]--

代碼中使用了條件注釋針對低版本的 IE（IE8 及以下版本）瀏覽器來調(diào)用這個 js 文件，其他瀏覽器會忽略掉這段代碼，不會造成浪費的 HTTP 請求。

三.CSS Reset

CSS Reset 是為了把瀏覽器提供的默認(rèn)樣式去掉的一段 CSS ，詳細(xì)的介紹可以參見 Kayo 之前所寫的一篇文章 《關(guān)于 CSS Reset 》，本文中的 CSS Reset 是根據(jù)前文的 CSS Reset 改造的，主要是加入了對 HTML5 中新加入的標(biāo)簽的重置。下面是 Kayo 針對 HTML5 的 CSS Reset ，供大家參考，也可以參照前文定制更適合個人情況的 CSS Reset 。

/*** 加入 HTML5 新標(biāo)簽的樣式重置 ***/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body{line-height: 1; text-align: left; }

:focus {outline: 0; }

/*** 將一些可以代替 div 標(biāo)簽的 HTML5 標(biāo)簽定義為塊狀元素 ***/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }

ol, ul {list-style: none; }

blockquote, q {quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; }

ins {text-decoration: none; }

mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del {text-decoration: line-through; }

table {border-collapse: collapse; border-spacing: 0; }

input, select {vertical-align: middle; }

現(xiàn)在，可以放心的在 WordPress 主題中使用 HTML5 標(biāo)簽了。

四.修改主題中的標(biāo)簽為語義化的 HTML5 標(biāo)簽

在網(wǎng)頁重構(gòu)中，舍棄了沒有任何語義的 table 布局，取而代之的是新的標(biāo)記，最常見的莫過于 div 這個標(biāo)簽，不過在設(shè)計復(fù)雜的頁面時，新的問題出來了—— div 的濫用導(dǎo)致頁面變得臃腫并且難于理解。值得興奮的是， HTML5 為開發(fā)者引入了新的語義化標(biāo)記，下面給大家介紹一些適合在 WordPress 主題中使用的 HTML5 標(biāo)簽。

header 用于定義文檔的頁眉，可以代替原本包裹頁眉的 div 。

footer 用于定義文檔的頁腳，可以代替原本包裹頁腳的 div 。

nav 用于定義導(dǎo)航鏈接的部分，即代替包裹菜單的 div 。

article 用于定義獨立的內(nèi)容，很適合代替包裹文章的 div，如 WordPress 首頁、歸檔頁或文章頁的文章列表中可使用該標(biāo)簽包裹文章。

aside 該標(biāo)簽用于定義其所處內(nèi)容之外的內(nèi)容，并且 aside 的內(nèi)容應(yīng)該與附近的內(nèi)容相關(guān)，因此很適合用來包裹 WordPress 的側(cè)邊欄。

另外 time, small, section 等 HTML5 標(biāo)簽也適合用來改造升級 WordPress 主題，這些標(biāo)簽的具體意義可以參見 W3school 。

五.為主題加入 HTML5 微數(shù)據(jù)

關(guān)于 HTML5 微數(shù)據(jù)的介紹和使用方法可以參見 Kayo 之前所寫的文章 《HTML5 之微數(shù)據(jù)》，這里主要介紹一些適合 WordPress 使用的微數(shù)據(jù)規(guī)范，因此建議讀者先閱讀前文再閱讀下文。

這里使用的是 schema.org 的微數(shù)據(jù)規(guī)范，加入微數(shù)據(jù)是為了讓機械（如搜索引擎）識別網(wǎng)頁內(nèi)容的意義，可以說是華麗麗的 SEO 。

下面列舉一些適合的微數(shù)據(jù)規(guī)范：

這是定義網(wǎng)頁版頭的微數(shù)據(jù)，需要注意的是 WPHeader 的 “WP” 不是指 WordPress ，而是 Web Page 的縮寫，不過用在 WordPress 上也是非常合適的。

定義網(wǎng)頁頁腳。

定義一篇博客文章。

定義一條評論。

wordpress5.0啥時候發(fā)布

4.8才剛出來，還會有4.8的小版本出來。

除非4.8有大問題，才會馬上出4.9或5.0

WordPress建站流程，5分鐘搞定

WordPress建站很容易，買個域名，買個WordPress服務(wù)器，然后安裝下WordPress就搞好了。

5分鐘就搞定了。下面推薦兩種方法。

小白快速建站可以看這后面這篇篇文章： 快速建立WordPress網(wǎng)站教程

上面這個教程里，直接就在 Hostwinds 把域名也順帶給買了。如果想分開購買域名和服務(wù)器，可以在 Namecheap 單獨購買域名，然后在Hostwinds購買WordPress服務(wù)器即可。

如果想要詳細(xì)深入學(xué)習(xí)，可以到Udemy上看相應(yīng)的WordPress建站課程，下面推薦我自己學(xué)習(xí)過的兩個課程。

1： Wordpress for Beginners - Master Wordpress Quickly

該課程適合完全沒接觸過WordPress建站的小白用戶，里面有手把手的Wordpress建站教程。該課程總時長4個多小時，比較精簡，內(nèi)容也叫初級。

2： The Complete Wordpress Website Business Course

該課程總時長21個小時，內(nèi)容也比較深入。適合快速進(jìn)階學(xué)習(xí)WordPress建站。

我自己是兩個課程可以一塊買的，還能便宜點。

總之看完之后，你就是建站小能手了。

當(dāng)前文章：wordpress5 wordpress502 Bad Gateway
路徑分享：http://jinyejixie.com/article18/dddhogp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、自適應(yīng)網(wǎng)站、手機網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、云服務(wù)器、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)