摘要:主題介紹主題定義了構(gòu)建的網(wǎng)站或應(yīng)用程序的外觀。主題完全基于文件定義,可以使用任何版本控制軟件管理。主題存儲(chǔ)在項(xiàng)目的目錄的對(duì)應(yīng)子目錄中。各個(gè)部分之間通過(guò)進(jìn)行分割開(kāi)來(lái)。啟用主題日志記錄,可以進(jìn)入設(shè)置日志日志設(shè)置啟用主題更改。
主題
介紹
主題定義了October構(gòu)建的網(wǎng)站或Web應(yīng)用程序的外觀。主題完全基于文件定義,可以使用任何版本控制軟件管理。
主題存儲(chǔ)在項(xiàng)目的themes目錄的對(duì)應(yīng)子目錄中。主要包含以下部分:
名稱 Description
Pages 網(wǎng)站的頁(yè)面
Partials 可以重用的HTML標(biāo)記塊
Layouts 定義頁(yè)面的結(jié)構(gòu)
Content files 可以是文本,HTML代碼和Markdown 代碼塊,主要用于與Page和Layout進(jìn)行分開(kāi)編輯維護(hù)。
Asset files 資源文件包含圖片、樣式表和JS腳本文件。
主題的目錄結(jié)構(gòu)
每個(gè)主題都有一個(gè)獨(dú)立的目錄,只有激活的主題才會(huì)顯示在網(wǎng)站上?;窘Y(jié)構(gòu)的例子:
themes/ website/ <=== 主題的目錄 pages/ <=== Pages(頁(yè)面目錄) home.htm layouts/ <=== Layouts(布局目錄) default.htm partials/ <=== Partials(部件目錄) sidebar.htm content/ <=== Content(內(nèi)容目錄) intro.htm assets/ <=== Assets (資源目錄) css/ my-styles.css js/ images/
激活主題的方式有后臺(tái)操作和修改配置文件兩種方式,修改config/cms.php文件中的activeTheme的設(shè)置值?;蛘撸扇『笈_(tái)設(shè)置,操作步驟為:設(shè)置——內(nèi)容管理——前端主題——選擇一個(gè)主題激活即可。
子目錄
October支持單層子目錄,有Pages、Partials、Layouts、Content和Assets目錄。這樣簡(jiǎn)化了大型網(wǎng)站的目錄結(jié)構(gòu)。
themes/ website/ pages/ home.htm blog/ <=== Subdirectory archive.htm category.htm partials/ sidebar.htm blog/ <=== Subdirectory category-list.htm content/ footer-contacts.txt home/ <=== Subdirectory intro.htm ...
要從子目錄引用Partial文件或者Content文件,格式為:{% 名稱 + 路徑 %},比如:
{% partial "blog/category-list" %}
上述表示,引入一個(gè)Partial部件,部件的位置及文件為:Partials/blog/category-list.htm。注意,模板路徑總是絕對(duì)的,在同一個(gè)Partial目錄中,引用同目錄中的另外一個(gè)Partial,也必須寫完整的子目錄名稱。
模板結(jié)構(gòu)
對(duì)于Page、Partial和Layout他們所對(duì)應(yīng)的模板結(jié)構(gòu),都是包含了三個(gè)部分:Configuration,PHP Code,Twig markup。各個(gè)部分之間通過(guò) " == " 進(jìn)行分割開(kāi)來(lái)。
url = "/blog" layout = "default" == function onStart() { $this["posts"] = ...; } ==Blog archive
{% for post in posts %}{{ post.title }}
{{ post.content }} {% endfor %}
COnfiguration Section 【配置部分】
配置部分用于設(shè)置模板參數(shù),具體參數(shù)與不同的模板相關(guān),因類型而不同。配置部分使用簡(jiǎn)化的" ini "格式,字符串參數(shù)值必須包含在雙引號(hào)中。
url = "/blog" layout = "default" [component] parameter = "value"
PHP Code (PHP代碼部分)
在模板每次渲染之前,PHP代碼部分都是先執(zhí)行。PHP代碼是可選的部分,可以省略。PHP代碼可以使用代碼開(kāi)始和結(jié)束標(biāo)記" ?>",這個(gè)標(biāo)記僅僅是用于語(yǔ)法高亮。而且標(biāo)記和==不在同一行。
url = "/blog" layout = "default" == function onStart() { $this["posts"] = ...; } ?> ==Blog archive
{% for post in posts %}{{ post.title }}
{{ post.content }} {% endfor %}
在PHP部分,只能定義函數(shù),允許使用use引入名稱空間。但是除了這些不允許其他PHP代碼。
url = "/blog" layout = "default" == use AcmeBlogClassesPost; function onStart() { $this["posts"] = Post::get(); } ?> ==
訪問(wèn)變量可以使用$this,通過(guò)數(shù)據(jù)方式可以設(shè)置或者讀取變量,使用對(duì)象方式則只能讀取變量的值。
// Write via array $this["foo"] = "bar"; // Read via array echo $this["foo"]; // Read-only via object echo $this->foo;
Twig Markup Section(Twig標(biāo)記部分)
Twig是一個(gè)靈活,快速,安全的PHP模板語(yǔ)言。 Twig標(biāo)記部分定義要由模板呈現(xiàn)的內(nèi)容。在這個(gè)部分可以使用October提供的函數(shù)、標(biāo)記或者過(guò)濾器。其內(nèi)容取決于模板類型(page、layout、partial)。
主題日志記錄
主題日志記錄是一個(gè)非常有用的功能,默認(rèn)情況下是禁用的。由于布局和頁(yè)面的內(nèi)容存儲(chǔ)在文件中,可能會(huì)發(fā)生丟失內(nèi)容的情況,主題日志記錄可以將這些修改產(chǎn)生的變化都記錄下來(lái)。
啟用主題日志記錄,可以進(jìn)入設(shè)置——日志——日志設(shè)置——啟用主題更改。設(shè)置完成后,保存設(shè)置,刷新頁(yè)面則可以看見(jiàn)在日志——主題日志,點(diǎn)擊可以查看。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/28831.html
摘要:最重要的就是找一個(gè)適合自己的主題了。事實(shí)上,免費(fèi)主題也非常多,而且很多的免費(fèi)主題在功能上和界面美觀上已經(jīng)大大超過(guò)了付費(fèi)的主題。加上這些主題都是開(kāi)源的,基本上可以在上找得到源碼,安全性是沒(méi)有問(wèn)題,主題的作者也在不斷更新當(dāng)中。WordPress最重要的就是找一個(gè)適合自己的主題了。好一點(diǎn)的WordPress主題基本上都是要收費(fèi)的,而且價(jià)格還不便宜,這導(dǎo)致了不少的新手朋友們很為難。而有時(shí)我們僅僅根據(jù)...
摘要:主題主題醬茄開(kāi)源版自媒體資訊博客主題模板醬茄主題由醬茄開(kāi)發(fā)的一款免費(fèi)開(kāi)源的主題,主題專為博客資訊自媒體網(wǎng)站而設(shè)計(jì),遵循開(kāi)源協(xié)議發(fā)布。wordpress主題 醬茄Free v1.0.0開(kāi)源版自媒體資訊博客主題模板醬茄free主題由醬茄開(kāi)發(fā)的一款免費(fèi)開(kāi)源的WordPress主題,主題專為WordPress博客、資訊、自媒體網(wǎng)站而設(shè)計(jì),遵循GPL V2.0開(kāi)源協(xié)議發(fā)布。運(yùn)行環(huán)境醬茄Free主題當(dāng)前...
摘要:本專欄介紹如何開(kāi)發(fā)設(shè)計(jì)你自己的主題。你也許想為自己開(kāi)發(fā)主題,或者制作公開(kāi)發(fā)行的的主題。主題的剖析主題目錄位于。請(qǐng)避免使用數(shù)字名字,這會(huì)導(dǎo)致無(wú)法在主題列表中正常顯示出來(lái)??焖俸?jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開(kāi)源系統(tǒng)中。 本專欄介紹如何開(kāi)發(fā)設(shè)計(jì)你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請(qǐng)參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...
摘要:本專欄介紹如何開(kāi)發(fā)設(shè)計(jì)你自己的主題。你也許想為自己開(kāi)發(fā)主題,或者制作公開(kāi)發(fā)行的的主題。主題的剖析主題目錄位于。請(qǐng)避免使用數(shù)字名字,這會(huì)導(dǎo)致無(wú)法在主題列表中正常顯示出來(lái)。快速簡(jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開(kāi)源系統(tǒng)中。 本專欄介紹如何開(kāi)發(fā)設(shè)計(jì)你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請(qǐng)參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...
摘要:本專欄介紹如何開(kāi)發(fā)設(shè)計(jì)你自己的主題。你也許想為自己開(kāi)發(fā)主題,或者制作公開(kāi)發(fā)行的的主題。主題的剖析主題目錄位于。請(qǐng)避免使用數(shù)字名字,這會(huì)導(dǎo)致無(wú)法在主題列表中正常顯示出來(lái)。快速簡(jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開(kāi)源系統(tǒng)中。 本專欄介紹如何開(kāi)發(fā)設(shè)計(jì)你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容,請(qǐng)參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題,因?yàn)樗懻摰氖蔷帉懘a去...
閱讀 2396·2021-11-22 14:56
閱讀 10890·2021-09-08 10:45
閱讀 2077·2019-08-30 13:54
閱讀 2924·2019-08-29 16:54
閱讀 2092·2019-08-29 14:20
閱讀 1847·2019-08-29 12:25
閱讀 1913·2019-08-29 12:17
閱讀 1113·2019-08-23 18:29