# wordpress 主題開發 ###### tags: `wordpress` 這邊文章只會講wordpress 主題的骨架，其實跟各大CMS仿站很像。 ## 文件架構: ### 404.php頁面文件 `//不存在頁面` ### header.php文件 ``` // wp_head() 引入 css //頁頭 不過這邊頁頭順邊擺了最重要的菜單，關於菜單選項還需要 使用functions 設定開啟 ``` ### footer.php文件 ``` //頁尾 //開起小工具欄位，可以在後台放搜尋功能 // wp_footer() 引入 js ``` ### front-page.php文件 ``` //我們用 wordpress 創了一個 home的頁面，並且設置為首頁，所以 home 為入口網站 //入口網站可以用此文件修改 //這邊僅僅使用了顯示內文而已 ``` ### functions.php文件 ``` //開啟title ,logo, post-thumbnails .... //開啟菜單選項 //註冊自定義 css js //開啟小工具選項 ``` ### index.php 文件 ``` //功能是列出所有post，也就是說前面blog 頁面點開來會是滿滿的posts。 //給個post 都可以設置一個link 這邊架構引入了 template-parts 資料夾的 content-archive.php 其作用是列post 標題，20自大剛，readmore..., link 等等 //也就是說你loop列出所有文章 跟頁數索引 ``` ### page.php文件 ``` //假如你創了4個頁面他就幫你生成4個頁面 //contact //about //home (設置為首頁) //blog (blog設為我們查看所有post的頁面，也就是會是 archive.php) ``` ### archive.php 文件 ``` 此文件控制類別和標籤存檔的佈局和內容 //我看影片作者，好像沒真正用到此文件 ``` ### single.php 文件 ``` //非常簡單就是顯示出單一 post 的內容 //引入了 template-parts 資料夾的 content-article.php ``` ### comments.php文件 ``` // 顯示評論 // 開放評論 ``` ### search.php文件 ``` //這邊跟 archive.php 很像，就是列出一堆posts //唯一差別是這邊只列出 search 到關鍵字的posts ``` ### style.css ``` wordpress 預設會使用的主要css ``` --- * ### assets 資料夾: css資料夾 //存放其他css fonts資料夾 //存放其他小圖示 images資料夾 //存放其他照片 js資料夾 //存放其他JS --- * ### template-parts 資料夾: content-archive.php ``` //index.php 引入此文件， //可以設定要顯示出的特性，日期 大剛 link 等等 ``` content-article.php ``` //由於是single post 最重要就是 post 內容 // 還可以放 日期 tag 評論 ... //這邊 都有用到 所以等等會需要使用到comments文件 ``` content-page.php ``` 僅僅顯示page 的內容，此更動只會影響到其他 page頁，不會影響到首頁。 ```