AI Art主題說明文件

這裡提供兩種方式安裝WordPress主題，通過FTP客戶端人工上傳主題檔案安裝，或者通過WordPress儀表盤上傳主題壓縮包檔案安裝。

主題安裝

1. 通過WordPress儀表盤安裝（推薦）

1. 登入你的WordPress儀表盤，進入 “外觀”-“主題”，在頁面的左上角，點選“新增”。
2. 進入新增主題介面，在介面的頂部左端，點選“上傳主題”。
3. 點選“選擇檔案”，然後在你的電腦本地找到你需要安裝的主題格式為.zip檔案，最後點選“現在安裝”。

提示：如果你在上傳主題的過程中遇到這樣的錯誤: “The link you followed has expired”，這可能是由於你的伺服器設定了最大上傳檔案大小限制。你可以通過配置php.ini檔案來提高上傳檔案大小限制，如果你對這一塊不瞭解，請嘗試搜尋相關知識或者找伺服器技術支援（懂伺服器配置的朋友）幫忙。

或者你也可以選擇FTP客戶端上傳安裝主題，如下：

2. 通過FTP客戶端安裝主題

1. 下載主題.zip壓縮檔案到本地，並解壓。
2. 使用FTP客戶端登入你的伺服器，並進入到網站安裝目錄下的wp-content/themes主題資料夾，然後將解壓好的主題資料夾拖拽到該目錄上傳。
3. 登入你的WordPress儀表盤，進入“外觀”-“主題”，然後你會在已安裝主題的列表中看到剛剛安裝的主題，滑鼠移至該主題上方，點選“啟用”按鈕，即可將主題套用到你的WordPress部落格/網站。

主題啟用

成功安裝並啟用主題後，在您的WordPress網站後臺，點選“主題設定”，在授權碼輸入視窗填入您的AI Art主題的授權碼，繫結您的網站域名即可。

注：主題授權碼可以登入閃電博會員中心，在“授權碼”頁面檢視。

站點設定

完成主題安裝後，需要對你的站點進行一些基礎的設定：常規設定、閱讀設定、固定連結（注，尤其是第三點的固定連結，務必設定好）。

• 站點標題/副標題-進入你的WordPress儀表盤，進入“設定”-“常規”，設定你的站點標題和副標題；
• 閱讀設定-進入“WordPress儀表盤”-“設定”-“閱讀”，將部落格頁面至少顯示設定為28篇文章（根據AI Art這款主題，該數量最好為≥28，且28的倍數，這個資料也不是十分嚴謹，因為一般情況下，我們可能會設定為一個自動載入數值，稍後，在主題設定我們會詳細介紹）；
• 固定連結-WordPress提供多種URL結構型別及自定義URL結構，我們一般建議選擇樸素型別，或者自定義結構（文章名稱格式為/%postname%/或者/%postname%.html，文章id格式為/%post_id%/或者/%post_id%.html），你可以通過WordPress儀表盤，進入“設定”-“固定連結”設定；

WordPress固定連結設定

切記每一次設定都要儲存，不然設定了也無效哦。

Tips：關於固定連結的自定義結構，我們一般建議使用/%post_id%.html格式，但務必注意的是，採用此種偽靜態URL連結形式，需要配置Nginx和Apache以獲得支援。並且由於閃電博大部分主題採用了不少自定義頁面，均需要rewrite規則支援！否則部分頁面可能出現404錯誤！

主題設定

我們開發的主題採用了統一的UI框架，如果您是我們的老使用者，應該不會陌生。

但由於每個主題可能稍微有一定的差異，我們

採用了閃電博團隊定製的主題設定介面，包含了基本設定、廣告管理、下載管理等非常豐富的自定義功能，你可以通過“WordPress儀表盤”-“主題設定”進入Storeys主題設定介面。下面我們來具體介紹每一個功能的使用：

基本設定

（1）常規設定

