中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁(yè) > 技術(shù)文檔 > 網(wǎng)頁(yè)制作 > WordPress主題結(jié)構(gòu)深度剖析
不要告訴我你懂margin 回到列表 重新認(rèn)識(shí)CSS的權(quán)重
 WordPress主題結(jié)構(gòu)深度剖析

作者:Gevin 時(shí)間: 2011-05-23 文檔類型:合作網(wǎng)站提供 來自:帕蘭映像

利用強(qiáng)大的技術(shù),可以把基于wordpress的網(wǎng)站做成各種各樣的形式,這除了要求wordpress主題開發(fā)人員精通html,PHP,JS,CSS等技術(shù),還需要開發(fā)者掌握WordPress主題的框架。

Gevin今天結(jié)合The anatomy of a WordPress theme這篇文章,和大家一起剖析WordPress主題的結(jié)構(gòu)。原文作者用圖文形式,分別從網(wǎng)站外觀、頁(yè)面組成和后臺(tái)文件三個(gè)方面,形象的向大家展示了WordPress的架構(gòu),下面Gevin和大家一起分析WordPress是如何架構(gòu)的。

網(wǎng)站外觀

WordPress主題由一系列模板文件組成,每個(gè)模板文件控制主題的一部分。無論在博客的哪個(gè)個(gè)頁(yè)面上,主題的框架總有一部分是不變的,這是主題的靜態(tài)部分,它由header.php, sidebar.php 和 footer.php三個(gè)文件控制。我們可以修改這些文件,以便檢測(cè)我們?yōu)g覽的頁(yè)面,并顯示不同的內(nèi)容,如在posts頁(yè)面和page頁(yè)面顯示不同的導(dǎo)航。然而,通常,我們會(huì)讓靜態(tài)部分在整個(gè)網(wǎng)站上保持一致的風(fēng)格。

網(wǎng)站外觀由下面4個(gè)部分的代碼控制:

  • header.php
    顯示博客頭和導(dǎo)航,也包含html代碼
  • The Loop
    顯示網(wǎng)站主題內(nèi)容的模板文件稱為The Loop(后面會(huì)詳細(xì)介紹)。
  • sidebar.php
    側(cè)邊欄由這個(gè)文件控制。多側(cè)邊欄的主題可以在functions.php中添加控制。
  • footer.php
    網(wǎng)站的頁(yè)尾和html的關(guān)閉標(biāo)簽。

頁(yè)面組成

WordPress基本頁(yè)面有Homepage(index.php控制),Post頁(yè)面(單獨(dú)顯示一篇完整博客,由single.php控制),獨(dú)立頁(yè)面(page.php控制),存檔(archive.php等控制),下面分別介紹這幾個(gè)控制這幾個(gè)頁(yè)面的代碼文件。i

ndex.php – home

index文件控制博客homepage的外觀。默認(rèn)情況下,index文件通過一個(gè)loop來顯示最新博客,homepage底部還會(huì)由一個(gè)查看以前博客的鏈接。

single.php – individual posts

該文件用于顯示讀者要查看的特定博客全文。

page.php – individual pages

該文件控制博客中獨(dú)立頁(yè)面的外觀。

WordPress允許我們?yōu)椴煌莫?dú)立頁(yè)面(pages)設(shè)計(jì)不同的模板,方法如下:

1、復(fù)制page.php并重命名

2、在文件的最上方添加下面代碼

     <?php
     /*
          Template Name: YourPageNameHere
     */
     ?>

archive.php, category.php, tag.php – archives

我們同樣可以自定義存檔(archives)的外觀。如果沒有archive.php文件,存檔和主頁(yè)是一模一樣的;然而,我們可以創(chuàng)建一個(gè)archive.php文件重構(gòu)存檔頁(yè)面。如果創(chuàng)建category.php文件,存檔頁(yè)面會(huì)被覆蓋為只顯示目錄;如果創(chuàng)建tag.php文件,存檔頁(yè)面會(huì)被覆蓋為只顯示標(biāo)簽。

The Loop

Loop恐怕是WordPress最強(qiáng)大的部分。它是“循環(huán)的查詢結(jié)果”。循環(huán)體中我們可以依次輸出選中文章的標(biāo)題,博客內(nèi)容,元數(shù)據(jù),評(píng)論等。我們還可以在single page中使用多個(gè)loop。例如,我們可以用一個(gè)loop顯示博客全文,另一個(gè)loop顯示相關(guān)文章的標(biāo)題和縮略圖。

The Loop結(jié)構(gòu)如下:

  • Query post or page
  • Start Loop //循環(huán)開始
  • the_title (outputs the title of the post) //標(biāo)題
  • the_excerpt (outputs the post excerpt) //摘要
  • the_content (outputs the full post content) //內(nèi)容
  • the_category (outputs the post categories) //目錄
  • the_author (outputs the post author) //作者
  • the_date (outputs the post date) //日期
  • other tags (there is a variety of other tags you can use in the loop) //標(biāo)簽
  • endwhile; //結(jié)束循環(huán)
  • Exit the loop //退出循環(huán)

WordPress的后臺(tái)文件

為了讓主題工作,WordPress還需要一些必要的后臺(tái)文件。這些文件可以根據(jù)個(gè)人需求進(jìn)行修改,它們能夠從極大程度上改變網(wǎng)站的外觀或提供更強(qiáng)大的功能。

comments.php

這個(gè)文件控制評(píng)論的輸出,如果您希望在博客上提供評(píng)論功能,要把它放到loop中去。Comment.php文件可以被插件覆蓋(如Disqus)

functions.php

Functions.php讓我們?cè)赪ordPress上運(yùn)行自定義代碼,以便更自由的修改主題元素。

style.css

這是控制主題樣式的主要CSS文件。該文件頂部還包含主題的元信息,用于提供主題的名字,作者及相關(guān)鏈接

原文:http://paranimage.com/wordpress-theme-depth-analysis-of-the-structure/

本文鏈接:http://www.95time.cn/tech/web/2011/8460.asp 

出處:帕蘭映像
責(zé)任編輯:bluehearts

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。

相關(guān)文章
WordPress折騰小記一則
WordPress代碼實(shí)現(xiàn)相關(guān)文章的幾種方法
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大福“敬•自然”設(shè)計(jì)大賽開啟
國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國(guó)國(guó)防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語(yǔ)言的編碼規(guī)范
如何在illustrator中繪制臺(tái)歷
Ps簡(jiǎn)單繪制一個(gè)可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡(jiǎn)單的作品展示頁(yè)面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國(guó)的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測(cè)試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2