Picpapa相簿網主題說明文件
Picpapa相簿網主題是閃電博針對高清圖片、照片資源網站開發的WordPress主題模板。該主題的主要特色在於,針對圖片型別單獨建立了分類型別,以便於站長更好地管理相簿資源。
同時,整合了閃電博自主研發的主題模組,包括會員系統、訂單管理、下載管理、支付介面對接、工單系統及廣告管理等。
為了方便站長更容易理解該主題,下面對該主題的一些重點設定進行詳細的介紹:
站點設定
完成主題安裝後,需要對你的站點進行一些基礎的設定:常規設定、閱讀設定、固定連結(注,尤其是第三點的固定連結,務必設定好)。
- 站點標題/副標題-進入你的WordPress儀表盤,進入“設定”-“常規”,設定你的站點標題和副標題;
- 閱讀設定-進入“WordPress儀表盤”-“設定”-“閱讀”,將部落格頁面至少顯示設定為24篇文章(根據Picpapa這款主題,該數量最好為≥12,且12的倍數);
- 固定連結-WordPress提供多種URL結構型別及自定義URL結構,我們一般建議選擇樸素型別,或者自定義結構(文章名稱格式為
/%postname%/
或者/%postname%.html
,文章id格式為/%post_id%/
或者/%post_id%.html
),你可以通過WordPress儀表盤,進入“設定”-“固定連結”設定;
WordPress固定連結設定
切記每一次設定都要儲存,不然設定了也無效哦。
Tips:關於固定連結的自定義結構,我們一般建議使用
/%post_id%.html
格式,但務必注意的是,採用此種偽靜態URL連結形式,需要配置Nginx和Apache以獲得支援。並且由於閃電博大部分主題採用了不少自定義頁面,均需要rewrite規則支援!
如果你使用的是寶塔面板,需要配置WordPress偽靜態規則,登入你的寶塔面版,點選“網站”選單進入網站列表,選擇你需要配置的網站,點選“設定”,在彈出視窗找到偽靜態選項,然後選擇網站程式為“WordPress”,最後儲存即可。
寶塔控制面板-靜態化設定
如果你使用的是LNMP環境,一般情況下你在配置host的時候,若已經選擇WordPress作為網站程式,理論上lnmp已經幫你配置好了網站偽靜態。
但如果你在使用/%post_id%.html
或者/%post_id%
格式作為固定連結時發生連結無法訪問,可以嘗試手動配置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. sports;
- 父級分類目錄-如果設定的分類隸屬一個分類,則可以選擇對應的父級分類,建議儘可能使用一級分類;
- 描述-對該分類進行簡單的描述,一句話簡單概括即可即可(注:描述會在圖片分類頁的頂部Banner呼叫,應儘可能填寫)。
完成設定後,點選下方的“新增新的圖片分類”按鈕儲存
WordPress圖片分類目錄設定
圖片屬性
圖片屬性主要用於圖片分類頁篩選搜尋。比如Picpapa主題的demo演示分別使用了尺寸dimensions、形狀shape及顏色color三種屬性型別。
那麼站長應該如何建立圖片屬性呢?
首先,可以通過WordPress儀表盤的“圖片”-“圖片屬性”,建立若干個父級屬性,比如前面所說的尺寸dimensions、形狀shape及顏色color;
- 其中名稱即該屬性的中文名稱;
- 別名即該屬性中文名稱對應的英文或者拼音;
- 該圖片屬性的上級分類選擇為“無”(切記)。
溫馨提示:如果你需要使用顏色這個圖片屬性,務必將其別名設定為color,否則前端以顏色圖案特殊的樣式展示。
設定好,父級的圖片屬性後,跟著還需要設定父級圖片屬性對應的屬性值。比如
在“尺寸”這個父級屬性下,我們可以設定1080P、2K、4K、6K及UHD等子級屬性,這些相當於是“尺寸”屬性的值。如下圖所示:
- 名稱即尺寸屬性對應的值的名稱;
- 別名即屬性值的英文或者拼音;
- 該圖片屬性的上級分類,即該屬性值隸屬的屬性分類。
注:如果是顏色color的屬性對應的值的別名務必使用標準的英文名稱,否則前端無法展示特殊樣式。
新建頁面
一個WordPress部落格網站,你可能需要設定一些諸如關於、聯絡等頁面。你可以通過“WordPress儀表盤”-“新建頁面”,輸入頁面標題和頁面內容後,點選發布即可。
WordPress獨立頁面建立
特別提示:主題可能會自動生成一些必要的頁面Page,請勿自行修改或者刪除這些頁面,以免導致主題部分功能無法正常使用。
選單設定
主題會預設一個網站頂部導航選單,但如果你需要自定義個導航選單,則可以按照以下指引操作。
為Picpapa主題網站自定義配置一個網站頂部導航選單,你需要通過“外觀-選單”,點選“建立新選單”連結,如下圖所示;
建立選單
在下一個介面,你需要為你的選單命名,並且勾選該選單為“主導航選單”,最後點選“建立選單”即可,如下圖所示:
建立選單後,根據自身的需求,從左側的“新增選單項”新增選單項,比如圖片分類及自定義連結等。
Picpapa主題demo所使用的導航選單專案為圖片分類及一個自定義連結,其中自定義分類的連結為yourdomain/item/
,請務必將yourdomain換成你自己的域名地址。
最後儲存選單即可。
注:如果你需要對導航選單裡面的分類導航進行排序,可以通過滑鼠拖拽調整位置。
主題設定
Picpapa主題採用了閃電博團隊定製的主題設定介面,包含了基本設定、廣告管理、下載管理等非常豐富的自定義功能,你可以通過“WordPress儀表盤”-“主題設定”進入Storeys主題設定介面。下面我們來具體介紹每一個功能的使用:
基本設定
(1)常規設定
- Logo-即網站的Logo圖片,要求使用透明背景的Logo(PNG格式),且圖片高度預設最大60畫素,寬度不設限制(注:上傳的Logo畫素最好為2x解析度,即正常畫素的2倍,此外Logo應該留一定的留白);
- Favicon-網站收藏夾圖示,展示在收藏夾、位址列和快捷方式等,你可以通過線上工具生成一個;
- 預設特色圖-用於內容無特色圖時展示,預設圖的比例應該與特色圖寬高比一致;
- 特色圖寬高比-僅當不存在圖片特色圖的時候才會使用該圖片;
- VIP標識開關及自定義VIP圖示-開啟VIP標識開關,VIP資源特色圖將會顯示VIP圖示,如需要更改主題預設VIP圖示,需自主上傳一個透明底的VIP圖示;
- 主題主色調-你可以通過調色盤更改主題的主色調;
- 文章編輯器-預設開啟,以關閉WordPress的古騰堡編輯器,目前主題不相容古騰堡編輯器,請勿關閉此功能;
- jQuery依賴-預設關閉,但如使用的外掛依賴jQuery,則建議開啟此選項;
- 自動載入分頁數-開啟自動載入分頁功能及自動載入頁數後,網站列表頁即使用自動載入分頁的方式載入。Picpapa主題因為採用了瀑布流的佈局,前端預設會自動載入20頁,若使用者需要自定義自動載入頁數,在此處填入數字即可;
- 列表文章數量-這個是依賴WordPress自帶的功能實現的,建議設定≥12,且為12的倍數(注:此功能不對首頁列表文章數量作用);
- 側欄小部件-可以啟用關注我們、聯絡客服及聯絡工單三個功能,其中關注我們需要上傳微信二維碼圖片,聯絡客服可以填寫QQ聯絡連結,聯絡工單則引導使用者通過工單傳送聯絡內容給網站管理員。
主題常規設定
(2)首頁版式
在此處站長可以單獨設定需要在首頁展示的圖片分類,且支援調整先後順序。但請注意,預設第一個tab標籤頁是最新圖片。
首頁版式設定
(3)頁尾設定
在這裡你可以設定picpapa主題的所有頁尾資訊內容,包括社交媒體賬號資訊、頁尾選單(依賴WordPress功能)、版權資訊及備案號等。
(4)社交登入
主題支援使用者使用第三方社交賬號登入註冊,包括QQ、微信及微博三種。
要使用這三種社交賬號註冊登入,需要站長自主到社交賬號開發平臺註冊申請appid及key。
- QQ互聯-https://connect.qq.com/index.html;
- 微博開放平臺-https://open.weibo.com/;
- 微信開發平臺-https://open.weixin.qq.com/。
注:無論是QQ、微信還是微博社交賬號註冊登入API,均需要網站完成備案才可以申請;此外微信快捷登入註冊API介面還需要企業認證才可以申請!
主題社交登入設定
注:picpapa主題將會在稍後的版本更新支援手機和郵箱註冊登入支援。
(5)自定義程式碼
如果站長需要對主題進行樣式修改、加入統計程式碼等,則可以通過主題的基本設定-自定義程式碼實現。支援自定義CSS樣式、自定義頭部程式碼、自定義底部程式碼及統計程式碼。
套餐管理
這一章節包括套餐管理及套餐頁面設定。
(1)新增套餐及套餐列表管理
點選WordPress後臺管理左側選單的“套餐管理”進入套餐管理列表,點選左下角的“新增”按鈕新增VIP套餐;
可以對套餐進行命名、會員套餐的週期、套餐的原價及優惠價格、套餐特點等設定。
新增VIP會員套餐
在套餐列表,你還可以對已設定的套餐進行排序控制、重新編輯、上下架及刪除等操作。
Tips:套餐務必上架才會在前臺生效。並且務必先設定套餐再設定支付管理,否則個人收款碼支付無法進行配置!
主題套餐管理列表
套餐頁面設定
你可以對VIP會員套餐頁面的套餐版式、預設推薦套餐、套餐頁主標題及副標題、永久會員名稱等進行設定。
主題套餐頁設定
下載管理
下載管理功能是picpapa主題的核心功能之一,這部分的功能也相對複雜些,下面我們將會對此部分功能進行拆分說明:
(1)常規設定
- 下載功能開關-預設開啟,如主題需要使用到下載管理,務必開啟此功能;
- 登入下載開關-除非你希望將全站的資源免費提供給使用者,否則勿關閉此功能;
- 多檔案下載-picpapa屬於相簿資源網站主題,如果提供的圖片提供多種解析度下載,則需要開啟多檔案下載;
- 多版本下載-picpapa主題所提供的圖片一般不存在多版本圖片,此功能不建議開啟;
- 版權宣告-如果你希望使用自己寫的版權宣告,可以編寫一兩句類似的話術!
下載地址這部分功能沒什麼好說的,根據自己需要選擇支援的下載地址型別吧,目前僅支援本地伺服器及網盤下載兩種型別,未來將引入阿里雲的oss及騰訊雲的cos。當然如果你有好的建議可以通過網站工單提交。
picpapa主題下載基礎設定
(2)欄位設定
欄位管理用於設定網站下載資源的相關屬性欄位,也是下載管理中最為複雜的功能之一。其中:
A、欄位型別分預設、可填寫、多選項、單選項
- 預設欄位型別是固定的欄位型別,該欄位用於列表篩選,分別對應的是設計、視訊及原始碼三種資源;
- 可填寫欄位,即該欄位在釋出資源時,支援手動輸入欄位相關值,適合如大小的欄位引數設定;
- 單選項欄位,即該欄位在釋出資源時,支援單項選擇,選擇該欄位的唯一值;
- 多選欄位,即該欄位在釋出資源時,對應欄位可能會存在多個值,比如格式,語言等。
B、欄位名稱及別名
- 欄位名稱即該欄位的中文名稱;
- 欄位別名即欄位名稱對應的英文名稱、拼音名稱或者編號,根據自己喜好設定即可;
C、欄位值設定
- 預設欄位的預設值-需要點選操作列的設定按鈕進行設定,這會在隨後具體說明;
- 可填寫欄位的預設值-一般預設為空,除非你的可填寫欄位對應的預設值比較固定;
- 單選項及多選項的預設值-一般都存在多個,設定跟預設欄位的預設值操作一致。
溫馨提示:站長可以根據相簿站資源的特徵自主配置不一樣的圖片資訊欄位。
下載資源欄位設定
(3)下載限制
如果你需要對免費使用者及VIP會員進行下載限制,則可以通過此功能來實現,包括驗證碼下載及禁止下載。舉個栗子:
- 免費會員日下載次數超過10次,需要輸入驗證碼下載,則可以選擇會員型別為免費會員,限制型別為驗證碼下載,日下載次數為10;
- 所有VIP會員下載次數超過30次,需要輸入驗證碼下載,則可選擇會員型別為所有VIP會員,限制型別為驗證碼下載,日下載次數為30(注:如果免費資源VIP不受限,請開啟限制規則第一個開關);
- 然後是對各個VIP套餐設定,則分別選擇不同套餐的會員型別,逐個設定限制型別為禁止下載,依據會員級別設定禁止下載的日下載次數上限;
- 最後點選引入規則提示語,生成一個通用的禁用規則說明,也可以根據自己需要進行文字進行修改。
溫馨提示:相同會員型別不同限制型別,禁止下載限制型別的日下載次數應該大於驗證碼下載日下載次數才合理;不同級別的VIP會員相同限制型別的日下載次數限制,理論高階別的VIP的日下載次數上限應該更高才合理;在設定下載限制時,應該考慮其中的邏輯關係。
主題下載限制設定
支付管理
Picpapa主題支援個人收款碼、第三方介面-虎皮椒、第三方介面-Payjs及官方介面,四種支付通道,其中:
- 個人收款碼-即直接使用支付寶及微信支付生成的收款碼作為支付通道,該支付方式體受限於支付狀態無法判斷,需人工稽覈訂單,不建議使用此方案(支付寶&微信個人收款碼支付設定教學);
- 第三方介面(虎皮椒)-目前價效比較高的第三方支付介面,支援支付寶及微信支付,個人站長首選方案(虎皮椒微信&支付寶支付渠道申請及配置教學);
- 第三方介面(Payjs)-也是比較成熟的第三方支付介面,但一般站長僅支援開通微信支付且開通費用相對昂貴(PAYJS第三方支付渠道申請及配置教學);
- 官方介面-如果你是企業備案的網站,首選支付寶及微信支付的官方介面,穩定、安全且費用較低(微信支付官方API介面申請及配置教學、支付寶官方API介面申請及配置教學)
Tips:企業備案首選官方介面,個人站長首選第三方介面(虎皮椒)。支付介面設定可能會有更新,以官方為準!
主題支付管理設定
郵局管理
picpapa主題支援配置SMTP郵局,以實現通過SMTP向註冊使用者傳送諸如賬號啟停型別、資料變更型別及訊息回覆型別的郵件。
關於郵件常規設定可以參考教學“閃電博主題SMTP郵局設定教學”,此處就不展開說明。
工單管理
Picpapa主題提供聯絡工單模組,你可以通過WordPress後臺-工單管理-工單設定對工單進行詳細的設定:
- 型別設定-站長可以根據網站客戶諮詢的型別進行區分,以便於後期網站使用者發起諮詢進行分類管理;
- 欄位設定-支援型別、暱稱、標題、內容、郵箱、QQ及手機號碼等工單聯絡填寫內容項配置;
- 自動回覆-支援站長設定工單自動回覆,可以使用預設話術或者自定義話術語句。
主題工單設定
新增圖片
picpapa主題主要針對圖片、照片素材,下面主要針對圖片素材釋出進行說明:
站長可以通過WordPress儀表盤“圖片-新增圖片”來發布新的照片或者圖片資源,其中圖片標題、圖片分類、標籤、特色圖、摘要及詳情與正常的文章釋出流程大同小異。
但圖片新增也有其獨特的地方,其中包括:
圖片屬性-站長應該根據前面所建立的圖片屬性及對應值,選擇需要釋出圖片的諸如尺寸、形狀及顏色的值;
下載設定-主要包括下載方式、下載連結和資源屬性。
- 下載方式:可選免費直接下載或者支付成功下載,支付成功下載即需要開通VIP會員才可下載;
- 下載連結:支援本地下載或者網盤下載,你可以定義該檔案的標籤,比如圖片對應的解析度等;
- 資源屬性:預設一般為照相機相關資訊,但這些欄位也可以在主題設定的下載管理進行自定義。
圖片新增之下載設定