• Logo圖片-即網站的Logo圖片，要求使用透明背景的Logo（PNG格式），且圖片高度預設最大60畫素，寬度不設限制（注：上傳的Logo畫素最好為2x解析度，即正常畫素的2倍，此外Logo應該留一定的留白）;
• Logo圖片2-規格與Logo圖片一致，該Logo主要用於暗黑模式，因此，Logo應該選擇為白色或者與暗黑模式反差較大的顏色。
• Favicon-網站收藏夾圖示，展示在收藏夾、位址列和快捷方式等，你可以通過線上工具生成一個；
• 預設特色圖-用於內容無特色圖時展示，預設圖的比例應該與特色圖寬高比一致；
• 特色圖寬高比-僅當使用卡片模式的時候，特色圖寬高比才生效，如果選用瀑布流佈局列表，則該寬高比失效；
• 主題主色調-你可以通過調色盤更改主題的主色調；
• 古騰堡編輯器-預設關閉狀態，即強制關閉WordPress的古騰堡編輯器，如需要使用古騰堡編輯器，則開啟開關即可；
• jQuery依賴-預設關閉，但如使用的外掛依賴jQuery，則建議開啟此選項；
• 評論功能-通過開關來控制主題評論模組，如需要更多的評論設定，則可以通過WordPress的討論設定配置；
• 側欄小部件-可以啟用關注我們、聯絡客服及聯絡工單三個功能，其中關注我們需要上傳微信二維碼圖片，聯絡客服可以填寫QQ聯絡連結，聯絡工單則引導使用者通過工單傳送聯絡內容給網站管理員。

AI Art主題常規設定（1）

• 小工具-預設為關閉狀態，由於最新版本的WordPress已經通過區塊的方式來管理小工具，經典小工具已經不太適用，如需要使用小工具，則開啟即可；
• VIP標識開關及自定義VIP圖示-開啟VIP標識開關，VIP資源特色圖將會顯示VIP圖示，如需要更改主題預設VIP圖示，需自主上傳一個透明底的VIP圖示；
• 免費標識開關-如需對免費資源進行特別標識，開啟此開關即可；
• 暗黑模式-可以通過此開關來控制主題是否支援暗黑模式，建議開啟，以方便使用者自由選擇網站顯示模式；
• 微海報設定-您可以根據網站資源特徵來，選擇微海報的樣式。

AI Art主題常規設定（2）

（2）首頁版式

首頁版式設定可以控制首頁的樓層佈局（僅卡片模式列表適用），友情連結模組，焦點圖等。

首頁樓層-當你在列表頁設定，將列表展示形式設定為卡片模式，即可自由控制首頁樓層展示的分類及位置。您只需要勾選需要展示的分類，然後通過拖拽的方式來控制分類樓層。

友情連結-如需要在首頁展示友情連結，開啟該功能即可。

焦點圖相關-如果使用自動焦點圖，則需要設定焦點圖示題及描述文字內容，如使用自定義，則需要通過廣告Banner來管理，稍後會介紹。

AI Art主題首頁版式設定

（3）列表頁設定

• 自動載入分頁-開啟自動載入分頁功能及自動載入頁數後，網站列表頁即使用自動載入分頁的方式載入。Picpapa主題因為採用了瀑布流的佈局，前端預設會自動載入20頁，若使用者需要自定義自動載入頁數，在此處填入數字即可；
• 列表文章數量-這個是依賴WordPress自帶的功能實現的，建議設定≥28，且為28的倍數（注：此功能不對首頁列表文章數量作用）；
• 列表連結設定-通過開關來控制列表連結的開啟方式為新視窗或者當前視窗開啟，預設關閉狀態，即在當前視窗開啟；
• 資源列表標題及描述-用於設定資源列表首頁焦點圖的標題及描述文字；
• 列表展示形式-支援卡片模式及瀑布流模式，如果資源圖片不規則，可考慮瀑布流，反之，可選擇卡片模式。

AI Art主題列表頁設定

（4）頁尾設定

在這裡你可以設定網站的所有頁尾資訊內容，包括頁尾選單（依賴WordPress功能）、版權資訊、備案號、公網安備、主題資訊及社交媒體等。

AI Art主題頁尾設定

（5）註冊登入

