Triple主題說明文件
Triple主題是閃電博開發的一套三合一WordPress主題模板。該主題支援搭建設計素材、原始碼資源及CG視訊類的網站,並且該主題還額外增加了軟體工具及知識乾貨兩種型別的內容管理。
也就是說,Triple主題從資源維度上實現了三合一,從內容維度上也實現了三合一。當然,新主題還有很多其他有趣好玩的東西。本文將對該主題的使用進行詳細的說明!
在開始安裝Triple主題前,站長請安裝以下說明對WordPress進行相關設定操作:
站點設定
完成主題安裝後,需要對你的站點進行一些基礎的設定:常規設定、閱讀設定、固定連結。
- 站點標題/副標題-進入你的WordPress儀表盤,進入“設定”-“常規”,設定你的站點標題和副標題;
- 閱讀設定-進入“WordPress儀表盤”-“設定”-“閱讀”,將部落格頁面至少顯示設定為15篇文章(根據Triple這款主題,該數量最好為≥15的5的倍數);
- 固定連結-WordPress提供多種URL結構型別及自定義URL結構,我們一般建議選擇樸素型別,或者自定義結構(格式為
/%postname%/
或者/%postname%.html
),你可以通過WordPress儀表盤,進入“設定”-“固定連結”設定;
Triple主題固定連結設定
切記每一次設定都要儲存,不然設定了也無效哦。
Tips:關於固定連結的自定義結構,我們一般建議使用
/%post_id%.html
格式,但務必注意的是,採用此種偽靜態URL連結形式,需要配置Nginx和Apache以獲得支援。並且由於Triple主題採用了不少自定義頁面,均需要rewrite規則支援!
如果你使用的是寶塔面板,需要配置WordPress偽靜態規則,登入你的寶塔面版,點選“網站”選單進入網站列表,選擇你需要配置的網站,點選“設定”,在彈出視窗找到偽靜態選項,然後選擇網站程式為“WordPress”,最後儲存即可。
寶塔控制面板-靜態化設定
如果你使用的是LNMP環境,一般情況下你在配置host的時候,若已經選擇WordPress作為網站程式,理論上lnmp已經幫你配置好了網站偽靜態。
但如果你在使用/%post_id%.html
格式作為固定連結時發生連結無法訪問,可以嘗試手動配置Nginx或者Apache,配置參考如下:
Nginx偽靜態配置
一般目錄為/usr/local/nginx/…
,找到網站的conf或者rewrite規則的conf,新增以下程式碼行:
location / { try_files $uri $uri/ /index.php?$args; } rewrite /wp-admin$ $scheme://$host$uri/ permanent;
Apache偽靜態配置
一般目錄為/www/wwwroot/www.yourdomain.com
,修改.htaccess檔案新增以下程式碼行:
<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule>
主題安裝
這裡提供兩種方式安裝WordPress主題,通過FTP客戶端人工上傳主題檔案安裝,或者通過WordPress儀表盤上傳主題壓縮包檔案安裝。
通過WordPress儀表盤安裝(推薦)
- 登入你的WordPress儀表盤,進入 “外觀”-“主題”,在頁面的左上角,點選“新增”。
- 進入新增主題介面,在介面的頂部左端,點選“上傳主題”。
- 點選“選擇檔案”,然後在你的電腦本地找到你需要安裝的主題格式為.zip檔案,最後點選“現在安裝”。
提示:如果你在上傳主題的過程中遇到這樣的錯誤: “The link you followed has expired”,這可能是由於你的伺服器設定了最大上傳檔案大小限制。你可以通過配置php.ini檔案來提高上傳檔案大小限制,如果你對這一塊不瞭解,請嘗試搜尋相關知識或者找伺服器技術支援(懂伺服器配置的朋友)幫忙。
或者你也可以選擇FTP客戶端上傳安裝主題,如下:
通過FTP客戶端安裝主題
- 下載主題.zip壓縮檔案到本地,並解壓。
- 使用FTP客戶端登入你的伺服器,並進入到網站安裝目錄下的wp-content/themes主題資料夾,然後將解壓好的主題資料夾拖拽到該目錄上傳。
- 登入你的WordPress儀表盤,進入“外觀”-“主題”,然後你會在已安裝主題的列表中看到剛剛安裝的主題,滑鼠移至該主題上方,點選“啟用”按鈕,即可將主題套用到你的WordPress部落格/網站。
分類目錄
進入WordPress儀表盤,選擇“文章”-“分類目錄”,建立你的WordPress部落格的文章分類。
- 名稱-即分類的中文名稱或者英文名稱,e.g. 設計素材;
- 別名-即名稱對應的拼音或者英文單片語合,e.g. Design material;
- 父級分類目錄-如果設定的分類隸屬一個分類,則可以選擇對應的父級分類,建議儘可能使用一級分類;
- 影象描述-對該分類進行簡單的描述,一句話簡單概括即可即可。
Triple主題支援多種型別的資源釋出,因此儘可能每個一級分類對應一種型別的資源,比如設計素材、原始碼下載及CG視訊。以便於後面做下載欄位設定、欄位分組及欄位分組分類設定。
完成設定後,點選下方的“新增新分類目錄”按鈕儲存
WordPress分類目錄設定
新建頁面
一個WordPress部落格網站,你可能需要設定一些諸如關於、聯絡等頁面。你可以通過“WordPress儀表盤”-“新建頁面”,輸入頁面標題和頁面內容後,點選發布即可。
WordPress獨立頁面建立
特別提示:Triple主題會自動生成一些必要的頁面Page,請勿自行修改或者刪除這些頁面,以免導致主題部分功能無法正常使用。
選單設定
完成了分類目錄和頁面建立後,需要為Triple主題網站配置一個網站頂部導航選單及頁尾導航選單,依據下面的操作進行配置。
(1)網站導航選單設定
要設定Triple主題的頂部導航選單,你需要通過“外觀”,選擇需要編輯的選單為“Triple頂部選單”,然後在左側的“新增選單項”勾選需要新增到導航的分類目錄,又或者自定義連結;
然後通過滑鼠拖拽的方式對導航選單裡面的專案進行層級設定;
最後選擇顯示位置為“主導航選單”,並進行儲存即可。
Triple主導航選單
(2)網站頁尾選單設定
設定Triple頁尾選單導航與設定主導航選單的操作類似,進入WordPress儀表盤,點選“外觀”-“選單”,選擇需要編輯的選單為“Triple頁尾選單”;
然後通過自定義連結來設定頁尾選單分組,比如“關於我們”和“幫助中心”等;
然後選擇頁面對應的文章內容,新增到選單,並通過滑鼠拖拽的方式對頁面進行分組;
最後選擇顯示位置為“頁尾選單”,並儲存選單!
Triple主題頁尾選單設定
注:如果你需要對導航選單裡面的分類導航進行排序,可以通過滑鼠拖拽調整位置。
套餐管理
這一章節包括套餐管理及套餐頁面設定。
新增套餐及套餐列表管理
點選WordPress後臺管理左側選單的“套餐管理”進入套餐管理列表,點選左下角的“新增”按鈕新增VIP套餐;
可以對套餐進行命名、會員套餐的週期、套餐的原價及優惠價格、套餐特點等設定。
Triple主題新增VIP會員套餐
在套餐列表,你還可以對已設定的套餐進行排序控制、重新編輯、上下架及刪除等操作。
Tips:套餐務必上架才會在前臺生效。並且務必先設定套餐再設定支付管理,否則個人收款碼支付無法進行配置!
Triple主題套餐管理列表
套餐頁面設定
你可以對VIP會員套餐頁面的套餐版式、預設推薦套餐、套餐頁主標題及副標題、永久會員名稱等進行設定。
Triple主題套餐頁設定
支付管理
Triple主題支援個人收款碼、第三方介面-虎皮椒、第三方介面-Payjs及官方介面,四種支付通道,其中:
- 個人收款碼-即直接使用支付寶及微信支付生成的收款碼作為支付通道,該支付方式體受限於支付狀態無法判斷,需人工稽覈訂單,不建議使用此方案(支付寶&微信個人收款碼支付設定教學);
- 第三方介面(虎皮椒)-目前價效比較高的第三方支付介面,支援支付寶及微信支付,個人站長首選方案(虎皮椒微信&支付寶支付渠道申請及配置教學);
- 第三方介面(Payjs)-也是比較成熟的第三方支付介面,但一般站長僅支援開通微信支付且開通費用相對昂貴(PAYJS第三方支付渠道申請及配置教學);
- 官方介面-如果你是企業備案的網站,首選支付寶及微信支付的官方介面,穩定、安全且費用較低(微信支付官方API介面申請及配置教學、支付寶官方API介面申請及配置教學)
Tips:企業備案首選官方介面,個人站長首選第三方介面(虎皮椒)。支付介面設定可能會有更新,以官方為準!
Triple主題支付管理設定
工單管理
Triple主題提供聯絡工單模組,你可以通過WordPress後臺-工單管理-工單設定對工單進行詳細的設定:
- 型別設定-站長可以根據網站客戶諮詢的型別進行區分,以便於後期網站使用者發起諮詢進行分類管理;
- 欄位設定-支援型別、暱稱、標題、內容、郵箱、QQ及手機號碼等工單聯絡填寫內容項配置;
- 自動回覆-支援站長設定工單自動回覆,可以使用預設話術或者自定義話術語句。
Triple主題工單設定
主題設定
Triple主題採用了閃電博團隊定製的主題設定介面,包含了基本設定、廣告管理、SEO優化、下載管理等非常豐富的自定義功能,你可以通過“WordPress儀表盤”-“主題設定”進入Storeys主題設定介面。下面我們來具體介紹每一個功能的使用:
基本設定
(1)網站基本設定
- Logo-即網站的Logo圖片,要求使用透明背景的Logo(PNG格式),且圖片高度預設最大60畫素,寬度不設限制(注:上傳的Logo畫素最好為2x解析度,即正常畫素的2倍,此外Logo應該留一定的留白);
- Favicon-網站收藏夾圖示,展示在收藏夾、位址列和快捷方式等,你可以通過線上工具生成一個;
- 預設圖-用於內容無特色圖時展示,預設圖的比例應該與特色圖寬高比一致;
- 特色圖寬高比-預設為3:2,Triple主題的最佳比例,如無特殊需要,不建議更改此比例;
- Banner背景圖-即作為首頁Banner圖片,建議banner圖片尺寸寬度至少1920畫素,高度至少400px(該功能未來將會升級為Banner輪播管理);
- VIP標識開關及自定義VIP圖示-開啟VIP標識開關,VIP資源特色圖將會顯示VIP圖示,如需要更改主題預設VIP圖示,需自主上傳一個透明底的VIP圖示;
- 主題主色調-你可以通過調色盤更改主題的主色調;
- 暗黑模式開關-Triple主題支援日間和暗黑兩個風格,站長可根據自身需要開啟或者關閉;
- 文章編輯器-預設開啟,以關閉WordPress的古騰堡編輯器,目前Triple主題不相容古騰堡編輯器,請勿關閉此功能;
- 自動載入分頁數-開啟自動載入分頁功能及自動載入頁數後,網站列表頁即使用自動載入分頁的方式載入。
- 列表文章數量-這個是依賴WordPress自帶的功能實現的,建議設定≥20的5的倍數(注:此功能不對首頁列表文章數量作用);
- 側欄小部件-可以啟用關注我們、聯絡客服及聯絡工單三個功能,其中關注我們需要上傳微信二維碼圖片,聯絡客服可以填寫QQ聯絡連結,聯絡工單則引導使用者通過工單傳送聯絡內容給網站管理員。
Triple主題基本設定
(2)頁尾版權資訊設定
在這裡你可以設定Triple主題的所有頁尾資訊內容,包括頁尾版本資訊、頁尾選單(依賴WordPress功能)及備案號等。
Triple主題頁尾設定
社交登入
Triple主題支援使用者使用第三方社交賬號登入註冊,包括QQ、微信及微博三種。
要使用這三種社交賬號註冊登入,需要站長自主到社交賬號開發平臺註冊申請appid及key。
- QQ互聯-https://connect.qq.com/index.html;
- 微博開放平臺-https://open.weibo.com/;
- 微信開發平臺-https://open.weixin.qq.com/。
注:無論是QQ、微信還是微博社交賬號註冊登入API,均需要網站完成備案才可以申請;此外微信快捷登入註冊API介面還需要企業認證才可以申請!
Triple主題社交登入設定
下載管理
下載管理功能是Triple主題的核心功能之一,這部分的功能也相對複雜些,下面我們將會對此部分功能進行拆分說明:
(1)基礎設定
- 下載功能開關-預設開啟,如主題需要使用到下載管理,務必開啟此功能;
- 登入下載開關-除非你希望將全站的資源免費提供給使用者,否則勿關閉此功能;
- 版權宣告-如果你希望使用自己寫的版權宣告,可以編寫一兩句類似的話術!
Triple主題下載基礎設定
(2)下載限制
如果你需要對免費使用者及VIP會員進行下載限制,則可以通過此功能來實現,包括驗證碼下載及禁止下載。舉個栗子:
- 免費會員日下載次數超過10次,需要輸入驗證碼下載,則可以選擇會員型別為免費會員,限制型別為驗證碼下載,日下載次數為10;
- 所有VIP會員下載次數超過30次,需要輸入驗證碼下載,則可選擇會員型別為所有VIP會員,限制型別為驗證碼下載,日下載次數為30(注:如果免費資源VIP不受限,請開啟限制規則第一個開關);
- 然後是對各個VIP套餐設定,則分別選擇不同套餐的會員型別,逐個設定限制型別為禁止下載,依據會員級別設定禁止下載的日下載次數上限;
- 最後點選引入規則提示語,生成一個通用的禁用規則說明,也可以根據自己需要進行文字進行修改。
溫馨提示:相同會員型別不同限制型別,禁止下載限制型別的日下載次數應該大於驗證碼下載日下載次數才合理;不同級別的VIP會員相同限制型別的日下載次數限制,理論高階別的VIP的日下載次數上限應該更高才合理;在設定下載限制時,應該考慮其中的邏輯關係。
Triple主題下載限制設定
(3)下載地址
這部分功能沒什麼好說的,根據自己需要選擇支援的下載地址型別吧,目前僅支援本地伺服器及網盤下載兩種型別,未來將引入阿里雲的oss及騰訊雲的cos。當然如果你有好的建議可以通過網站工單提交。
Triple主題下載地址設定
(4)欄位設定
欄位管理用於設定網站下載資源的相關屬性欄位,也是下載管理中最為複雜的功能之一。其中:
A、欄位型別分預設、可填寫、多選項、單選項
- 預設欄位型別是固定的欄位型別,該欄位用於列表篩選,分別對應的是設計、視訊及原始碼三種資源;
- 可填寫欄位,即該欄位在釋出資源時,支援手動輸入欄位相關值,適合如大小的欄位引數設定;
- 單選項欄位,即該欄位在釋出資源時,支援單項選擇,選擇該欄位的唯一值;
- 多選欄位,即該欄位在釋出資源時,對應欄位可能會存在多個值,比如格式,語言等。
B、欄位名稱及別名
- 欄位名稱即該欄位的中文名稱;
- 欄位別名即欄位名稱對應的英文名稱、拼音名稱或者編號,根據自己喜好設定即可;
C、欄位值設定
- 預設欄位的預設值-需要點選操作列的設定按鈕進行設定,這會在隨後具體說明;
- 可填寫欄位的預設值-一般預設為空,除非你的可填寫欄位對應的預設值比較固定;
- 單選項及多選項的預設值-一般都存在多個,設定跟預設欄位的預設值操作一致。
Triple主題下載欄位管理
關於預設欄位、單選項及多選項的預設值設定:非常重要、非常重要、非常重要
站長可以點選預設值輸入框或者點選操作列的設定按鈕進入屬性值的設定介面,如下圖所示:
- 屬性值-即該屬性的英文或者拼音名稱;
- 屬性名稱-建議使用英文或者中文都可以,這是用於展示的;;
- 屬性圖片1-用於前臺列表按軟體篩選的圖示展示,因此,非預設型別欄位型別無需上傳任何圖片,建議使用正方形的軟體icon又或者是68*38px的軟體icon;
- 屬性圖片2-用於前臺列表資源縮圖下方的圖示展示,因此,非預設型別欄位型無需上傳任何圖片,建議使用正方形的軟體icon。
Triple主題屬性設定
屬性分組-依據前面設定好的欄位,對視訊素材、設計素材、原始碼素材及軟體工具的資源屬性分組。
注:視訊素材、設計素材及原始碼素材務必選擇對應的預設型別屬性,通用屬性即可以都可勾選。並且軟體工具沒有預設型別屬性!
屬性分組對應分類管理-該設定目的是將屬性分組與一級分類對應起來,以實現分類列表的按軟體篩選功能!
Triple主題屬性分組管理及對應分類管理
釋出文章
Triple主題釋出文章包括三種型別:傳統的文章釋出入口、軟體工具釋出、知識乾貨三種。其中:傳統的文章釋出主要用於釋出資源素材類文章、軟體工具釋出主要用於釋出資源素材相關軟體工具文章及知識乾貨主要用於釋出資源素材相關的教學等。
知識乾貨的文章釋出與WordPress預設的文章釋出流程大體相同,下面主要針對資源素材釋出和軟體工具釋出需要注意的點進行說明:
下載設定
站長可以對資源素材文章及軟體工具文章設定開啟下載,並設定免費或者支付成功下載(VIP下載)、下載連結及資源屬性等。
注:在釋出資源素材文章時,注意必須選擇WordPress的文章釋出入口,並且應該根據自己選擇的分類來選擇不同的資源型別,以保證該資源可以準確地釋出在對應的分類!
多媒體設定
- 多媒體相簿功能僅針對資源素材文章釋出有效。該功能也是Triple主題的特色功能:
- 若文章內容自主上傳圖片,圖片相簿會智慧讀取文章內容圖片作為圖片相簿內容;
- 如需要單獨管理文章圖片相簿,則無需在文章內插入圖片,否則可能會出現圖片重複;
- 視訊相簿支援自主上傳視訊或者使用第三方視訊網站視訊分享程式碼(需使用iframe分享程式碼)。
- 若同時存在圖片和視訊內容,則會使用視訊和圖片混合相簿,視訊作為第一個內容,其餘為圖片內容!
Triple主題文章釋出下載設定及多媒體相簿設定