自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

深度剖析WordPress主題結(jié)構(gòu)

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

利用強大的技術(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)站外觀、頁面組成和后臺文件三個方面,形象的向大家展示了WordPress的架構(gòu),下面Gevin和大家一起分析WordPress是如何架構(gòu)的。

網(wǎng)站外觀

WordPress主題由一系列模板文件組成,每個模板文件控制主題的一部分。無論在博客的哪個個頁面上,主題的框架總有一部分是不變的,這是主題的靜態(tài)部分,它由header.php, sidebar.php 和 footer.php三個文件控制。

我們可以修改這些文件,以便檢測我們?yōu)g覽的頁面,并顯示不同的內(nèi)容,如在posts頁面和page頁面顯示不同的導航。然而,通常,我們會讓靜態(tài)部分在整個網(wǎng)站上保持一致的風格。

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

header.php

顯示博客頭和導航,也包含html代碼

The Loop

顯示網(wǎng)站主題內(nèi)容的模板文件稱為The Loop(后面會詳細介紹)。

sidebar.php

側(cè)邊欄由這個文件控制。多側(cè)邊欄的主題可以在functions.php中添加控制。

footer.php

網(wǎng)站的頁尾和html的關(guān)閉標簽。

頁面組成

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

index.php – home

index文件控制博客homepage的外觀。默認情況下,index文件通過一個loop來顯示***博客,homepage底部還會由一個查看以前博客的鏈接。

single.php – individual posts

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

page.php – individual pages

該文件控制博客中獨立頁面的外觀。

WordPress允許我們?yōu)椴煌莫毩㈨撁妫╬ages)設計不同的模板,方法如下:

1、復制page.php并重命名

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

  1. <?php  
  2. /*  
  3. Template Name: YourPageNameHere  
  4. */ 
  5. ?> 

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

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

The Loop

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

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

  1. Query post or page  
  2. Start Loop //循環(huán)開始  
  3. the_title (outputs the title of the post) //標題  
  4. the_excerpt (outputs the post excerpt) //摘要  
  5. the_content (outputs the full post content) //內(nèi)容  
  6. the_category (outputs the post categories) //目錄  
  7. the_author (outputs the post author) //作者  
  8. the_date (outputs the post date//日期  
  9. other tags (there is a variety of other tags you can use in the loop) //標簽  
  10. endwhile//結(jié)束循環(huán)  
  11. Exit the loop //退出循環(huán) 

WordPress的后臺文件

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

comments.php

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

functions.php

Functions.php讓我們在WordPress上運行自定義代碼,以便更自由的修改主題元素。

style.css

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

圖文剖析

下面是原作者強大的WordPress剖析圖:

WordPress剖析圖

深度剖析WordPress主題

【編輯推薦】

  1. WordPress的18條必備SQL操作語句
  2. WordPress CMS化的十二個必備插件
  3. WordPress宕機幾小時 數(shù)百萬博客受影響
  4. WordPress自定義字段任意文件上傳漏洞
責任編輯:于鐵 來源: 帕蘭映像
相關(guān)推薦

2010-05-26 19:36:34

SVN目錄結(jié)構(gòu)

2023-04-11 08:00:56

Redis類型編碼

2022-09-27 18:56:28

ArrayList數(shù)組源代碼

2024-02-05 19:06:04

DartVMGC流程

2013-06-03 13:40:53

響應式主題主題

2009-09-15 14:52:15

linq級聯(lián)刪除

2010-03-01 14:50:06

Python 工具

2010-03-01 18:33:30

2023-01-10 13:48:50

ContainerdCRI源碼

2014-10-17 09:30:38

2010-02-04 15:38:39

Android 手機

2010-03-05 16:38:30

2020-04-01 10:28:12

Apache HBas數(shù)據(jù)結(jié)構(gòu)算法

2010-02-02 15:25:35

Python語法

2010-02-03 16:56:24

Python包

2010-02-01 13:34:59

Python 腳本

2013-09-22 15:09:04

扁平化UI設計

2010-01-26 17:53:30

Android代碼結(jié)構(gòu)

2010-01-07 15:07:34

Ubuntu Anju

2010-02-06 15:32:30

Android架構(gòu)
點贊
收藏

51CTO技術(shù)棧公眾號