AI Art主題支援郵箱、手機及社交賬號三種註冊登入方式，同時支援開啟一般驗證碼及谷歌的reCAPTCHA驗證碼。

網站註冊登入方式

其中，如果需要使用谷歌的reCAPTCHA v3驗證碼，需要進行填寫網站金鑰，通訊金鑰及分數閥值，具體參考谷歌reCAPTCHA v3申請及配置教學。

驗證碼選項

郵箱註冊登入

即WordPress預設的註冊登入模式，郵箱或者手機註冊登入，必須二選一。如果選擇了郵箱驗證，建議採用驗證碼驗證，否則使用者使用任意郵箱地址均可註冊。

注：如採用驗證碼驗證，則需要進行郵局設定，稍後會專門對郵局設定進行詳細介紹。之所以需要配置郵局，是因為國內大部分伺服器提供商均禁用了PHP的郵局函式支援。

郵箱註冊登入驗證選項

社交驗證註冊登入

要使用這三種社交賬號註冊登入，需要站長自主到社交賬號開發平臺註冊申請appid及key。

• QQ互聯-https://connect.qq.com/index.html；
• 微博開放平臺-https://open.weibo.com/；
• 微信開發平臺-https://open.weixin.qq.com/。

注：無論是QQ、微信還是微博社交賬號註冊登入API，均需要網站完成備案才可以申請；此外微信快捷登入註冊API介面還需要企業認證才可以申請！此外，微博開放平臺目前貌似申請也無法上線應用，暫不建議站長申請開通。

社交註冊登入設定

手機驗證註冊登入

目前AI Art主題支援又拍雲、阿里雲和華為雲的簡訊驗證，站長可以根據自身的實際情況申請開通。

注：一般情況下，簡訊驗證需要網站域名通過備案，且可能要求為企業身份。

手機驗證設定

（6）部落格頻道

AI Art主題支援開啟部落格頻道，以豐富網站內容。我們也強烈建議站長們啟用部落格頻道，為網站增加更多相關的文字內容，以獲取更多的搜尋引擎流量。

部落格頻道提供以下設定選項：

別名 – 支援對部落格頻道進行自定義名稱，預設為部落格，你也可以將其修改為AI資訊，AI知識，AI課堂等；

描述 – 即針對該頻道的概述文字，類似頁面的中心思想。

Banner – 這是通過廣告Banner來控制和管理，後面有詳細的介紹。

相簿風格 – 提供兩種風格，站長可以根據自身部落格內容進行選擇，注：相簿需要在部落格文章編輯時，在多媒體設定新增多張圖片才能夠生效。

特色圖比例 – 即設定部落格列表特色圖的顯示比例，預設為3:2.

部落格頻道設定

（7）自定義程式碼

如果站長需要對主題進行樣式修改、加入統計程式碼等，則可以通過主題的基本設定-自定義程式碼實現。支援自定義CSS樣式、自定義頭部程式碼、自定義底部程式碼及統計程式碼。

套餐管理

這一章節包括套餐管理及套餐頁面設定。

（1）新增套餐及套餐列表管理

點選WordPress後臺管理左側選單的“套餐管理”進入套餐管理列表，點選左下角的“新增”按鈕新增VIP套餐；

可以對套餐進行命名、會員套餐的週期、套餐的原價及優惠價格、套餐特點等設定。

新增VIP會員套餐

在套餐列表，你還可以對已設定的套餐進行排序控制、重新編輯、上下架及刪除等操作。

Tips：套餐務必上架才會在前臺生效。並且務必先設定套餐再設定支付管理，否則個人收款碼支付無法進行配置！

主題套餐管理列表

套餐頁面設定

你可以對VIP會員套餐頁面的套餐版式、預設推薦套餐、套餐頁主標題及副標題、永久會員名稱等進行設定。

主題套餐頁設定

資源管理

資源管理功能是AI Art主題的核心功能之一，這部分的功能也相對複雜些，下面我們將會對此部分功能進行拆分說明：

（1）常規設定

