---
# System prepended metadata

title: wordpress 主題開發
tags: [wordpress]

---

# 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頁，不會影響到首頁。

```