OctoberCMS-3-主題

Rocko 發布于2019-07-01 10:08 / 3149人閱讀

摘要：主題介紹主題定義了構建的網站或應用程序的外觀。主題完全基于文件定義，可以使用任何版本控制軟件管理。主題存儲在項目的目錄的對應子目錄中。各個部分之間通過進行分割開來。啟用主題日志記錄，可以進入設置日志日志設置啟用主題更改。

主題

介紹

主題定義了October構建的網站或Web應用程序的外觀。主題完全基于文件定義，可以使用任何版本控制軟件管理。

主題存儲在項目的themes目錄的對應子目錄中。主要包含以下部分：

名稱 Description
Pages 網站的頁面
Partials 可以重用的HTML標記塊
Layouts 定義頁面的結構
Content files 可以是文本，HTML代碼和Markdown 代碼塊，主要用于與Page和Layout進行分開編輯維護。
Asset files 資源文件包含圖片、樣式表和JS腳本文件。

主題的目錄結構

每個主題都有一個獨立的目錄，只有激活的主題才會顯示在網站上。基本結構的例子：

themes/
  website/           <=== 主題的目錄
    pages/           <=== Pages（頁面目錄）
      home.htm
    layouts/         <=== Layouts（布局目錄）
      default.htm
    partials/        <=== Partials（部件目錄）
      sidebar.htm
    content/         <=== Content（內容目錄）
      intro.htm
    assets/          <=== Assets （資源目錄）
      css/
        my-styles.css
      js/
      images/

激活主題的方式有后臺操作和修改配置文件兩種方式，修改config/cms.php文件中的activeTheme的設置值。或者，采取后臺設置，操作步驟為：設置——內容管理——前端主題——選擇一個主題激活即可。

子目錄

October支持單層子目錄，有Pages、Partials、Layouts、Content和Assets目錄。這樣簡化了大型網站的目錄結構。

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" %}

上述表示，引入一個Partial部件，部件的位置及文件為：Partials/blog/category-list.htm。注意，模板路徑總是絕對的，在同一個Partial目錄中，引用同目錄中的另外一個Partial，也必須寫完整的子目錄名稱。

模板結構

對于Page、Partial和Layout他們所對應的模板結構，都是包含了三個部分：Configuration，PHP Code，Twig markup。各個部分之間通過 " == " 進行分割開來。

url = "/blog"
layout = "default"
==
function onStart()
{
    $this["posts"] = ...;
}
==
Blog archive
{% for post in posts %}
    {{ post.title }}
    {{ post.content }}
{% endfor %}

COnfiguration Section 【配置部分】

配置部分用于設置模板參數，具體參數與不同的模板相關，因類型而不同。配置部分使用簡化的" ini "格式，字符串參數值必須包含在雙引號中。

url = "/blog"
layout = "default"

[component]
parameter = "value"

PHP Code （PHP代碼部分）

在模板每次渲染之前，PHP代碼部分都是先執行。PHP代碼是可選的部分，可以省略。PHP代碼可以使用代碼開始和結束標記""，這個標記僅僅是用于語法高亮。而且標記和==不在同一行。

url = "/blog"
layout = "default"
==

==
Blog archive
{% for post in posts %}
    {{ post.title }}
    {{ post.content }}
{% endfor %}

在PHP部分，只能定義函數，允許使用use引入名稱空間。但是除了這些不允許其他PHP代碼。

url = "/blog"
layout = "default"
==

==

訪問變量可以使用$this，通過數據方式可以設置或者讀取變量，使用對象方式則只能讀取變量的值。

// Write via array
$this["foo"] = "bar";

// Read via array
echo $this["foo"];

// Read-only via object
echo $this->foo;

Twig Markup Section（Twig標記部分）

Twig是一個靈活,快速,安全的PHP模板語言。 Twig標記部分定義要由模板呈現的內容。在這個部分可以使用October提供的函數、標記或者過濾器。其內容取決于模板類型（page、layout、partial）。

主題日志記錄

主題日志記錄是一個非常有用的功能，默認情況下是禁用的。由于布局和頁面的內容存儲在文件中，可能會發生丟失內容的情況，主題日志記錄可以將這些修改產生的變化都記錄下來。

啟用主題日志記錄，可以進入設置——日志——日志設置——啟用主題更改。設置完成后，保存設置，刷新頁面則可以看見在日志——主題日志，點擊可以查看。

GPU云服務器云服務器攝影主題網站主題主題模板主題任務

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/28831.html

收集整理適用博客建站免費開源Wordpress主題-簡約好看的WP主題

摘要：最重要的就是找一個適合自己的主題了。事實上，免費主題也非常多，而且很多的免費主題在功能上和界面美觀上已經大大超過了付費的主題。加上這些主題都是開源的，基本上可以在上找得到源碼，安全性是沒有問題，主題的作者也在不斷更新當中。WordPress最重要的就是找一個適合自己的主題了。好一點的WordPress主題基本上都是要收費的，而且價格還不便宜，這導致了不少的新手朋友們很為難。而有時我們僅僅根據...

番茄西紅柿 2021-07-30 14:57 評論0 收藏2637
wordpress主題醬茄Free v1.0.0開源版自媒體資訊博客主題模板

摘要：主題主題醬茄開源版自媒體資訊博客主題模板醬茄主題由醬茄開發的一款免費開源的主題，主題專為博客資訊自媒體網站而設計，遵循開源協議發布。wordpress主題醬茄Free v1.0.0開源版自媒體資訊博客主題模板醬茄free主題由醬茄開發的一款免費開源的WordPress主題，主題專為WordPress博客、資訊、自媒體網站而設計，遵循GPL V2.0開源協議發布。運行環境醬茄Free主題當前...

番茄西紅柿 2021-08-21 14:02 評論0 收藏2637
WordPress 主題開發：從入門到精通（必讀）

摘要：本專欄介紹如何開發設計你自己的主題。你也許想為自己開發主題，或者制作公開發行的的主題。主題的剖析主題目錄位于。請避免使用數字名字，這會導致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統中。本專欄介紹如何開發設計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應用主題的內容，請參閱應用主題文檔。本文的內容不同于應用主題，因為所討論的是編寫代碼去...

luzhuqun 2019-08-30 14:03 評論0 收藏0
WordPress 主題開發：從入門到精通（必讀）

摘要：本專欄介紹如何開發設計你自己的主題。你也許想為自己開發主題，或者制作公開發行的的主題。主題的剖析主題目錄位于。請避免使用數字名字，這會導致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統中。本專欄介紹如何開發設計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應用主題的內容，請參閱應用主題文檔。本文的內容不同于應用主題，因為所討論的是編寫代碼去...

zhaot 2019-08-01 18:38 評論0 收藏0
WordPress 主題開發：從入門到精通（必讀）

摘要：本專欄介紹如何開發設計你自己的主題。你也許想為自己開發主題，或者制作公開發行的的主題。主題的剖析主題目錄位于。請避免使用數字名字，這會導致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統中。本專欄介紹如何開發設計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應用主題的內容，請參閱應用主題文檔。本文的內容不同于應用主題，因為所討論的是編寫代碼去...

TwIStOy 2019-08-22 14:54 評論0 收藏0