• 資源提供功能開關-預設開啟，如主題需要使用到提示語管理，務必開啟此功能；
• 要求登入獲取開關-除非你希望將全站的資源免費提供給使用者，否則勿關閉此功能；
• 預設獲取方式-免費直接獲取或者支付成功獲取；
• 版權宣告-如果你希望使用自己寫的版權宣告，可以編寫一兩句類似的話術！

AI Art主題資源管理常規設定

（2）欄位設定

欄位管理用於設定網站資源的相關屬性欄位，也是資源管理中最為複雜的功能之一。其中：

A、欄位型別分預設、可填寫、多選項、單選項

• 預設欄位型別是固定的欄位型別，該欄位用於列表篩選，AI Art主題的預設欄位僅為模型型別一個，即用於配置AI生成圖片對應的模型，最為常見的基礎模型包括Midjourney，Stable Diffusion和DALL-E三種；
• 可填寫欄位，即該欄位在釋出資源時，支援手動輸入欄位相關值，適合如大小的欄位引數設定；
• 單選項欄位，即該欄位在釋出資源時，支援單項選擇，選擇該欄位的唯一值；
• 多選欄位，即該欄位在釋出資源時，對應欄位可能會存在多個值。

B、欄位名稱及別名

• 欄位名稱即該欄位的中文名稱；
• 欄位別名即欄位名稱對應的英文名稱、拼音名稱或者編號，根據自己喜好設定即可；

C、欄位值設定

• 預設欄位的預設值-需要點選操作列的設定按鈕進行設定，這會在隨後具體說明；
• 可填寫欄位的預設值-一般預設為空，除非你的可填寫欄位對應的預設值比較固定；
• 單選項及多選項的預設值-一般都存在多個，設定跟預設欄位的預設值操作一致。

溫馨提示：站長可以根據資源的特徵自主配置不一樣的資訊欄位。

資源欄位設定

（3）獲取限制

如果你需要對免費使用者及VIP會員進行獲取限制，則可以通過此功能來實現，包括驗證碼獲取及禁止獲取。舉個栗子：

• 免費會員日獲取次數超過10次，需要輸入驗證碼獲取，則可以選擇會員型別為免費會員，限制型別為驗證碼獲取，日獲取次數為10；
• 所有VIP會員獲取次數超過30次，需要輸入驗證碼獲取，則可選擇會員型別為所有VIP會員，限制型別為驗證碼獲取，日獲取次數為30（注：如果免費資源VIP不受限，請開啟限制規則第一個開關）；
• 然後是對各個VIP套餐設定，則分別選擇不同套餐的會員型別，逐個設定限制型別為禁止獲取，依據會員級別設定禁止獲取的日獲取次數上限；
• 最後點選引入規則提示語，生成一個通用的禁用規則說明，也可以根據自己需要進行文字進行修改。

溫馨提示：相同會員型別不同限制型別，禁止獲取限制型別的日獲取次數應該大於驗證碼獲取日獲取次數才合理；不同級別的VIP會員相同限制型別的日獲取次數限制，理論高階別的VIP的日獲取次數上限應該更高才合理；在設定獲取限制時，應該考慮其中的邏輯關係。

主題資源獲取限制設定

支付設定

主題支援第三方介面-虎皮椒（迅虎支付）、第三方介面-Payjs及官方介面，三種支付通道，其中：

• 第三方介面（虎皮椒或者迅虎支付）-目前價效比較高的第三方支付介面，支援支付寶及微信支付，個人站長首選方案（虎皮椒微信&支付寶支付渠道申請及配置教學）；
• 第三方介面（Payjs）-也是比較成熟的第三方支付介面，但一般站長僅支援開通微信支付且開通費用相對昂貴（PAYJS第三方支付渠道申請及配置教學）；
• 官方介面-如果你是企業備案的網站，首選支付寶及微信支付的官方介面，穩定、安全且費用較低（微信支付官方API介面申請及配置教學、支付寶官方API介面申請及配置教學）

Tips：企業備案首選官方介面，個人站長首選第三方介面（虎皮椒或者迅虎支付）。支付介面設定可能會有更新，以官方為準！PAYJS目前主要面向企業，且用於硬體裝置。

主題支付管理設定

廣告Banner

