資源描述:
《wordpress模板制作傻瓜教程之一》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、WordPress模板制作傻瓜教程之一不會(huì)編程,連最基本的html代碼也不懂,可以制作wordpress模板嗎?可以!只要你會(huì)使用word、Excel,只要你會(huì)Ctrl+C、Ctrl+V,按照蝸牛博客為您提供
的“wordpress模板制作傻瓜教程”,你也可以制作出自己想要的wordpress模板來(lái)。本教程以網(wǎng)絡(luò)上常見(jiàn)的免費(fèi)CSS網(wǎng)頁(yè)模板為素材,通過(guò)創(chuàng)建一個(gè)簡(jiǎn)單的wordpress模板,來(lái)學(xué)習(xí)wordpress模板的制作過(guò)程,了解與掌握wordpress模
板的構(gòu)成及各個(gè)模板文件的作用,從而為進(jìn)一
2、步學(xué)習(xí)Wordpress模板制作奠定基礎(chǔ)。WordPress模板介紹:WordPress的模板非常簡(jiǎn)單,首先,需要一個(gè)CSS文件,這個(gè)文件定義了wordpress模板的文字大小、排版、字體等。另外,它還至少包含以下文件:·index.php首頁(yè)文件。·header.php網(wǎng)頁(yè)頭部文件,一般用來(lái)顯示網(wǎng)站標(biāo)題、LOGO以及導(dǎo)航欄
等,header.php里面的內(nèi)容會(huì)顯示在所有網(wǎng)頁(yè)的上方。·footer.php網(wǎng)頁(yè)底部文件,一般用來(lái)顯示網(wǎng)站的版權(quán)信息等,里面的內(nèi)容會(huì)顯示在所有網(wǎng)頁(yè)的下方。步驟一:建立st
3、yle.css文件1、下載CSS網(wǎng)頁(yè)模板作為制作wordpress模板的素材,下載地址:http://www.snailtoday.com/myimg/file.rar2、新建一個(gè)文件夾,用來(lái)存放wordpress模板的所有文件,文件名隨意,在這里我們?nèi)∶皊nail”作為范例。3、將下載的素材文件解壓縮,將CSS文件夾中的1.css文件復(fù)制到“snail”文件夾,并重命名為“style.css”。4、用windows自帶的記事本程序打開(kāi)“style.css”文件,將以下代碼加入到style.cs
4、s文件的起始位置。/*ThemeName:snailThemeURI:http://www.snailtoday.com/Description:Myfirstwordpresstheme.
Author:dengwen168AuthorURI:http://www.snailtoday.com/Version:1.0.Generalcomments/LicenseStatementifany..*/說(shuō)明:這段代碼包含在“/*”與“/*”這兩個(gè)符號(hào)之前,表明這是一段說(shuō)明性的
內(nèi)容,不會(huì)被程序運(yùn)行,
5、以上內(nèi)容翻譯成中文就是:·模板名稱:
·模板來(lái)源:·模板介紹:·作者:·作者網(wǎng)址:·版本:模板名稱,模板來(lái)源等可以填寫(xiě)你自己的內(nèi)容,然后點(diǎn)擊保存按鈕,即完成了style.css文件的制作,如下圖所示:步驟二:建立Header.php文件1、在“snail”文件夾下面用記事本程序新建一個(gè)文件,命名為Header.php。2、用記事本程序打開(kāi)素材中的index.html文件,找到以下代碼,并將它復(fù)制到Header.php文件。3、添加Wordpress標(biāo)簽到Header.php文件。在header.p
6、hp文件中,將原來(lái)的:xml:lang="en"改成將原來(lái)的
-改成
......依次對(duì)照將header.php改成以下的形式,然后保存。
7、1.dtd">>;charset=<
8、?phpbloginfo('charset');?>"/>"
type="text/css"media="screen,projection"/>