[WordPress][教學][架站] 客製化#04. 建立空主題Theme

[WordPress][教學][架站] 客製化#04. 建立空主題Theme


各位同學大家好 我們這堂課要開始製作自己的「主題」 首先
我們上一堂課講的都是在index.php 所以我嚐試著在這個themes裡面
去做一個新的資料夾 然後它裡面有一個index.php 但是什麼都沒有 這時候如果我們進到後台來看的話 來看看它到底會給我們什麼樣子的資訊 它會跟我說 它找到這個名稱
但是它找不到樣式表 那什麼是樣式表呢? 樣式表其實就是在「樣式」裡面 有一個叫作style.css 我們就要把它建立出來 這個建立出來以後 你會看到這是我們的reference
我們的參考的style.css 你會發現這裡頭有很多的資訊 如果繼續往下滑
就會看到一大堆的css語法 這些東西我們要客製化 所以這些東西並不需要複製到我們的style.css裡面 從這個開始到是一些說明 我們也先不需要擺這些東西 normalize這個也不需要 我們真正要的東西是上面這一段 這其實會讓人覺得很奇怪 因為它就是一段註解 這個東西為什麼會是這個型式寫的? 比如說theme、主題名稱、 然後URI……這當然是不會連過去 但是它會有相對應的動作 這是在PHP裡有一些不只是WordPress
其他的framework也會做這樣的事情 利用註解
然後它擺在某一個特定的地方 然後它有特定的樣式
就是特定的格式 照著寫的話
它就會變成一個功能 因為css本身被註解掉的話 它只是browser
你的瀏覽器不會去執行 但是如果你的PHP強制去對這個file
做解析的時候 PHP當然可以不用管說你的註解
到底是註解還是css語法 因為就算是css語法
PHP也是看不懂 所以我們特地寫成某一種格式
讓PHP可以看得懂 但是不是每一個PHP都看得懂 而是WordPress可以看得懂 因為這格式是WordPress它製定的 在貼上去之前
先來看一下 如果我什麼都不擺的話 它會給我什麼樣的反應 這裡會看到
就多了一個出來了 但是並沒有這些佈景主題 裡面是空的 我們要如何去讓它有一些顯示 就必須要去修改剛剛的這一部份 也就是說
我剛剛講得這麼多 其實就是為了我們的佈景主題的這些文字敘述 我重新整理 你就會看到
它顯示的就變成WordPress的這些資訊 這當然不是我們要的 所以我們就可以開始改變這裡面的東西 現在你們看到的是我改變完的結果 第一個theme name 也就是我們要顯示的名稱 如果這個theme是有辦法download下來的話 你就可以把URL擺上去 因為我現在沒有
所以我就把我們課程的網址擺上去 然後author
我們的作者 我們的作者的URI
也是網址 所以我就擺一樣的網址 這個theme的敘述 你的version
你的license 我這邊用的是MIT(授權) 不過WordPress它是GPL(授權) 就算我這邊是MIT 當你一被放進去的時候
它就會變成GPL 但是這不會影響到MIT的授權 關於GPL的「感染」
它是另一個議題 基本上大家使用的時候
不用特別去在意 因為你要給你客戶的話 以WordPress的概念
你也不會有辦法隱藏你的程式碼 你的PHP都是直接給他
你的theme、主題都是直接給他的 所以他可以看到所有的原始碼 基本上GPL對於plugin和theme
我覺得並沒有太大的影響 不過如果你真的很在意這方面的事情的話 你就可以來這裡看我們的71 我們有講一些相關的議題和討論 再來是License URI
這是我從網路上直接搜尋得到的 是opensource.org/licenses/MIT的網頁 下一個是Text Domain Text Domain是用來做翻譯的 不過我這邊犯了一個小小的錯誤 如果你要找到官方的文獻的話 就打這個網址 或者是你直接用連起來的方式去搜尋
TextDomain 然後Name不需要
你就可以找到這一個 第一個 這裡,大概在這個位置 裡面有講要如何去設Text Domain 然後用來做什麼 它大致上就是用來做translation 如果你的plugin和theme(主題和外掛)
需要去做翻譯的話 你就必須要設這個東西 我犯的錯誤是 它只能用橫線
不能用underscores(底線) 所以必須要把它改成這樣子 因為我們現在還沒有要講到這部份
所以就不繼續看下去 再來是Tags Tags跟下載比較有關係 如果你把你的佈景放到WordPress裡面讓大家下載的話 大家必須要去搜尋 這裡面就是一個搜尋的內容 這裡只有一個
就是我寫的 如果你想要寫的比較多的話 你可以參考它的寫法 就是在後面加一個逗點 這樣子去做 設定完以後可以來看佈景主題這裡 全部都被我們放上去了 目前比較可惜的是說
我們如果要自訂東西的話,它旁邊的是沒有長出來的 如果你有用2017的話 啟用它
再看這主題 它就有小工具、選單、頁首 這些東西可以做設定 這些的話是我們之後的事情 現在因為是空的
就沒有這些 還有另外一個問題是
我們並沒有顯示圖片 這也是必須要解決的事情 這堂課先到這裡

Leave a Reply

Leave a Reply

Your email address will not be published. Required fields are marked *