廣告Banner管理包括AI Art主題的Banner設定及廣告位管理兩部分。

（1）Banner

AI Art主題的Banner設定包括兩塊內容，Banner引數設定及Banner位置內容管理。

Banner引數設定

Banner引數設定用於控制AI Art主題不同Banner位置的基礎引數，如首頁輪播的樣式及控制，預設背景，尺寸，自定義樣式等。

你可以對AI Art主題的三個Banner位置的引數進行設定，分別為首頁輪播Banner、資源列表Banner、部落格列表Banner。

要設定AI Art主題的Banner引數，可通過WordPress後臺，主題設定-廣告Banner-Banner，點選頁面右上角的“Banner引數設定”。

A. 首頁輪播Banner引數設定

• 點選首頁輪播標籤選項卡，對首頁輪播Banner的基礎引數進行設定。其中
• 尺寸 – 為首頁輪播圖設定一個高度，一般情況下留空即可，除非有特定的高度要求。
• 翻頁 – 這裡可以定義首頁輪播圖的一些翻頁效果及樣式，包括切換按鈕的風格，顯示位置及顏色等。
• 自動播放 – 可以設定首頁輪播圖自動輪播開關，輪播的時間間隔，滑鼠懸停及輪播進度條等。
• 進階 – 如果需要對首頁輪播進行自定義樣式，則可以在此處填入CSS程式碼。

 

首頁輪播Banner引數設定

B. 列表頁&部落格列表頁Banner引數設定

資源列表頁及部落格列表頁的Banner可設定引數一致。具體包括以下設定項：

• 預設背景 – 可選擇主題色、隨機圖案及預設背景。其中主題色，即Banner背景設定為主題設定-常規設定中的主題主色調；隨機圖片，即Banner讀取資源的隨機圖片作為Banner背景；預設背景，即讀取主題的預設CSS背景。
• 尺寸 – 支援自定義列表的Banner高度。
• 進階 – 開發者可以通過自定義CSS來定義列表的Banner樣式。

列表頁Banner引數設定

部落格列表頁Banner引數設定

Banner新增與管理

完成了Banner引數的設定後，站長還可以通過新增Banner位置的內容來自定義Banner內容。需要注意的是，首頁輪播Banner與列表Banner的選項不一樣。

A. 首頁輪播Banner新增

點選在Banner列表右下方的“新增Banner”，在新頁面中選擇所屬分組為“首頁輪播”，即可開始設定首頁輪播圖內容。

• 背景 – 可選擇預設背景、圖片或者視訊作為首頁輪播的背景。其中預設背景，為主題自帶的一些CSS樣式背景；圖片，則為自主上傳的圖片；視訊，顯然，即將視訊作為輪播圖背景。
• 連結 – 即配置當前輪播圖片點選的目標連結，並可以設定當前或者新視窗開啟，是否nofollow。
• 是否啟用 – 即建立時，是否立即啟用當前輪播圖，當然後續也可以通過Banner列表啟用或者停用。
• 內容 – 這也是最複雜的首頁輪播圖設定，可以配置對齊方式及手動定位（文字偏移），蒙層；搜尋欄設定（搜尋欄與標題文字類輪播只能二選一）；標題、描述及按鈕即設定輪播圖上的標題，描述及按鈕相關值和樣式。

注：首頁輪播可以新增多個，以實現輪播。此外，要啟用首頁輪播Banner，還必須在“主題設定-基本設定-首頁版式”，將焦點圖模式選項修改為“自定義”。

首頁輪播Banner新增

B. 列表Banner新增

如果選擇所屬分組為列表頁通用或者部落格列表頁，則分別是為資源列表頁和部落格列表頁新增Banner。

• 背景 – 資源列表或者部落格列表的Banner僅支援預設背景或者上傳圖片；
• 蒙層 – 即為Banner新增一個顏色蒙層，可以自由選擇顏色及透明度；
• 是否啟用 – 即建立成功後是否立即啟用，後續也可以在Banner列表修改其狀態。

注：當資源列表或者部落格列表存在多個啟用狀態的Banner，會以最新的一個為優先。

列表Banner新增

（2）廣告

AI Art主題預設了不少廣告位，站長可以對這些廣告位進行相關設定及自定義內容。

廣告位通用設定

在主題設定-廣告Banner，切換至廣告選項卡，在廣告位列表的右上方有一個“廣告位通用設定”，點選進入可以配置廣告位的可見性。

共有三個可選項，全部可見，註冊使用者不可見或者VIP使用者不可見。

廣告位可見性設定

廣告新增與管理

站長可以基於現有的廣告位，進行編輯設定廣告內容，也可以新增一個廣告位內容。

如果是編輯已有的廣告，在廣告列表點選編輯圖示即可進入廣告管理介面；如果需要新增一個廣告，則點選廣告列表的右下角“新增廣告位”。

廣告位可管理的內容包括：

• 廣告位名稱 – 即為當前新增或者編輯的廣告位進行命名，以便於日後管理。
• 所在位置 – 即當前廣告位放在哪個位置的，比如首頁，資源詳情頁等。
• 廣告尺寸 – 即該廣告位的設定尺寸，自適應或者固定解析度，一般情況下，如果是程式碼廣告，可以設定為自適應；圖片廣告則可以設定為固定解析度。
• 所屬分組 – 為當前廣告位設定一個分組。
• 廣告型別 – 程式碼廣告或圖片廣告，如是程式碼廣告，則貼入廣告程式碼即可；如是圖片廣告，則需要設定廣告圖片及廣告連結。

溫馨提示：廣告位的尺寸，站長應該根據實際情況自行調整，一般地，程式碼廣告儘可能選擇自適應尺寸。圖片廣告，則應該根據實際顯示位置，設定解析度。

廣告位新增與編輯

郵局管理

主題支援配置SMTP郵局，以實現通過SMTP向註冊使用者傳送諸如賬號啟停型別、資料變更型別及訊息回覆型別的郵件。

關於郵件常規設定可以參考教學“閃電博主題SMTP郵局設定教學”，此處就不展開說明。

注：國內大部分伺服器提供商，均禁用了PHP的郵局埠及發信函式，建議儘可能使用QQ企業郵箱或者163企業郵箱來進行發信。

郵局管理

儲存 & CDN

AI Art主題支援為網站配置CDN以實現網站加速。目前支援的CDN服務商包括：又拍雲，阿里雲，騰訊雲，七牛雲四個。

在站長完成CDN服務平臺的相關配置後，在下面對應的配置新增主題靜態資源及多媒體資源加速域名即可。

主題CDN配置

溫馨提示：為了更好地加速網站，將OSS和CDN配合起來完成加速，推薦安裝WPTurbo外掛來實現。

工單管理

主題提供聯絡工單模組，你可以通過WordPress後臺-工單管理-工單設定對工單進行詳細的設定：

• 型別設定-站長可以根據網站客戶諮詢的型別進行區分，以便於後期網站使用者發起諮詢進行分類管理；
• 欄位設定-支援型別、暱稱、標題、內容、郵箱、QQ及手機號碼等工單聯絡填寫內容項配置；
• 自動回覆-支援站長設定工單自動回覆，可以使用預設話術或者自定義話術語句。

主題工單設定

選單設定

主題會預設一個網站頂部導航選單，但如果你需要自定義個導航選單，則可以按照以下指引操作。

預設情況下，主題已經設定網站的選單，如果需要進行選單自定義，則可以通過“外觀-選單”，新建一個。

AI Art主題預設選單外觀

為AI Art主題網站自定義配置一個網站頂部導航選單，你需要通過“外觀-選單”，點選“建立新選單”連結，如下圖所示；

建立選單

在下一個介面，你需要為你的選單命名，並且勾選該選單為“主導航選單”，最後點選“建立選單”即可，如下圖所示：

自定義主選單

建立選單後，根據自身的需求，從左側的“新增選單項”新增選單項，比如圖片分類及自定義連結等。最後儲存選單即可。

選單編輯

注：如果你需要對導航選單裡面的分類導航進行排序，可以通過滑鼠拖拽調整位置。